OptinMonster Logo

How to Create a Mailchimp Contact Form (2 Methods)

Last updated on

by

Do you want to create a contact form to collect email addresses in your Mailchimp account?

A contact form gives your users an easy way to connect with you. But it can become difficult to track leads and follow up with them.

By connecting your contact form to Mailchimp, you can send automated follow-up emails and manage your contacts from a single place.

In this post, we’re going to show you 2 ways to create a Mailchimp contact form.

The BEST Way to Add a Mailchimp Contact Form

Mailchimp has a built-in contact form that you can create and add to your site or share on social media. The drawback here is that the form is generated on a third-party URL.

This means you’ll only be able to share it on social media, via email, or add it to a button or link on your website.

mailchimp url

You won’t be able to display the form on your website. Instead, you’ll have to redirect visitors to the third-party link to fill out the form, which isn’t a good idea.

Plus, the Mailchimp form is very generic and simple. At the most, you can add your logo to the form.

mailchimp native contact us form

Most Mailchimp users rely on this form even though it can fail to grab a visitor’s attention.

If you want to encourage users to get in touch with you and increase your chances at conversions, you’ll want to use more powerful tools.

We recommend the following tools:

  1. WPForms – The best form builder for WordPress to create stunning optimized contact forms
  2. OptinMonster – The best lead generation tool in the market that works with any website

Both tools come with built-in features that let you create eye-catching contact forms for your site.

They also seamlessly integrate with Mailchimp so you can collect and organize leads inside your Mailchimp account.

In the tutorial below, you’ll learn how to create awesome contact forms using these 2 tools and connect them to Mailchimp so you can automate your email marketing campaigns instantly.

Here’s a table of contents so you can navigate to the section that interests you the most:

  1. Creating a Mailchimp Contact Form with WPForms
  2. Creating a Mailchimp Contact Form with OptinMonster

Let’s get started.

1. Creating a Mailchimp Contact Form with WPForms

WPForms is hands down the best form builder for WordPress.

WPForms homepage

WPForms comes with 150+ templates to create all kinds of forms including contact, sign up, login, registration, and survey forms.

Check out this simple yet beautiful contact form built with WPForms:

wpforms contact form example

WPForms has a drag and drop form builder that’s easy to use so it’s beginner-friendly as well.

drag and drop wpforms builder

And the best part is you can connect it with all popular email marketing services including Mailchimp, Constant Contact, AWeber, Drip, and ActiveCampaign.

That means you can easily change your email integrations and migrate to another email provider should you choose to do so.

Plus, WPForms has some really cool advanced features that include:

  • Built-in spam protection to allow only genuine entries and block spam bots
  • Conditional logic to ask follow-up questions based on a user’s response
  • Conversational forms to keep users engaged by asking the next question only when the user completes the last one
  • Ready-made widgets to add forms to pages, posts, and sidebars in just 1 click
  • Organized leads that can be accessed from the WordPress dashboard

WPForms works with all popular WordPress page builders. It has a free lite version that gives you access to basic contact forms. If you want more advanced features, you’ll want to sign up for a paid plan.

Ready to create a beautiful conversion-optimized contact form?

Sign up for WPForms now!

Step 1: Install and Activate WPForms

To get started, you’ll need to install and activate the WPForms plugin on your site. Check out the step by step guide on how to install a plugin in WordPress for more details.

Step 2: Create a Contact Form

Once you have your plugin installed, go to WPForms » Add New from your WordPress dashboard to create a new form.

wpforms add new forms

On the next page, you can give your form a name such as ‘Contact Form’ and then select a template. Today, we’ll choose the Simple Contact Form template because it has all the fields we need already added.

simple contact form template

Now you’re ready to customize the form.

Step 3: Customize the Contact Form

WPForms has an easy-to-use visual builder. This means you can see a preview of your form and make changes directly to it.

Select any field in the form and you’ll see editing options appear in the left column. This allows you to add your own text.

wpforms editor

If you want to add more fields, simply drag and drop a field from the left menu into your form.

