How to Use Mailchimp Form Element with PageFly

About Mailchimp Form ElementClick to copy

What Is Mailchimp FormClick to copy

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 MailchimpClick to copy

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 ElementClick to copy

  • 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 Access Mailchimp Form Element

How To Configure For MailChimp Form ElementClick to copy

To access the settings for the Mailchimp element, click on the element, then go to the General and Styling tabs.

General SettingsClick to copy

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.

general settings for MailChimp Form Element

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 SettingsClick to copy

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 AccountClick to copy

Step 1: Go To MailChimp: Email & SMS AppClick to copy

  • 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.

Go To MailChimp: Email & SMS App

Step 2: Go To Signup FormsClick to copy

Click the Audience and choose Signup forms.

Go To Signup Forms

Step 3: Create Embedded FormsClick to copy

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 BoxClick to copy

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

Copy The Action URL From The Code Text Box

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 CodeClick to copy

Step 5.1: Go Back To Your PageFly Editor PageClick to copy

Go back to the PageFly editor page, click on the Mailchimp element > Go to General tab.

Step 5.2: Use The Copied CodeClick to copy

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 ElementClick to copy

  • 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 QuestionsClick to copy

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

Additional ResourcesClick to copy

Thank you for your feedback!

Navigate this category

Could not find the answer
to your question?

Chat with us
Great news! PageFly Help Center is now available in Japanese 🇯🇵. Explore now by switching the language in the Header section ☝️