Links
📧

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