How To Use a Custom Popup Form Trigger
What if you want to trigger the popup form using a link in your navigation menu? or an existing button on your page?
There are two ways to do this:
-
Using Href
First, we add the form on our page, using the simple shortcode:
[fc id='12' type='popup'][/fc]
Next, edit the link which would trigger this form, and put the href or hyperlink to:
http://yoursite.com/form-view/12
The important part is /form-view/12, where 12 is the form ID. Yes, that’s it!
-
Using CSS Selectors
For this, you would need to know the CSS selector for the button / link you wish to bind the form to. Assuming this button has the class my-custom-btn. Now, we modify our form shortcode a little, and add a bind attribute to it:
[fc id='12' type='popup' bind='.my-custom-btn'][/fc]