Optimizing Form Load Speed with Conditional HTML Fields in Formidable Forms

By: Mark Unrau | Asked: 11/11/2024
ForumsCategory: How-toOptimizing Form Load Speed with Conditional HTML Fields in Formidable Forms
Mark Unrau asked 1 week ago
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!
1 Answers
Victor Font answered 1 week ago
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.
Mark Unrau replied 1 week ago

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?

Victor Font replied 1 week ago

You can find the best Formidable developers here: https://formidable-masterminds.com/developers-directory/

Making the Best WordPress Plugin even better - Together

Take on bigger projects with confidence knowing you have access to an entire community of Formidable Experts and Professionals who have your back when the going gets tough. You got this!
Join the community
crossarrow-right