Public Ticket #2200879
Adding A Mailchimp form to Popup


  • GAL started the conversation

    Hello, I would like to add a Mailchimp form to a popup.  Do you have any documentation on that?  I can't figure out how to get the close button to work with the Mailchimp embed code.  Javascript inserted into an html module as included in the Maichimp embed code that makes the thank you message come on after form is  submitted causes everything to freeze up and align in strange ways.   If you have any information on how to get the popup to close or display thank you message triggered by the mailchimp.

    This is how the embed code looks without the javascript.  It works fine, but I need the button to close the popup.  I think this is possible but I can't figure out how.  I need the input with the value 'Yes!' to close the popup.

    <!-- Begin Mailchimp Signup Form -->
    <link href="//cdn-images.mailchimp.com/embedcode/classic-10_7.css" rel="stylesheet" type="text/css">
    <style type="text/css">
    #mc_embed_signup{background:transparent; clear:left; font-size:14px; font-family: 'Libre Baskerville'; color: #333333; }
    /* Add your own Mailchimp form style overrides in your site stylesheet or in this style block.
       We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
    <div id="mc_embed_signup">

        <div id="mc_embed_signup_scroll">

    <div class="mc-field-group">
    <label for="mce-FNAME">Name </label>
    <input type="text" value="" name="FNAME" class="" id="mce-FNAME">
    <div class="mc-field-group">
    <label for="mce-EMAIL">Email Address </label>
    <input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
    <div id="mce-responses" class="clear">
    <div class="response" id="mce-error-response" style="display:none"></div>
    <div class="response" id="mce-success-response" style="display:none"></div>
    </div>    <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
     <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_00_4a61b92e51" tabindex="-1" value=""></div>
        <div style="margin-top: 10px; " class="clear"><input style="font-family: 'lithographregular'; font-size: 25px; background-color: #333333;" type="submit" value="yes!" name="subscribe" id="mc-embedded-subscribe" class="button"></div>

    <!--End mc_embed_signup-->

  •  499
    Attila replied

    Hello GAL,

    Thank you for getting in touch with us. My name is Attila and I'm happy to assist you today. I appreciate your patience while we've been working towards your ticket.

    Unfortunately we are not familiar with Mailchimp's methods, but you will likely need to connect the form button to the popup close trigger. For advanced customization such as this, you will need to utilize some custom coding and the LayerSlider API. You can find more information about the API in the documentation: https://layerslider.kreaturamedia.com/documentation/#layerslider-api

    Best Regards,
    Attila | Kreatura Support Team

  • Leah replied

    I solved this issue by hiring a developer to create a plugin that allows me to add MailChimp embed forms into LayerSlider Popups with a shortcode instead of embed code.

    In case anyone else is interested in doing the same, I have posted the process and a link to the plugin at:


  •  499
    Attila replied

    Hello Leah,

    Thank you for sharing!

    Best Regards,
    Attila | Kreatura Support Team