About Mailchimp Form Element
What Is Mailchimp Form
Summary: you can use the MailChimp Form element to collect customer’s emails on your Shopify page with PageFly.
Before jumping to the detailed steps, you can watch this video below:
Install Mailchimp
Before using this element, you have to install the Mailchimp app to your store and configure all options in the app and then come back to PageFly to use the element(s) on all of your PageFly pages.
How To Access Mailchimp Form Element
- Step 1: Click on the Elements catalog in the left menu bar
- Step 2: In PageFly tab, click on the MailChimp Form element in the dropdown menu
- Step 3: Drag and drop the element you want into the page editor and then start using it.
How To Configure For MailChimp Form Element
To access the settings for the Mailchimp element, click on the element, then go to the General and Styling tabs.
General Settings
In the General tab, you can add the “Action URL” for the form. This URL connects your form to your Mailchimp settings. You can find this URL after creating a form in the Mailchimp app.
The Mailchimp element includes 3 sub-elements: Field input, Mailchimp Form button, and Icon. Click on each element to access its specific settings.
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 | ![]() |
You can get further information about ATTRIBUTES, VISIBILITY, ANIMATION parameters here.
Styling Settings
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 here.
How To Set Up The Mailchimp App On Your Shopify Account
Step 1: Go To MailChimp: Email & SMS App
- Firstly, access to your Shopify store. Then, go to the Apps page in the left toolbar > Click on the Mailchimp: Email & SMS app to open the app.
- Click “Continue to Mailchimp” button and enter your account or create a new account to start using Mailchimp.
Step 2: Go To Signup Forms
Click the Audience and choose Signup forms.
Step 3: Create Embedded Forms
In the Signup Forms page, click on the “Create new form” button > Select Embedded form > Fill the Embedded form name > Hit “Begin” button.
Start customizing your form using the functions in the left bar. You can set up the following:
- Form Fields:
- Settings:
- Referral Badge:
Then hit the “Continue” button on the top right when finishing 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://pagefly.us21.list-manage.com/subscribe/post?u=6119e5dfaf70a866e48f68cc0&id=828b0902e3&f_id=00fcede6f0
Step 5: Activate Mailchimp Form Element With The Copied Code
Step 5.1: Go Back To Your PageFly Editor Page
Go back to the PageFly editor page, click on the Mailchimp element > Go to General tab.
Step 5.2: 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.
Best Practices For Using MailChimp Form Element
- Ensure the Mailchimp form has a clear purpose and value proposition. What benefit do users get by subscribing (e.g., discounts, exclusive offers, industry news)? Communicate this clearly
- Limit the number of form fields to essential information like name and email address. Longer forms can decrease signup rates
- Include a clear and compelling call to action (CTA) button next to the form, such as “Subscribe Now” or “Get Updates“.
Frequently Asked Questions
1. What is Mailchimp?
Mailchimp offers form element, also to be an email marketing platform, as the best way to collect data, improve communication with buyers, including improvement on content, targeting, and smart automation.
2. When was MailChimp created?
MailChimp was created in 2018
3. How much is MailChimp Shopify?
The MailChimp’s monthly subscription fee is from $13
4. Can I use MailChimp Shopify on the PageFly editor?
Yes, MailChimp Email is also available
5. Is Mailchimp free on the Shopify store?
Yes, free plan is applied, with premium upgrades available
6. What’s included in the Mailchimp Shopify plan?
A minimal free plan from Mailchimp includes access to create email, Marketing CRM, Creative Assistant, Sign Up Forms, Management of: Landing Pages, Social posting, Facebook ads, Instagram ads, Postcards and domain customization.
7. Who is currently in partnership with Mailchimp Shopify?
QuickBooks Online, Smile.io, LiveChat, PayWhirl, Mixpanel, Yotpo