drag and drop wpforms builder

For the contact form, we recommend keeping it short and simple so as to not overwhelm the user.

In most cases, the name, email address, and comment fields are more than enough. If you need to collect more information from your user, you can explore the fields available on the left, including:

  • Phone and address
  • Single line or paragraph text
  • Multiple choice/dropdown/checkbox
  • File upload
  • Custom Captcha
  • And more…

Now the contact form is ready, save your form by hitting the ‘Save‘ button at the top.

save your contact form with wpforms

Next, we’ll show you how to customize the form settings in WPForms.

Step 4: Configure Contact Form Settings

In the WPForms builder, select the Settings » General tab. Here, you’ll see options to change the form name, description, and button.

We want to draw your attention to the anti-spam protection option on this page. By checking this box, WPForms will automatically block spam entries so you get only genuine leads.

anti spam protection in wpforms

Next, switch to the Notifications tab where you can set up where and how you want to receive form notifications.

wpforms-customize-notification options

When you’ve done that, switch to the Confirmations tab

confirmation message wpforms

Here, you can customize the message you want to display when someone submits the form. You can redirect your users to another page or URL as well.

Remember to save your progress as you go along. And with that, your form settings are configured correctly.

Now let’s connect this form to Mailchimp.

Step 5: Integrate Contact Form with Mailchimp

WPForms makes it so easy to connect to any email service provider.

First, you’ll need your Mailchimp API key, which you can find in your Mailchimp account. Open your profile icon at the bottom left corner of the screen.

Select the Account » Extras » API keys tab.

api keys in mailchimp

You can generate a new API key, copy it, and keep it ready for your WPForms integration.

In the WPForms builder, open the Marketing tab and select Mailchimp from the list. Enter your API key here and click the ‘Add New Connection’ button.

add new connection to mailchimp

Now you’ll need to paste your Mailchimp API key and give your account a name (for internal use only):

mailchimp wpforms integration

WPForms will then prompt you to enter another nickname for this connection. This is helpful when you have multiple Mailchimp accounts associated with one website:

enter a nickname in wpforms integration

With that, your Mailchimp account is now integrated with your signup form.

WPForms also gives you an option to select a Mailchimp tag so you can tag subscribers who submit this form.

select tag in wpforms

You can create these tags inside your Mailchimp account under Audience » Tags page.

tags page in mailchimp

This makes it easier to send automated emails to those that want to contact you. So when you’re sending out an email, you can simply select the tag and the email will go to all the subscribers with the same tag.

tags example in mailchimp

Now that the form is complete, we’ll need to embed it on your website.

Step 6: Add the Mailchimp Contact Form to Your Site

Adding forms to your website couldn’t be easier. WPForms makes it so simple that you just need to point and click.

To add the form to a WordPress page or post, edit it to open the post edit screen. In the block editor, simply add a block and search for ‘WPForms’.

add wpforms block to page or post

Then you can use the dropdown menu to select the contact form you just created. Save and Publish your post and your form will be added to your site.

If you’re still using the Classic editor, you’ll find an Add Form button in the post edit screen. Simply click on it to get an option to select your form.

wpforms classic editor

And if you want to add your contact form to a sidebar or footer, head over to Appearance » Widgets page.

Drag and drop the WPForms widget into your sidebar or footer area.

add wpforms contact form to sidebar

Then select the contact form from the dropdown menu and save your changes.

That’s it! When a person fills out and submits the contact form, their contact will be added to your Mailchimp list, and they’ll be tagged accordingly.

Step 7: View Form Entries in WPForms

In addition to viewing contacts in Mailchimp, WPForms also collects all your form entries and stores them safely. You can access your leads by navigating to the WPForms » Entries page.

form entries wpforms

You’ll see a list of the forms you created with WPForms. Select the ‘contact form’ to view submissions along with the user’s information.

You can view, edit, or delete these entries.

contact us wpforms view entries

WPForms also lets you manage your leads easily. When the circle icon is green, it means the entry is unread, and you can use the star icon to highlight it.

