Trouble adding a mailchimp sign up form to my wordpress.com website

• 

  wellspringwell · Member · Sep 29, 2016 at 8:17 pm

  • Copy link
  • Add topic to favorites

  Hi, I’m having trouble embedding the code for my mailchimp sign up form for my newsletter to my website. I have tried adding a text widget and pasting in the code but although the words show up the fields that someone would fill in with their name and email address and the submit button do not. I also used the html editor and tried to embed this code in a post but had the same problem. I was hoping there would be an easy way to do this so I could add a similar sign up form to the bottom of all of my blog posts.

  Here is the code I’m using:

  <!– 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:#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=”//wellspringhealthandwellness.us13.list-manage.com/subscribe/post?u=dc74b6f814ce6e630c00e4b5b&id=ea5f61c013″ method=”post” id=”mc-embedded-subscribe-form” name=”mc-embedded-subscribe-form” class=”validate” target=”_blank” novalidate>
  <div id=”mc_embed_signup_scroll”>
  <h2>Sign up for my monthly newsletter here!</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 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_dc74b6f814ce6e630c00e4b5b_ea5f61c013″ 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)