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. */
</style>
<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>
<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>
<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-->
<center>   
 <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>
</center>
    </div>
</form>
</div>

<!--End mc_embed_signup-->

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:

https://www.leah-young.com/mailchimp-subscribe-with-layerslider-by-kreatura/