star and circle in wpforms

By clicking on the ‘View’ button against an entry, you’ll get more options to add notes, export, print, or resend notifications for that entry.

manage individual entries in wpforms

With that, you’ve added an awesome contact form to your website with a Mailchimp integration.

WPForms can be used with any page builder such as Elementor or Beaver Builder. That means you can add color and background images, and more using your page builder.

Now you’ve learned how to create a contact form with WPForms. Next, we’ll show you how to create cool lead generation campaigns to encourage more users to get in touch with you.

2. Mailchimp Forms With OptinMonster

To create a stunning contact lead generation form, we’ll be using OptinMonster.

optinmonster new homepage

OptinMonster is the most powerful lead generation tool on the market. It lets you create all kinds of campaigns like popups, floating bars, slide-ins, fullscreen mats, inline forms, gamified wheels, and more.

Plus, it comes with 50+ beautiful premade templates to choose from.

optinmonster campaign examples

You can customize any of the designs using a beginner-friendly drag and drop builder. This lets you set up beautiful campaigns in minutes, regardless of your technical experience.

drag and drop a button into place shopping template

Moreover, you can capture details about your leads beyond name and contact information by adding custom fields like:

  • Radio buttons
  • Phone number fields
  • Text areas
  • Number fields
  • Dropdowns
  • And more…

The best part is you can easily map any field to your Mailchimp form without any custom coding.

OptinMonster also comes with powerful targeting features to show your campaigns at the right time to the right people.

So, for example, if a customer has been browsing a page about your services, you can display a message that lets them know you’re available to chat.

shopify manychat popup demo correct sizing

By simply letting them know you’re there, they’ll be more likely to contact you. You can then remove any sales objections and guide the customer through checkout.

Another powerful rule from OptinMonster is OptinMonster’s powerful Exit-Intent®.

This detects when visitors are about to leave your site and shows them a campaign to try to convert them before they leave.

Optinmonster exit intent campaign trigger

Exit-Intent is proven to be so powerful that it’s how Crossrope exploded their list 900% each month!

OptinMonster seamlessly integrates with all popular email marketing services, including Constant Contact, Mailchimp, Aweber, ActiveCampaign, and many more.

This means creating a stunning Mailchimp lead generation form has never been easier. Ready to create one for your website?

Get Started With OptinMonster Today!

BONUS: Done-For-You Campaign Setup ($297 value) Our conversion experts will design 1 free campaign for you to get maximum results – absolutely FREE! Click here to get started →

Today, we’ll show you how to create an eye-catching contact form that also helps you collect leads and subscribers. Here’s a sample of the form we’ll create:

om contact form example

Ready? Let’s dive in.

Step 1: Install and Activate OptinMonster

If you don’t have OptinMonster already, sign up for an account now.

If you’re using WordPress, Shopify, or BigCommerce, you can then install OptinMonster tool on your site. For all other sites, follow this helpful guide to add OptinMonster to any website.

Step 2: Create an Optin Campaign

Inside the OptinMonster dashboard, click on the ‘Create New Campaign’ button to get started.

create a new campaign button

This will open up a page where you can select a campaign type and template.

For this tutorial, we’ll select the Inline campaign. This will let us embed the contact form inside a post or page.

Choose inline camapaign in OptinMonster_

Next, you can explore the templates by hovering over them to get the preview option. We’re going with the Basic template today to create a simple but stunning contact form.

select basic template

When you select a template, you’ll need to give your form a name.

Then OptinMonster’s campaign builder will open up where you can customize it.

Step 3: Customize the Contact Form

OptinMonster has a drag and drop builder that makes it easy to customize the template.

First, you can select the text and enter your own.

edit basic template

You can change the button text and color by simply clicking on it. You’ll see the settings for the button open in the left menu.

get in touch button basic

If you want to add a background color or image, select the entire campaign block, and options to change the background will appear on the left.

change image in contact form

You can also add more elements using the Add Blocks button. Then simply drag and drop an available block into your design.

Drag and drop text block into basic template

