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.
- 1.Install & activate the MC4WP: MailChimp for WordPress recommended plugin.
- 2.
- 3.Create a new Audience (mailing list) via Audience → Current audience → View audiences → Create Audience and fill in the necessary information.
- 4.Generate a MailChimp API key via Your Account Page → Extras → API Keys → Create a key. Copy this API key.
- 5.Paste your API key into the MC4WP plugin settings screen. Save changes.
- 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 & 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>

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

go to Appearance → Customize → Newsletter Popup

go to Appearance → Customize → Newsletter Popup
Last modified 1yr ago