# MailChimp Newsletter

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. Sign up and create an account with [**MailChimp**](https://mailchimp.com/).
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:

{% tabs %}
{% tab title="Normal" %}

```markup
<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>
```

{% endtab %}

{% tab title="With agree to terms" %}

```markup
<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>
```

{% endtab %}

{% tab title="With Name Field" %}

```markup
<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>
```

{% endtab %}
{% endtabs %}

## **Y**ou can add such subscription forms:

### Widget Mailchimp Sign-Up Form

<div align="center"><img src="https://1906976410-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIZtHfnCi0yDn20wjAk%2F-MIdFxHfjLe-T8g9-I7K%2F-MIdG5lErkkKxB7eEc3z%2F2020-09-30%2019_11_51-Yaffo%20%E2%80%93%20Main%20%E2%80%93%20Just%20another%20Yaffo%20site.png?alt=media&#x26;token=4981168d-c89a-403d-afad-bdba8f97b895" alt="go to Appearance → Widgets add Mailchimp Sign-Up Form widget to any sidebar."></div>

### Po-pup

![go to Appearance → Customize → Newsletter Popup](https://1906976410-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIZtHfnCi0yDn20wjAk%2F-MIdFxHfjLe-T8g9-I7K%2F-MIdG9PiKymH6AnSGnSZ%2F2020-09-30%2018_43_54-Yaffo%20%E2%80%93%20Main%20%E2%80%93%20Just%20another%20Yaffo%20site.png?alt=media\&token=19e6b51d-43a6-411b-a2b3-3d8f8471b684)

### Full-Width

![go to Appearance → Customize → Homepage](https://1906976410-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIZtHfnCi0yDn20wjAk%2F-MIdFxHfjLe-T8g9-I7K%2F-MIdGBD5zkWf_2fN7P8j%2F67.png?alt=media\&token=a1f6d7c5-157c-4331-8655-c66b5aae6b55)

### Full-Width for single post

![](https://1906976410-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIZtHfnCi0yDn20wjAk%2F-MaK0LQoaGq5LqZz-B56%2F-MaK0a8NB792ofZXiVqH%2F2021-05-22%2019_59_28-How%20To%20Plan%20Your%20Travel%20Systematically%20%E2%80%93%20Primary.png?alt=media\&token=531493df-93ae-46c3-b332-8056cdc76527)