NeboTheme
  • Welcome
  • Helpers
    • πŸ‘¨β€πŸ”§ Help and Support
    • 🌎Translation Theme
    • πŸ”ƒUpdating Theme
  • Themes
    • Yaffo
      • πŸ“ŒGetting Started
      • 🏑Homepage
      • 🧒Header
      • 🚦Navigation Menus
      • πŸ“°Post Settings
      • πŸ“ƒPage Settings
      • πŸ€Setting Up a Logo
      • πŸ”ŒSidebar & Widgets
      • 🎨Customizing Appearance
      • πŸ“¬Social Icons
      • πŸ›’Shop with WooCommerce
      • πŸ“·Instagram Feed
      • πŸ“§MailChimp Newsletter
      • πŸ“ˆAdditional Content (Google AdSense)
    • Craftype
      • πŸ“ŒGetting Started
      • 🏑Homepage
      • 🧒Header
      • 🚦Navigation Menus
      • πŸ“°Post Settings
      • πŸ“ƒPage Settings
      • πŸ€Setting Up a Logo
      • πŸ”ŒSidebar & Widgets
      • 🎨Customizing Appearance
      • πŸ“¬Social Icons
      • πŸ›’Shop with WooCommerce
      • πŸ“·Instagram Feed
      • πŸ“§MailChimp Newsletter
      • πŸ“ˆAdditional Content (Google AdSense)
Powered by GitBook
On this page
  • Follow the instruction:
  • You can add such subscription forms:
  • Widget Mailchimp Sign-Up Form
  • Po-pup
  • Full-Width

Was this helpful?

Edit on GitHub
  1. Themes
  2. Craftype

MailChimp Newsletter

Allowing your visitors to subscribe to your newsletter should be easy.

PreviousInstagram FeedNextπŸ“ˆAdditional Content (Google AdSense)

Last updated 2 years ago

Was this helpful?

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 .

  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:

<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 &amp; 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>

You can add such subscription forms:

Widget Mailchimp Sign-Up Form

Po-pup

Full-Width

πŸ“§
MailChimp
go to Appearance β†’ Widgets Sign-Up Form widget to any sidebar.
go to Appearance β†’ Customize β†’ Newsletter Popup
go to Appearance β†’ Customize β†’ Newsletter Popup