I’ve created a booking form in Formidable Forms that contains several HTML fields. Each of these fields loads a booking widget from our booking system, Checkfront, and is displayed conditionally based on user selection. However, when the form is accessed (from a button on the home page), all HTML fields seem to load initially, causing a delay in page load time.
Is there a way to configure the form so that only the specific HTML field is loaded when it’s selected by the user? I’d like to improve the loading performance and only render the booking widget as needed, rather than preloading all of them.
Any advice or alternative setup suggestions would be greatly appreciated!
The only way I know to do load content selectively is with Ajax. If you only need one booking widget displayed, you only need one HTML field. The field should have an empty div as a place holder. Create an jQuery function to monitor the selection process and then use Ajax to load the selected widget content from the server in your custom PHP callback.
Thank you Victor for this answer. I think this is beyond my skill level. Do you know someone I could hire to work with on this?
You can find the best Formidable developers here: https://formidable-masterminds.com/developers-directory/
Please login or Register to submit your answer