Bobcares

Add MailChimp Signup form to WordPress | All about

by | Jun 26, 2022

It’s possible to use various field types when adding a MailChimp signup form to a WordPress page.

In accordance with our WordPress Support Service, Bobcares responds to all inquiries, small or large.

Let’s look at how our Support team integrated a MailChimp signup form with WordPress in more detail.

Add MailChimp Signup form to WordPress

Use of various field types is possible with Mailchimp. Simply put, these field types specify the type of data Mailchimp and our plugin should expect. We advise keeping things straightforward and avoiding including more fields than absolutely necessary. Make sure to renew the lists in the plugin after adding a new Mailchimp audience or altering the list so that the plugin is aware of the changes.

Create the first form

It’s time to set up the first form once the list is prepared.

  1. Firstly, go to the WordPress Admin area.
  2. Then, go to MC4WP > Forms.
  3. Finally, we ought to be immediately redirected to the “Edit form” page.

Edit the form

Our form editor will be visible on the Edit form page. Starting off, we create a form using Mailchimp’s default list fields. Now it is up to us to modify that form as we see fit.

add mailchimp signup form to wordpress

By adding fields to our form using one of the available field buttons, the plugin will automatically generate the right HTML for us. In order for data to properly enter Mailchimp, the field helper will make sure that the generated HTML adheres to the desired format. As an alternative, we can manually write the HTML for our form fields.

Showing the form on the website

The form shortcode allows us to display our sign-up form wherever we want, such as in posts, pages, or widget areas. This is how it will appear:

[mc4wp_form id="12345"]

We can use the following snippet if we’re creating a WordPress theme and want to display a form from the theme files:

<?php echo do_shortcode('[mc4wp_form]'); ?>

Inserting a Pop-Up Signup

Mailchimp enables us to create a variety of form types. To add a popup form to the website follow the below steps:

  1. Firstly, go to Mailchimp’s Lists > Signup forms > Subscriber pop-up.
  2. By selecting a design, we can then further alter the popup. These options also cover formatting and display.
  3. Then, we can choose the Fields we want to include, like “name” and “email address,” and add additional information like background images.
  4. During the customization process, we can preview the popup and make any necessary adjustments.
  5. Then, select the code, highlight it, and copy it by clicking Generate Code at the bottom of the popup form editor.
  6. Finally, go to the WordPress dashboard. We’ll have to insert the code into the website’s HTML, and we advise doing so while using a child theme. By doing this, any modifications are saved rather than lost when the theme is updated.

Inserting an Inline Signup

We can collect subscriber emails using an inline signup form without interfering with the user experience (UX).

  1. Firstly, open Mailchimp and navigate to Lists > Signup forms > Embedded forms.
  2. The inline signup form can be designed in one of four ways: Classic, Super Slim, Horizontal, or Naked.
  3. Given that it takes up little room, horizontal is a good option. We are free to select any style we believe best suits our requirements.
  4. Then, click Generate Code after we have customised the form to our liking.
  5. Finally, copy it and navigate to an appropriate WordPress blog post or page after returning to WordPress. We’ll want to select the Custom HTML block in the block editor and then paste the code in.

Inserting a Sidebar Signup

  1. Firstly, open Mailchimp and navigate to Lists > Signup forms > Embedded forms.
  2. Then, choose the design option we’d like to use. We suggest Super Slim or Naked as a sidebar.
  3. Now that the form has been customised, we can copy the code at the bottom of the page.
  4. Then, using the WordPress Customizer, we might be able to directly add this code to the sidebar, depending on the theme.
  5. The Custom HTML widget can also be chosen and dragged to the Sidebar column by going to Appearance > Widgets in WordPress.
  6. Then, paste the HTML code directly into the Content field.
  7. Finally, click on Save, and the form should display on the site.

[Looking for a solution to another query? We are just a click away.]

Conclusion

In conclusion, Mailchimp allows us to create a variety of forms. We have gone over using the MailChimp signup form to add a Popup Signup, an Inline Signup, and a Sidebar Signup to WordPress.

PREVENT YOUR SERVER FROM CRASHING!

Never again lose customers to poor server speed! Let us help you.

Our server experts will monitor & maintain your server 24/7 so that it remains lightning fast and secure.

GET STARTED

0 Comments

Submit a Comment

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

Never again lose customers to poor
server speed! Let us help you.

Privacy Preference Center

Necessary

Necessary cookies help make a website usable by enabling basic functions like page navigation and access to secure areas of the website. The website cannot function properly without these cookies.

PHPSESSID - Preserves user session state across page requests.

gdpr[consent_types] - Used to store user consents.

gdpr[allowed_cookies] - Used to store user allowed cookies.

PHPSESSID, gdpr[consent_types], gdpr[allowed_cookies]
PHPSESSID
WHMCSpKDlPzh2chML

Statistics

Statistic cookies help website owners to understand how visitors interact with websites by collecting and reporting information anonymously.

_ga - Preserves user session state across page requests.

_gat - Used by Google Analytics to throttle request rate

_gid - Registers a unique ID that is used to generate statistical data on how you use the website.

smartlookCookie - Used to collect user device and location information of the site visitors to improve the websites User Experience.

_ga, _gat, _gid
_ga, _gat, _gid
smartlookCookie
_clck, _clsk, CLID, ANONCHK, MR, MUID, SM

Marketing

Marketing cookies are used to track visitors across websites. The intention is to display ads that are relevant and engaging for the individual user and thereby more valuable for publishers and third party advertisers.

IDE - Used by Google DoubleClick to register and report the website user's actions after viewing or clicking one of the advertiser's ads with the purpose of measuring the efficacy of an ad and to present targeted ads to the user.

test_cookie - Used to check if the user's browser supports cookies.

1P_JAR - Google cookie. These cookies are used to collect website statistics and track conversion rates.

NID - Registers a unique ID that identifies a returning user's device. The ID is used for serving ads that are most relevant to the user.

DV - Google ad personalisation

_reb2bgeo - The visitor's geographical location

_reb2bloaded - Whether or not the script loaded for the visitor

_reb2bref - The referring URL for the visit

_reb2bsessionID - The visitor's RB2B session ID

_reb2buid - The visitor's RB2B user ID

IDE, test_cookie, 1P_JAR, NID, DV, NID
IDE, test_cookie
1P_JAR, NID, DV
NID
hblid
_reb2bgeo, _reb2bloaded, _reb2bref, _reb2bsessionID, _reb2buid

Security

These are essential site cookies, used by the google reCAPTCHA. These cookies use an unique identifier to verify if a visitor is human or a bot.

SID, APISID, HSID, NID, PREF
SID, APISID, HSID, NID, PREF