TIP&HACK

WordPress Tips Archive – Plugins and Features : Adding Email Subscriptions: How to Use Mailchimp and WPForms

Adding Email Subscriptions: How to Use Mailchimp and WPForms

Today, let's talk about how to integrate MailChimp with WordPress to add an email subscription feature to your website! Many sites nowadays are gathering subscribers through newsletters, right? Let's get started together!

advertisement
advertisement

Creating a Subscriber List and Form on MailChimp

Creating a Subscriber List

First, log into MailChimp and click on the "Lists" menu to create a new subscriber list. After entering the list name and default sender information, click the "Save" button, and you're all set! Now, you can manage subscribers with this list.

Creating a Signup Form

Now, let's use the list to create a signup form. Click "Signup forms" in the subscriber list menu and choose the form type you want. I recommend the "Embedded forms" option, as it's widely used. Once generated, paste the code into the appropriate place on your website to complete the form!

Integrating WPForms with MailChimp on WordPress

Installing and Setting up the WPForms Plugin

Installing the WPForms Plugin

Search for the WPForms plugin from the WordPress dashboard, install, and activate it. Then, go to "WPForms » Addons" to install the MailChimp addon. This will allow you to integrate WPForms with MailChimp.

Creating a Subscription Form

Move to "WPForms » Add New" and create a new form. By selecting the "Newsletter Signup Form" template, you can easily add name and email fields.

Connecting with MailChimp

In the next step, go to "Marketing » MailChimp" and click "Add New Connection." You'll need to enter the MailChimp API key, which can be found in MailChimp under "Your Profile » Extras » API Keys."

Adding the Subscription Form to the Site

Now that you've created the subscription form, let's add it to your site! You can easily add the form to blog posts, pages, or sidebar widgets. Simply click the "Add Form" button on the post or page edit screen.

Adding a Subscription Popup

Using MailChimp's Subscription Popup

Choosing a Popup

Let's learn how to set up a popup in MailChimp. Go to "Lists" and select "Subscriber pop-up" under the "Signup forms" menu. Pop-ups are very effective in catching attention.

Designing the Popup

Designing the popup is not difficult. You can set the colors, text, and images to your preference. Once styled, click "Generate Code" to create the code.

Adding the Code to WordPress

There are various ways to add the code to WordPress. You can insert it into the theme template file, use the Insert Headers and Footers plugin, or even employ a custom HTML widget.

Handling Mobile Subscription Popups

On mobile devices, popups might appear as banners, and you can adjust the style using CSS. You can choose to display the subscription form at the top or bottom of the screen on mobile, or even opt not to display it at all depending on your needs.

That's how you can add an email subscription feature to your WordPress site using MailChimp and WPForms! These straightforward steps can enhance communication with your subscribers. Start right away!

Copied title and URL