# 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="/files/f2q8r23KTR8nMVr9dpn8" alt=""><figcaption><p>go to Appearance → Widgets<br>Sign-Up Form widget to any sidebar.  </p></figcaption></figure>

### Po-pup

<figure><img src="/files/TxvRPpL1XXZ8Ka4u3dFb" alt=""><figcaption><p>go to Appearance → Customize → Newsletter Popup</p></figcaption></figure>

### Full-Width

<figure><img src="/files/Ujc9sJXaGAFDpyJxya2p" alt=""><figcaption><p>go to Appearance → Customize → Newsletter Popup</p></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.nebotheme.com/themes/craftype/mailchimp-newsletter.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.