📧
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.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
1
<div class="nebotheme-newsletter">
2
<div class="nebotheme-newsletter__text">
3
<h2 class="nebotheme-newsletter__title">Join Our Newsletter</h2>
4
<p>Enter your email and we'll keep you posted with news and updates!</p>
5
</div>
6
<div class="nebotheme-newsletter__elements">
7
<div class="nebotheme-newsletter__elements__inner">
8
<input type="email" name="EMAIL" placeholder="Enter Your E-mail..." required class="nebotheme-newsletter__email" />
9
<button class="nebotheme-newsletter__submit">Subscribe</button>
10
</div>
11
</div>
12
</div>
Copied!
1
<div class="nebotheme-newsletter">
2
<div class="nebotheme-newsletter__text">
3
<h2 class="nebotheme-newsletter__title">Join Our Newsletter</h2>
4
<p>Enter your email and we'll keep you posted with news and updates!</p>
5
</div>
6
<div class="nebotheme-newsletter__elements">
7
<div class="nebotheme-newsletter__elements__inner">
8
<input type="email" name="EMAIL" placeholder="Enter Your E-mail..." required class="nebotheme-newsletter__email" />
9
<button class="nebotheme-newsletter__submit">Subscribe</button>
10
<div class="nebotheme-newsletter-terms">
11
<input name="AGREE_TO_TERMS" type="checkbox" value="1" required="">
12
<label>
13
<a href="#" target="_blank">I have read and agree to the terms & conditions</a>
14
</label>
15
</div>
16
</div>
17
</div>
18
</div>
Copied!
1
<div class="nebotheme-newsletter">
2
<div class="nebotheme-newsletter__text">
3
<h2 class="nebotheme-newsletter__title">Join Our Newsletter</h2>
4
<p>Enter your email and we'll keep you posted with news and updates!</p>
5
</div>
6
<div class="nebotheme-newsletter__elements">
7
<div class="nebotheme-newsletter__elements__inner">
8
<input type="text" name="FNAME" placeholder="Your Name" required class="nebotheme-newsletter__fname" />
9
<input type="email" name="EMAIL" placeholder="Your E-mail" required class="nebotheme-newsletter__email" />
10
<button class="nebotheme-newsletter__submit">Subscribe</button>
11
</div>
12
</div>
13
</div>
Copied!
You can add such subscription forms:
Widget Mailchimp Sign-Up Form
go to Appearance → Widgets add Mailchimp Sign-Up Form widget to any sidebar.
Po-pup
go to Appearance → Customize → Newsletter Popup
Full-Width
go to Appearance → Customize → Homepage
Full-Width for single post
Last modified 7mo ago