Completely Free Course

Or log in with email below...

Forgot my password

Reset Your Password

Enter your email address below. We'll look for your account and send you a password reset email.

Don't Have An Account? Sign Up Free

Completely Free

Or sign up with email below...

By signing up to create an account I accept LaunchParty’s Terms of Use and Privacy Policy.

Already Registered? Log In Here

Bonus: Set Up MailChimp

How To Create A MailChimp Opt-In Form In Elementor

Action Plan

Step 1: Integrate MailChimp With Elementor

Elementor Pro is required for this step. The small commission we receive from your purchase helps us keep our tutorials completely free.

Why This Step Is Important

Integrating MailChimp with Elementor will allow you to use the Elementor Form Widget to create and design your email opt-in forms. This way, when somebody signs up to join your mailing list, their email will automatically be added to the appropriate list (and tagged) in MailChimp.

Watch Our Tutorial For This Step

This video will walk you through how to add your MailChimp API key to the Integrations tab found in the Elementor settings page of the WordPress admin.

Video Summary

  • Log into your MailChimp account
  • Click your “Name/Company Name” in the top-right menu and click “Profile”. (0:16)
  • In the submenu, go to Extras > API keys (0:22)
  • Click the “Create A Key” button (0:31)
  • Copy the new API key that has been generated (0:42)
  • Log into your WordPress admin and go to Elementor > Settings and click the “Integrations” tab (0:48)
  • In the “MailChimp” section, paste the API key and click “Validate API Key” (1:02)
  • Click “Save Changes” at the bottom of the page (1:15)

(I added my MailChimp API key to the Integrations tab in the Elementor settings)

Step 2: Add An Opt-In Form To Your Site Using Elementor

Elementor Pro is required for this step. The small commission we receive from your purchase helps us keep our tutorials completely free.

Watch Our Tutorial For This Step

This video will walk you through how to use our “CTA MailChimp” section templates to add a MailChimp opt-in form to your site.

Note: If you haven’t yet, please download our Elementor templates. You will need to import these templates into the Elementor template library before starting this tutorial.

Video Summary

  • In WordPress, start editing a page with Elementor (0:38)
  • Choose one of our LaunchParty “MailChimp” templates and add it to your page (0:42)
  • MailChimp templates will require Elementor Pro since they use the Elementor form widget (0:55)
  • Click “Edit Widget” on the form widget (1:32)
  • Match the Elementor form fields with the required form fields set in your MailChimp account (1:44)
  • Go to “Actions After Submit” and make sure the “MailChimp” tag has been added (2:25)
  • Add a “Redirect” tag which will send users to a thank you page after they click submit (2:38)
  • Go to “Redirect” and add the thank you page url (3:00)
  • Go to “MailChimp” and choose your email list from the “Audience” drop-down (3:20)
  • Add tags to tag your subscribers and better segment your audience (3:40)
  • Leave double opt-in turned off (4:50)
  • Under “Field Mapping” match the appropriate fields. The red stars signify the required fields set in your MailChimp account. (5:35)
  • Go to “Additional Options” if you want to customize the success and error messages (5:28)
  • Click “Update” and test the form by entering an email address and check to see that it was added to your MailChimp list (6:15)
  • Click “Update” and test the form to make sure users are successfully added to your email list (6:23)

(I added an opt-in form to my site)

FAQ


Can I still use your Elementor templates if I'm not using MailChimp?

Yes, our Elementor templates will work with any email provider that integrates with Elementor. By default our Elementor templates have “MailChimp” selected in the form widget, however, you can change this to another service if you want to.

When editing the form widget, in the “Action After Submit” tab, you can remove the MailChimp tag and change it to another provider such as Convertkit, Drip, ActiveCampaign, Mailerlite, etc.

How do I add a PDF download to my thank you page?

Here’s how you can add a PDF download link to any page on your website using the Elementor button widget.

  1. Upload the PDF file to your Media Library by going to Media > Add New in your WordPress admin.
  2. In your Media Library, click “Edit” next to the PDF file you just uploaded.
  3. In the right-hand column you will find the PDF “File URL”. Copy that URL.
  4. Add a button widget to your thank you page using Elementor.
  5. In the button widget options, paste the PDF “File URL” into the “Link” field.
  6. Now when users click the button, it will open the PDF file.
Have a question?
Click here to submit your own

Continue To The Next Tutorial Below

Your Progress
0

How Can This Be Free?

All of our tutorials are supported by the small affiliate commission we receive when you purchase SiteGround Hosting and Elementor Pro. We are not associated with SiteGround or Elementor in any way.