Foto de un muñeco de Mailchimp

It is becoming more and more difficult to increase the number of readers to your website. Google searches pretty much only show ads on the first page of results. Many businesses have seen how the number of visits and traffic to their website decreased considerably, if they are not willing to pay for ads.

Given this new scenario, it is not only important to increase your visibility on social networks, but also to increase the list of subscribers to your Newsletter so that they are up to date with the news you publish. Today we will see how to create a list of subscribers in MailChimp and how to integrate it into your WordPress site to make the list grow quickly and make sure your subscribers receive news from your blog automatically.

Create a Mailing List in MailChimp

To connect Mailchimp to your WordPress, the first thing you’ll need is a Mailchimp account. To do this, visit the MailChimp website and click the “Sign up free” button at the top right.

MailChimp Web
MailChimp Web.

Just fill in your email, create a username and password for your account, and follow the on-screen instructions to finish setting up your account.

Once you’ve created your account, you’ll arrive at your Mailchimp dashboard, which looks like this:

Mailchimp Dashboard
Mailchimp Dashboard.

Let’s take a look at the different options you have for adding a MailChimp form to your WordPress website.

Embed a MailChimp Form on your WordPress Website

Mailchimp already comes with built-in subscription forms that you can embed directly into your WordPress website. To do this, as you can see in the image above, you need to click on the creation icon in the menu on the left and then select the option to create an embedded form.

Create an embedded MailChimp form
Create an embedded MailChimp form.

On the form configuration page, it shows you, by default, a form that only includes the email address.

Mailchimp default embedded form
MailChimp’s default embedded form.

In the menu on the left, you can choose which form fields to display and select other options for your registration form.

Add the fields you want to display from the MailChimp form
Add the fields you want to display from the MailChimp form.

The fields you can select from are not exclusively those shown in the image above. You can also customize the fields to be displayed in the form, in the audience settings option.

Modifying audience fields in MailChimp
Modifying the audience fields in MailChimp.

Once the fields have been modified and included in the form to be displayed, click on the “Continue” button to reveal the code you must paste on your website to get the form. Click “Copy Code”.

Copy the form code to embed
Copy the form code to embed.

Edit the page of your website where you want to display the form, insert an HTML type block and paste the code that you have previously copied and you can now save the page.

Paste the code copied from Mailchimp
Paste the code copied from MailChimp.

You can now preview the page to see how easy it has been to add an embedded form to your website.

Embedded form preview
Preview of the embedded form.

Create a Form with Nelio Forms

As you may have notice, Mailchimp allows you to create basic forms that you can integrate into your WordPress but with few design and customization options.

A better alternative to the default forms provided by MailChimp to add forms that are fully integrated with the design of your website, is to use a plugin like Nelio Forms. Nelio Forms integrates with your MailChimp account and has the advantage of allowing you to customize the form as you see fit using the WordPress block editor.

Once installed, you have the option in the left sidebar of WordPress to add a new form.

Add a new contact form with Nelio Forms
Add a new contact form with Nelio Forms.

You’ll see how the Nelio Forms form editor is actually the same WordPress block editor you are already familiar with:

Form created with Nelio Forms
Form created with Nelio Forms.

As you can see in the previous image, you can add much more fields and/or add columns, customizing it as you wish. Once the form is created, all that remains is to add the action of integrating it with MailChimp. To do this, click on add this action in the option that you will find for it in the right sidebar of the form editor.

MailChimp integration action with Nelio Forms
MailChimp integration action with Nelio Forms.

Next, to connect MailChimp with your website, you must enter the MailChimp API key that you will find in the “API keys” link provided.

Enter the MailChimp API code
Enter the MailChimp API key.

If you have not yet activated an API key in your MailChimp, you must first click on the “Create a key” button.

Activate a new API key in MailChimp
Activate a new API key in MailChimp.

and copy the generated key and paste it in the connection window with your WordPress.

API key generated by MailChimp
API key generated by MailChimp.

Once you have validated the credentials entered, you just need to indicate the correspondence between the list of fields you have defined in your MailChimp audience and those you have defined in your WordPress form.

Indicating the correspondence between the fields of the MailChimp audience and those created in the form
Matching the correspondence between the fields of the MailChimp audience and those created in the form.

The plugin will show you the ones defined in MailChimp and, for each of them, by clicking on the label above the field, you will be able to select the corresponding form field.

Add the Form Where You Want

Once the form is created, you can insert it in the page or post you want to display it by adding a form block.

Add the form to a page
Add the form to a page.

The form created with Nelio Forms, unlike the one created with MailChimp, is fully integrated with the theme of your website.

Page with Nelio Forms form
Page with Nelio Forms form.

Show the Form on Multiple Places

If you want to grow your subscriber list faster, our recommendation is that you don’t just add your forms to a page or post, but instead create popups to display them when appropriate.

For example, the first time a visitor lands at your website, invite them to subscribe to your Newsletter with a popup.

Show the form inside a popup
Show the form inside a popup.

Adding the previously created form in a popup is very easy if you use a plugin that allows you to add any type of block in the popup. In this example, with the Nelio Popups plugin, you only have to create the popup and add to it, just as we have done before in the page, and select the form that we have created before.

Editing a popup that includes a form
Editing a popup that includes a form.

In our blog you will find more articles with examples of pop-up windows that you can create to get more subscribers to your Newsletter.

To Sum Up

Having a list of subscribers to your Newsletter is a very good tool to make sure that your readers and customers know the latest news about your products and services.

You have already seen that creating such a list in MailChimp is very easy and you can directly integrate it into your WordPress with a simple HTML block. But to make the form look the same as your website theme, you should use a plugin like Nelio Forms that easily integrates MailChimp into your WordPress.

Finally, if you want to know how to create an automatic newsletter in MailChimp with the content of your blog, don’t miss this post by David.

Featured image by Phil Goodwin on Unsplash.

Leave a Reply

Your email address will not be published. Required fields are marked *