Using Formidable Forms with Easy Modal

So you want to put a Formidable Form in your beautifully crafted popup, but when you enter the short code into your modal, the form doesn’t work?!

The Problem

Formidable Forms doesn’t use AJAX. However, it appears they may implement it in the future.

The Solution

In the mean time, we can circumvent this break by replacing the short code with the link of your form obtained from their “Preview Form” button. Then, we put this link into an iframe, as such:


<iframe class="formidable" height="475" src="http://yoursite.com/wp-admin/admin-ajax.php?action=frm_forms_preview&form=contact2"></iframe>

Limitations

Adding a class of formidable will help the iframe fit the modal, but that’s about as good as it’s going to get in Formidable Forms current iteration.

Also, as far as content fitting the modal vertically, you might have to implement:


scrolling=yes

in your iframe element.

For example, if you have a multistage form that will vary in height, you still have to set the height as above, but if that height is not tall enough to hold all the content, then your content will be chopped off and never seen by the user.


scrolling=yes

gives the iframe a scroll bar in case this scenario occurs. (It won’t show up if the height is big enough to show all of the content.)

That’s all there is to it!

Moving Forward

Until Formidable Forms implements the use of AJAX in their forms, there will continue to be this issue between Easy Modal and Formidable Forms.

[edd_social_discount]