MailChimp Integration

An easy way to integrate a form on your site using the MailChimp service.

1. Create an account and sing in

2. Go to List->Create List.CreateList

3. In your new List create General Form with one field ”Email”

4. Go to List->SignUp Forms->Embedded forms and put all the checkboxes. It is important that the type of form was unstyled.

 

Setting form

 

5. In this step, there are two ways:

    • Copy the selected code in the image below.

Selected code

Then in Muse the right-click on the form of subscription and select edit HTML in a window that opens, replace the code.

doc02

 

  • Copy the entire code and replace the entire code in the Muse, then remove the line:

    <label for="mce-EMAIL">Email ID  <span class="asterisk">*</span></label>

MailChimp Form Customization

Right-click on the page with subscription form, choose Page Properties, tab Metadata.doc03

There you will see the styles that can be changed according to your requirements.

<style>
#mc_embed_signup input{
font-family: raleway,sans-serif;
text-align: center;
font-size: 13px;
}
#mc_embed_signup_scroll div{
float: left;
}

input.button{
height: 48px;
width: 270px;
background: none;
border: 1px solid #e29e29;
font-weight: bold;
color: #e29e29;
cursor: pointer;
margin-left: 20px;
}

input.button:hover{
background: #e29e29;
color: #ffffff;
}

input.email{
height: 46px;
width: 308px;
background: none;
border: 1px solid #95a5a6;
color: #95a5a6;
line-height: 46px;
margin-bottom: 20px;
}

input.email:focus{
border: 1px solid #1d1d1f;
color: #1d1d1f;

}
</style>

Tags:

Comments

Add New Comment