How to Use Mailchimp Form Element with PageFly

About MailChimp Form ElementClick to copy

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:

Access MailChimp Form ElementClick to copy

Step 1: Access MailChimp accountClick to copy

Access your MailChimp account first:

  • If you haven’t had an account, click on Create an account.

mailchimp

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.

mailchimp

Step 2: Go to Signup formsClick to copy

Click the Audience and choose Signup forms.

Step 3: Select Embedded formsClick to copy

Start customizing your form using the functions in the left bar. You can set up the following:

  • Form Fields:

  • Settings:

  • Tags:

  • 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://….

In this example, the code here is “https://myshopify.us18.list-manage.com/subscribe/post?u=5cb4914c487b48b83e0a3d217&id=9c55a4087f”

Mailchimp form action code

Step 5: Activate MailChimp form element with the copied codeClick to copy

Step 5.1: Go back to your PageFly editor page to access the MailChimp element.Click to copy

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

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.

General Configuration 

Field InputSet up the Name Placeholder

Mailchimp Form ButtonSet up the Button Type,Button Text and Icon Position

IconSelect Icon and adjust icon size

Note: Currently, the MailChimp Form element can only show 2 fields such as Name and Email. This does not support more than 2 fields.

You can get further information about ATTRIBUTES, VISIBILITY, ANIMATION parameters here

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

Key TakeawaysClick to copy

Mailchimp is an email marketing and automation platform used to build brand and business value. Mailchimp also offer form element, works perfectly fine with Shopify and PageFly, therefore you can download this email marketing anytime you’d want!

Frequently Asked QuestionsClick to copy

OverviewClick to copy

When was MailChimp Created? 2018
How Much is MailChimp Shopify? From $13/month
Can I use MailChimp Shopify on PageFly Editor? Yes, MailChimp Email is also available

What is MailChimp?Click to copy

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.

Is MailChimp free on Shopify Store?Click to copy

Yes, free plan is applied, with premium upgrades available

What’s included in the MailChimp Shopify Plan?Click to copy

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.

Who is currently in partnership with MailChimp Shopify?Click to copy

QuickBooks Online, Smile.io, LiveChat, PayWhirl, Mixpanel, Yotpo

Navigate this category

Thank you for your feedback!

Could not find the answer
to your question?

Chat with us