Support » Plugin: ConvertKit - Email Newsletter, Email Marketing, Subscribers and Landing Pages » How to embed multiple modal form same page

  • Resolved Marie Comet

    (@chaton666)


    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.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Contributor Daniel Espinoza

    (@growdev)

    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:

    muilti form test

    Thread Starter Marie Comet

    (@chaton666)

    Hi Daniel,
    thanks for your answer but I know how to integrate shortcodes in my page.
    My question was : How can I embed multiple modal forms in the same page (embed form + link)

    Plugin Contributor Daniel Espinoza

    (@growdev)

    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.

    multiple modal

    Thread Starter Marie Comet

    (@chaton666)

    Hi,
    Thanks for your answer, I found this solution but it worked randomly (maybe JS conflict with my theme). Finally I used the Bloom extension.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to embed multiple modal form same page’ is closed to new replies.