Home / / How to add MailChimp form

How to add MailChimp form

Install MailChimp for WordPress plugin

Connect the plugin to your MailChimp account

Create your lists in MailChimp

Create a form and select the list

Edit the form and Add the form with the shortcode

We use this form html for our form from demo.

COPY the mailchimp_form from this URL.

Replace the form in the shortcode example from demo content or add in a different text shortcode in a different location

Style the form with this custom css.

 

/*newsletter custom css*/

.newsletter_input {
color: #444250;
border: 2px solid #fff;
background: #fff;
height: 51px;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
width: 25%;
border-color: transparent;
font-weight: 500;
padding: 0px;
font-size: 15px;
text-transform: uppercase;
margin: 0px;
}

.newsletter_form {
width: 75%;
height: 50px;
border-bottom-left-radius: 50px!IMPORTANT;
border-top-left-radius: 50px!IMPORTANT;
}

.newsletter input.newsletter_form {
padding-left: 15px;
background-color: #4d4f5c;
border: 2px solid rgba(162,158,179,.5);
}

.newsletter input {
box-shadow: none!important;
}

Help for custom css:
https://help.wprentals.org/article/3029/