Links
Comment on page
📧

MailChimp Newsletter

Allowing your visitors to subscribe to your newsletter should be easy.
This allows you to add a newsletter sign-up form to your widget areas. When a guest adds their email via the form, it will be added to the mailing list / audience. You will then use the easy-to-use MailChimp app to create and send customized newsletters to your fan hoards.

Follow the instruction:

  1. 1.
    Install & activate the MC4WP: MailChimp for WordPress recommended plugin.
  2. 2.
    Sign up and create an account with MailChimp.
  3. 3.
    Create a new Audience (mailing list) via Audience Current audience → View audiences Create Audience and fill in the necessary information.
  4. 4.
    Generate a MailChimp API key via Your Account Page Extras API Keys Create a key. Copy this API key.
  5. 5.
    Paste your API key into the MC4WP plugin settings screen. Save changes.
  6. 6.
    Go to MC4WP Form and paste the following HTML code into the form code box to make the form look like a sample form:
Normal
With agree to terms
With Name Field
<div class="nebotheme-newsletter">
<div class="nebotheme-newsletter__text">
<h2 class="nebotheme-newsletter__title">Join Our Newsletter</h2>
<p>Enter your email and we'll keep you posted with news and updates!</p>
</div>
<div class="nebotheme-newsletter__elements">
<div class="nebotheme-newsletter__elements__inner">
<input type="email" name="EMAIL" placeholder="Enter Your E-mail..." required class="nebotheme-newsletter__email" />
<button class="nebotheme-newsletter__submit">Subscribe</button>
</div>
</div>
</div>
<div class="nebotheme-newsletter">
<div class="nebotheme-newsletter__text">
<h2 class="nebotheme-newsletter__title">Join Our Newsletter</h2>
<p>Enter your email and we'll keep you posted with news and updates!</p>
</div>
<div class="nebotheme-newsletter__elements">
<div class="nebotheme-newsletter__elements__inner">
<input type="email" name="EMAIL" placeholder="Enter Your E-mail..." required class="nebotheme-newsletter__email" />
<button class="nebotheme-newsletter__submit">Subscribe</button>
<div class="nebotheme-newsletter-terms">
<input name="AGREE_TO_TERMS" type="checkbox" value="1" required="">
<label>
<a href="#" target="_blank">I have read and agree to the terms &amp; conditions</a>
</label>
</div>
</div>
</div>
</div>
<div class="nebotheme-newsletter">
<div class="nebotheme-newsletter__text">
<h2 class="nebotheme-newsletter__title">Join Our Newsletter</h2>
<p>Enter your email and we'll keep you posted with news and updates!</p>
</div>
<div class="nebotheme-newsletter__elements">
<div class="nebotheme-newsletter__elements__inner">
<input type="text" name="FNAME" placeholder="Your Name" required class="nebotheme-newsletter__fname" />
<input type="email" name="EMAIL" placeholder="Your E-mail" required class="nebotheme-newsletter__email" />
<button class="nebotheme-newsletter__submit">Subscribe</button>
</div>
</div>
</div>

You can add such subscription forms:

Widget Mailchimp Sign-Up Form

go to Appearance → Widgets Sign-Up Form widget to any sidebar.

Po-pup

go to Appearance → Customize → Newsletter Popup

Full-Width

go to Appearance → Customize → Newsletter Popup