Once you design the perfect campaign for your brand and target audience, you can integrate it with Mailchimp.

For more detailed steps on designing OptinMonster campaigns, follow this guide on how to create your first OptinMonster campaign.

Step 4: Connect OptinMonster to Mailchimp

OptinMonster makes it easy to connect any campaign to Mailchimp.

Inside the OptinMonster campaign builder, open the Integrations tab and click on the ‘Add New Integration’ button.

add new integration in optinmonster

A drop-down menu will appear with the list of available email service providers where you can select Mailchimp.

You’ll need to add a new account and provide your Mailchimp API key.

Again, you can find your API key in your Mailchimp account. Open your profile icon at the bottom left of the screen and navigate to the Account » Extras » API Key page.

api keys in mailchimp

Once you’ve added your API key, you can select your Mailchimp account and email list.

add integration in mailchimp

In the same email integration menu, you can tag your subscribers under the List Tags section. Simply use the drop-down menu to select a tag from Mailchimp.

tags in optinmonster
Now all that’s left to do is publish the campaign.

Step 5: Publish Your Mailchimp Contact Form

To add your inline campaign to your site, first open the Publish tab in the OptinMonster dashboard.

publish your campaign

Here, you can change the status of your campaign to Publish.

Usually, you’ll be able to preview a sample of your OptinMonster campaign. But this option isn’t available for inline forms.

You’ll need to embed it on your site and after that, you’ll be able to see what it looks it.

To embed an inline campaign, go to your post or page. If you’re using the Gutenberg editor, you can select the OptinMonster block and choose your campaign:

optinmonster-in-a-gutenberg-block-resized

Then select your campaign from the drop-down menu:

embed mailchimp contact form

Still using the Classic editor? No worries.

In your OptinMonster account, you’ll see a code generated for you on your campaign’s Publish page. Simply copy the code and add it to any page or post on your website.

inline campaign embed code

Learn more about adding inline campaigns to your site by checking out the following detailed guide: How to Add an After Post or Inline Campaign.

Now when a visitor subscribes to your OptinMonster campaign, their details will automatically be added to your Mailchimp contact list.

And they’ll be tagged according to the tag you selected with OptinMonster’s Mailchimp integration.

Step 6: Track the Mailchimp Contact Form Campaign

OptinMonster tracks your campaign so you can see how well it’s performing. You can access these analytics inside your OptinMonster dashboard.

From the list of campaigns, select your campaign and then click on the Analytics icon.

analytics icon

You’ll see your campaign visitors, conversions, and conversion rate. OptinMonster also shows you a graph of your campaign performance and top performing pages.

analytics dashboard from optinmonster

With that, you can find the right pages to place your contact form to maximize conversions.

That’s all for today. You now know 2 ways to create awesome Mailchimp contact forms for your website.

If you haven’t signed up for OptinMonster yet, what are you waiting for? Get your 100% risk-free OptinMonster account now by clicking below:

Get Started With OptinMonster Today!

BONUS: Done-For-You Campaign Setup ($297 value) Our conversion experts will design 1 free campaign for you to get maximum results – absolutely FREE! Click here to get started →

We hope you found this tutorial helpful in creating Mailchimp contact forms.

We also have a few other resources that you should definitely check out:

These posts will help you improve your email marketing efforts and grow your Mailchimp subscriber base.


Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. We only recommend products that we believe will add value to our readers.

CTA background
CTA thumbnail

Over 70% of visitors who abandon your website will never return! Learn how to unlock the highest conversion revenue from each of your website visitors!

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

1
1
1

Enter all the Optin Gallery Pages here

Enter each choice on a new line. For more control, you may specify both a value and label like this: red : Red

Enter each choice on a new line. For more control, you may specify both a value and label like this: red : Red

1

Blog Sidebar Campaign Form

Popular Posts

Connect with us:

Start Getting More
Leads & Sales Today
with OptinMonster!

Popups work, and you can get started for a few bucks a month. What are you waiting for?

Create and launch smart capture forms
today in minutes. What are you waiting for?