Website Building » Weebly » How Do I Embed a Mailchimp Into Weebly?

How Do I Embed a Mailchimp Into Weebly?

Last updated on December 24, 2022 @ 1:54 am

There are two ways to add Mailchimp to Weebly. One is by using the Weebly App Center, and the other is by adding HTML code directly to your Weebly site.

Method 1: Use the Weebly App Center

  1. The first method is to use the Weebly App Center. Once you’ve logged in to your Weebly account, go to App Center.
  2. Then, type “Mailchimp” into the search bar and press enter. Next, select the Mailchimp app from the list of results.
  3. After selecting the Mailchimp app, click on the Add to site button. This will open up a new window where you will need to log in to your Mailchimp account.
  4. Once you’ve logged in, press the Allow button.
  5. After you’ve allowed access, you will be redirected back to the Weebly App Center. From here, press the Install App.
  6. Now that Mailchimp is installed on your Weebly site, you can start using it!
PRO TIP: We strongly recommend against embedding a Mailchimp into Weebly. Weebly is not designed to support embedded email forms and you will likely experience issues with your embedded form not displaying properly, or not functioning correctly. In addition, Weebly does not offer customer support for embedded Mailchimp forms.

Method 2: Add HTML code directly to your Weebly site

If you’re not a fan of using the Weebly App Center, don’t worry – there’s another way! You can also add HTML code directly to your Weebly site. To embed the form on your Weebly website, follow these steps:

  1. Log in to your Weebly account and go to the editor for the page where you want to add the form.
  2. Click on the “Add” button and select “Embed Code” from the list of options.
  3. A new window will open. Paste the HTML code (given below) for the Mailchimp signup form into the “Enter Code” field.
  4. Click “Apply” to add the form to your page.

To create a Mailchimp signup form and embed it on a Weebly website, you can use the following HTML code:

<form action="https://your-mailchimp-list.us4.list-manage.com/subscribe
/post?u=your-unique-id&amp;id=your-list-id" 
   method="post" 
   id="mc-embedded-subscribe-form" 
   name="mc-embedded-subscribe-form" 
   class="validate" target="_blank" novalidate>
 
<div id="mc_embed_signup_scroll">
   <label for="mce-EMAIL">Subscribe to our mailing list</label>
   <input type="email" value="" 
      name="EMAIL" class="email" 
      id="mce-EMAIL" placeholder="email address" required>
 
<!-- real people should not fill this in and expect good 
things - do not remove this or risk form bot signups-->
 
<div 
   style="position: absolute; left: -5000px;" 
   aria-hidden="true"><input type="text" 
   name="b_your-unique-id_your-list-id" 
   tabindex="-1" value=""></div>
 
<div 
   class="clear"><input type="submit" 
   value="Subscribe" name="subscribe" 
   id="mc-embedded-subscribe" 
   class="button"></div>
  </div>
</form>

To use this code, you will need to replace “your-mailchimp-list.us4.list-manage.com” with the URL for your Mailchimp list, “your-unique-id” with your unique Mailchimp ID, and “your-list-id” with the ID of the list you want to add subscribers to. You can find these values in the Mailchimp form builder.

You can also customize the form by changing the text, adding additional fields, or adjusting the layout and styling. Just be sure to follow Mailchimp’s guidelines for form design and coding.

Kathy McFarland

Kathy McFarland

Devops woman in trade, tech explorer and problem navigator.