How to Trigger Multiple Modals on the Same Page Correctly
By default all of our forms share the same modal ID which is ck_modal. Because of this, if you have multiple modals on the page to be triggered by a link click, when clicking on a link, it can't distinguish which form to load and as a result, loads the last modal that is loaded on the page. To fix this, you simply need to use the HTML embed code for each form.
HTML Embed CSS Code
HTML Embed ID Change
Next, for every form, you'll want to embed the HTML embed code somewhere on the site and then change the ID from ck_modal to something else such as ck_modal1 for the first form, ck_modal2 for the second form, etc.
Once you've done this, when creating the link that triggers the modal, just make sure the link follows the following format:
<a href="#ck_modal1" rel="ck_modal">TEXT HERE</a>
<a href="#ck_modal2" rel="ck_modal">TEXT HERE</a>
Note that the rel="ck_modal" does not change. Only the href in reference to the new ID.
Now each link should trigger the correct form modal that should show up.