Trigger a modal with a link click
If you are doing a content upgrade or putting your modal form behind a button click this article will help you out. This is how Pat Flynn triggers the subscribe form on the footer of his site:
Create a new form
Create a new form and set the style to Modal. You can then choose to display it on exit intent (they move their mouse outside the browser window), timing, or scroll percentage.
Or you can trigger it manually with a link click. Which is what we'll be doing.
Embed the form and link
<script async id="_ck_000" src="https://forms.convertkit.com/000?v=6"></script>Then from the style page grab the modal trigger link. It looks like this:
<a rel="ck_modal" href="#ck_modal">Your link text</a>
Just replace the "Your link text" with what you actually want the link to say.
Using an image link
Do you want to trigger your modal with an image? The instructions are similar, but instead of writing link text, you'll place an image instead.Your code should look like this:
<a rel="ck_modal" href="#ck_modal"><img src="IMAGE LINK"></a>
Just replace IMAGE LINK with the link to your hosted image!
Linking your Form with a button
Do you want to trigger your modal with a button? The instructions are similar, but you need slightly different code:
Your code should look like this:
<a rel="ck_modal" href="#ck_modal" class="button">Button Text</a>
Styling the button will be heavily dependent on your website's theme, so please refer to your theme's support for detailed instructions.
Save and refresh
Now save everything and refresh the page. When you click the link the modal should appear.
Note: if you only want the modal to appear based on the click you can set the timing really high (9999 seconds) or set the scroll percentage to 100%.