You can use the MailChimp element to collect customer’s emails on your Shopify page with PageFly. Install PageFly for Free here
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.
- 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.
If you have more than one audience, click the Current audience drop-down and select the one you want to work with.
Click the Manage Audience drop-down and choose Signup forms.
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:
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&:id=d74d05d52b”
Access the MailChimp element
Step 1: Click on the Plus icon which is the Add element function
Step 2: Click on the MailChimp element in the dropdown menu
Step 3: Drag and drop the element you want into the page editor and then start using it.
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.
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.
You followed the article but it doesn’t work from your site?
If you have further questions, please join our community. This community is exclusive for PageFly merchants only with our experts and merchants from all around the world!
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.
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.