Mailchimp Form in widget area isn't embedding correctly

  • Unknown's avatar
    kateatstudio7creative · Member ·

    I’m trying to embed my Mailchimp sign up form as a text widget sidebar using the embed code provided by Mailchimp.

    Here is a screenshot of what is happening. https://drive.google.com/file/d/0B0VgEe-PnS0eRmJIY0tORTAwbk0/view?usp=sharing

    Here is the code from MC.

    <!– 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=”//studio7creative.us10.list-manage.com/subscribe/post?u=a2e2c49ae2a835ebeb3d524a3&id=dfd08827f6″ 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-FNAME”>What’s your first name? <span class=”asterisk”>*</span>
    </label>
    <input type=”text” value=”” name=”FNAME” class=”required” id=”mce-FNAME”>
    </div>
    <div class=”mc-field-group”>
    <label for=”mce-EMAIL”>Email <span class=”asterisk”>*</span>
    </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–>
    <div style=”position: absolute; left: -5000px;”><input type=”text” name=”b_a2e2c49ae2a835ebeb3d524a3_dfd08827f6″ tabindex=”-1″ value=””></div>
    <div class=”clear”><input type=”submit” value=”Subscribe” name=”subscribe” id=”mc-embedded-subscribe” class=”button”></div>
    </div>
    </form>
    </div>

    <!–End mc_embed_signup–>

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

  • staff-doublebassd · Staff ·

    Hi there,

    MailChimp’s embed codes will not work on WordPress.com.

    However, if you want to use MailChimp with your WordPress.com site, Mail Chimp has a support page that provides information on how to set this up.

    Also, we have a WordPress.com user who created a good blog post on what many other WordPress.com users do to utilize MailChimp on their sites.

    Let me know if you have any other questions.

    Thanks!

  • The topic ‘Mailchimp Form in widget area isn't embedding correctly’ is closed to new replies.