Mailchimp sign up list pop up window on Spun Theme
-
Hello,
I’ve trying to add the below code to my blog. I’ve pasted it in the css form, but it doesn’t show up. This code is to create the “evil monkey” pop up window for the new visitors to my blog.
Can you help me guide me why it’s not working?
<!– Begin MailChimp Signup Form –>
<link href=”//cdn-images.mailchimp.com/embedcode/classic-081711.css” rel=”stylesheet” type=”text/css”>
<style type=”text/css”>
#mc_embed_signup{position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.8);display:none;z-index:10000; width:300px;}
#mc_embed_signup form{position:fixed; top:10%; left:50%; width:50%; margin-left:-25%; font:normal 100% Helvetica,Arial,sans-serif; font-size:14px; border-radius:4px; border:none; padding:10px 20px; background-color:#fff; color:#000; text-align:left;max-height:400px;overflow-y:auto;overflow-x:hidden;}
#mc_embed_signup a.mc_embed_close{background:transparent url(http://downloads.mailchimp.com/img/closebox.png) no-repeat; display:block; height:30px; width:30px; text-indent:-999em; position:absolute; top:-10px; right:-10px; display:none; }
/* 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”>
<form action=”//pamelawasabi.us2.list-manage.com/subscribe/post?u=08cbbd7e45d071631857054dd&id=32495ed560″ method=”post” id=”mc-embedded-subscribe-form” name=”mc-embedded-subscribe-form” class=”validate” target=”_blank” novalidate>
<h2>Join my mailing list!</h2>
<div class=”indicates-required”><span class=”asterisk”>*</span> indicates required</div>
<div class=”mc-field-group”>
<label for=”mce-EMAIL”>Email Address <span class=”asterisk”>*</span>
</label>
<input type=”email” value=”” name=”EMAIL” class=”required email” id=”mce-EMAIL”>
</div>
<div class=”mc-field-group”>
<label for=”mce-FNAME”>First Name </label>
<input type=”text” value=”” name=”FNAME” class=”” id=”mce-FNAME”>
</div>
<div class=”mc-field-group”>
<label for=”mce-LNAME”>Last Name </label>
<input type=”text” value=”” name=”LNAME” class=”” id=”mce-LNAME”>
</div>
Close <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;”><input type=”text” name=”b_08cbbd7e45d071631857054dd_32495ed560″ tabindex=”-1″ value=””></div>
<div class=”clear”><input type=”submit” value=”Subscribe” name=”subscribe” id=”mc-embedded-subscribe” class=”button”></div>
</form>
</div>
<script type=’text/javascript’ src=’//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js’></script><script type=’text/javascript’>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]=’EMAIL’;ftypes[0]=’email’;fnames[1]=’FNAME’;ftypes[1]=’text’;fnames[2]=’LNAME’;ftypes[2]=’text’; window.mc.showPopup = true;window.mc.delayPopup = 2000;if (mc.showPopup) mc.evalPopup();}(jQuery));var $mcj = jQuery.noConflict(true);</script>
<!–End mc_embed_signup–>Thank you!
The blog I need help with is: (visible only to logged in users)
-
-
-
You are welcome.
If you really wanted the pop-up you might consider a WordPress.ORG software install. -
@pamelawasabi, although this is not exactly what you are wanting, you can link from your site to your Mailchimp sign-up form on their site. You can do this by placing a Link in a text widget, or perhaps using an image and linking it to the Mailchimp sign-up form using an image widget. Here are some links to information on using text widgets and image widgets.
-
Thank you for your input.
I do have already a sign up link on my blog.
I was just looking to add the pop up window.Thanks again! you guys are awesome!
-
If you want to use MailChimp with your WordPress.com site now you can do so by creating a link to the signup form on MailChimp. Here’s the info from MailChimp Support http://kb.mailchimp.com/article/how-to-add-a-mailchimp-signup-form-to-your-wordpress-blog
- The topic ‘Mailchimp sign up list pop up window on Spun Theme’ is closed to new replies.
WordPress.com Forums 
