MailChimp Form element

This element is available on all PageFly plans

You can use the MailChimp element to make a newsletter to collect customer’s emails.

Before jumping to the detailed steps, you can watch this video below

In this article, you will learn to use the MailChimp form element to create a subscription form on your page. You can simultaneously check the MailChimp Help Center.

Step 1: Access MailChimp account

Access your MailChimp account first:

  • If you haven’t had an account, click on Create an account.
  • If you have had already, you just log into your account with Username and Password

Then, go to Audience > choose your audience.

Note that you just need to sign up/ log into this link https://login.mailchimp.com/. This article is not used for the MailChimp Form app of the Shopify app store.

If you have more than one audience, click the Current audience drop-down and select the one you want to work with.

integrate mailchimp form

Step 2: Go to Signup forms

Click the Manage Audience drop-down and choose Signup forms.

pagefly integrates mailchimp form

Step 3: Select Embedded forms

pagefly integrates mailchimp form 2

Step 4: Choose a form type and customize the Form Options

There are 5 types of form for you to choose such as Classic, Condensed, Horizontal, Unstyled, and Advanced. In this example, we choose the Classic Form like the image below:pagefly integrates mailchimp form 4

Step 5: Copy the Action URL from the code text box

Find the form action code > copy everything inside the quotation symbol, starting with https://….

In this example, the code here is “http://bravebits.us.16.list-manage.com/subscribe/post?u=edbdb8a70bb2732079c5ded7b&amp:id=d74d05d52b

integrate mailchimp form 5

Step 6: Activate MailChimp form element with the copied code

MailChimp Form element

Click Add Element > ADVANCED > choose MailChimp form element.

Use the copied code

After dragging the MailChimp form element to the page, select it and paste the copied code into Action URL of the CONTENT parameter in the General tab.

Step 7: Save & Publish

Click the Publish button and you should see a confirmation message saving the changes. Then, click Live view to see the result.

As a result, when a visitor fills in their email address and hits “Subscribe”, they would be redirected to a subscription confirmation page. In this example, the subscription confirmation page looks like this. There is no way to stay on the same page when you click on the Subscribe button.

integrate mailchimp form 9

Using a form for the Contact page of your store is a great way to get more customers and increase conversion rates as well. Check this guide to know more details and tips to take advantage of it.

Limitation of the fields

Note that currently, the MailChimp Form element can only show 2 fields such as Name and Email. This does not support more than 2 fields.

Using contact form is a great way to acquire and nurture customers – check out 50+ other approaches to convert visitors to customers in our Exclusive Content: Conversion Rate Optimization Guide.

Was this helpful?

Try out all PageFly features with Free plan

.myshopify.com
Don’t have Shopify store yet? Create store
×

PageFly Help Center is now available in French, Portuguese and Chinese.Please check the flags on the page header.

I got it!
Languages