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.
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.
Step 2: Go to Signup forms
Click the Audience and choose Signup forms.
Step 3: Select Embedded forms
Start to customize your form with functions in the left bar then hit Continue button on the top right when finish settings.
Step 4: 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 “https://myshopify.us18.list-manage.com/subscribe/post?u=5cb4914c487b48b83e0a3d217&id=9c55a4087f”
Step 6: Activate MailChimp form element with the copied code
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.
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.
General configuration
Field Input: Set up the Name Placeholder | ![]() |
Mailchimp Form Button: Set up the Button Type,Button Text and Icon Position | ![]() |
Icon: Select Icon and adjust icon size | ![]() |
Styling Configuration
You can customize the styling of the Mailchimp Form element, Mailchimp Input Email and Mailchimp Form Button individually in the Styling tab:
You can check more information about the Styling 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.
You followed the article but it doesn’t work from your site?
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.