Problem embedding MailChimp Sign-up Form

  • Unknown's avatar
    groundgallery · Member ·

    I need help embedding a MailChimp sign-up form on my WP site. When I attempt to embed this on my site, the box wherein a potential subscriber is supposed to be able to type their email address does not appear. The code for the form is pasted below.

    <!– 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{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }
    /* 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=”//groundgallery.us11.list-manage.com/subscribe/post?u=58fa596c4172bd236292f410a&id=3ce5aa690a” method=”post” id=”mc-embedded-subscribe-form” name=”mc-embedded-subscribe-form” class=”validate” target=”_blank” novalidate>
    <div id=”mc_embed_signup_scroll”>
    <h2>Subscribe to our 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>
    <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_58fa596c4172bd236292f410a_3ce5aa690a” tabindex=”-1″ value=””></div>
    <div class=”clear”><input type=”submit” value=”Subscribe” name=”subscribe” id=”mc-embedded-subscribe” class=”button”></div>
    </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’;}(jQuery));var $mcj = jQuery.noConflict(true);</script>
    <!–End mc_embed_signup–>

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    timethief · Member ·

    You cannot use the embed code and cannot create a pop-up on a wordpress.COM hosted blog. You can create a sign up page on MailChimp only. If you want to use MailChimp with your WordPress.com site 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 ‘Problem embedding MailChimp Sign-up Form’ is closed to new replies.