# 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

<figure><img src="https://1906976410-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MIZtHfnCi0yDn20wjAk%2Fuploads%2F41XvF9NPpqykYFVhSyCN%2Fimage.png?alt=media&#x26;token=977e745e-646e-47e2-80fe-b4511434df7a" alt=""><figcaption><p>go to Appearance → Widgets<br>Sign-Up Form widget to any sidebar.  </p></figcaption></figure>

### Po-pup

<figure><img src="https://1906976410-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MIZtHfnCi0yDn20wjAk%2Fuploads%2FEK4J7Lw9mHyQlnWNGK6X%2Fimage.png?alt=media&#x26;token=1f65661b-3521-4c2a-8ed7-f25490cfd71e" alt=""><figcaption><p>go to Appearance → Customize → Newsletter Popup</p></figcaption></figure>

### Full-Width

<figure><img src="https://1906976410-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MIZtHfnCi0yDn20wjAk%2Fuploads%2FNDq9OPBhpLR1DkAYVN1q%2Fimage.png?alt=media&#x26;token=a4ccf199-7a4f-49ba-97ae-110ed3f5face" alt=""><figcaption><p>go to Appearance → Customize → Newsletter Popup</p></figcaption></figure>