How to embed multiple modal form same page
-
Hi,
How can I embed multiple modal forms in the same page (embed form + link) ?
I’ve tried JavaScript : I don’t found a parameter for specify ID to assign each form to each link.
I’ve tried raw HTML : When I specify an ID in the code and repeat them to my link, the form is not hidden and when I click on the link nothing happen.
I’ve tried Shortocode : I canno’t specify ID in the shortcode params.I don’t found any help in the developer documentation.
Some help? Yet it is a basic feature.
-
You can use the shortcode in the page content like this:
First Form
[convertkit form=”form_id”]Second Form
[convertkit form=”form_id”]Third Form
[convertkit form=”form_id”]You can find the form_id by clicking on your form in ConvertKit, then grabbing the form_id from the URL:
https://app.convertkit.com/landing_pages/form_id/edit
Example of this page:
Hi, Sorry for missing the ‘modal’ bit. ??
I got this working partially. Below is an example with 2 modal forms. I added 2 links and changed the rel and href of the second one to be “cl_modal2” and “#ck_modal2”.
Then I paste in the Raw HTML of the first form followed by the second form. On the second form outermost DIV I changed the id to “ck_modal2″. The forms wanted to show on page load so I added style=”display:none;” to suppress that.
Hopefully that gets you closer to your goal.
- The topic ‘How to embed multiple modal form same page’ is closed to new replies.
