Back to PageFly.ioVideo Tutorials

Mailchimp form

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

Additional Resources

Last updated

Was this helpful?