Home » Web Tutorials » Weebly » Mailchimp Newsletter Subscription for Weebly Site

How to Add MailChimp Newsletter Subscription in Weebly?

MailChimp is one of the popular email marketing service providers which can be easily integrated with Weebly site for getting interested user’s emails. The collected emails can be used to send a newsletter from MailChimp thus increasing the opportunity to drive more traffic to your site.

Related: WebSense – A two column theme for Weebly.

How to Get MailChimp Embed Code?

Login to your MailChimp account and create a list as a first step for your email marketing. Once the list is created, click on the “Signup forms” link when viewing the list. You have two easy options for adding a signup form to your Weebly site.

  • Embedding inline subscription form
  • Embedding popup subscription form

Getting Embed Code for Mailchimp Signup Form
Getting Embed Code for MailChimp Signup Form

Related: How to use multiple columns element in Weebly?

Embedding Signup Subscription Form

Click on the “Embedded forms” links and customize the form fields and display options.

Customizing Mailchimp Embed Code
Customizing MailChimp Embed Code
  1. Choose the type of form
  2. Customize the fields and look
  3. Preview your signup form
  4. Copy the code for your MailChimp signup form.

Go to Weebly site editor and paste your MailChimp code by dragging and dropping an “Embed Code” element.

Embedding Mailchimp Signup Form in Weebly
Embedding MailChimp Signup Form in Weebly

Note: You can paste the entire code within embed code element or as indicated in the code paste the style / CSS part in the site’s header code section.

Embedding Popup Subscription Form

If you want a popup signup form then click on the “Subscriber popup” option under “Signup forms” link. Customize your options and click on the “Generate Code” button.

Mailchimp Popup Signup Form
MailChimp Popup Signup Form

Copy the generated code for your popup MailChimp subscription form and paste it either inside the content area using “Embed Code” element or in the header / footer code section of your page under “Pages > Advanced Settings”. The popup signup form will look like below in your published Weebly site:

Mailchimp Popup Signup Form in Weebly Site
MailChimp Popup Signup Form in Weebly Site 

Pop-up subscription email form does not popping up appropriately when we test with multiple Weebly themes, so check out your form after publishing the site.

Related: How to use Weebly app in Google Chrome?

3 thoughts on “How to Add MailChimp Newsletter Subscription in Weebly?”

  1. I cannot get the reCaptcha to work at all on our Weebly site. Any suggestions? I am getting tons of spambots signing up.

  2. I’m having a similar problem. A Weebly Customer Success Advocate gave me this message:

    “It looks like the form coding itself is not playing nice with the site coding. What I would recommend is seeing if MailChimp has an html form that you can use instead of the CSS code in your account.

    If not, this site has a lot of good advice on how you can use inline CSS in that code to overwrite what’s causing it to mess up (I would only advise this if you are comfortable with coding): https://www.w3schools.com/html/html_css.asp

    Unfortunately, I am not comfortable with coding.

Leave a Comment

Your email address will not be published. Required fields are marked *