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:

  1. 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!

  2. 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]