How to embed mailchimp mail list on squarespace

Embedding a Mailchimp mailing list on Squarespace is a relatively straightforward process. Here's a step-by-step guide to help you do so:

Method 1: Using the Mailchimp Block

Log in to your Mailchimp account and navigate to the "Lists" tab.
Click on the three dots next to your list name and select "Get started with the Mailchimp Block".
Follow the prompts to install the Mailchimp Block on your Squarespace site.
Once installed, go to your Squarespace site and click on the "Settings" icon (looks like a gear) in the top navigation bar.
Click on "Advanced" and then "Code Injection".
In the "Header" section, paste the code provided by Mailchimp.
Save the changes.
Go back to your Squarespace site and add a new block by clicking on the "+" icon.
Search for "Mailchimp Block" and select it.
Configure the block settings as desired (e.g., choose the list, select the sign-up form, etc.).
Click "Apply" to save the changes.

Method 2: Using an HTML Block

Log in to your Mailchimp account and navigate to the "Lists" tab.
Click on the three dots next to your list name and select "Get started with the Mailchimp API".
Follow the prompts to generate an API key.
Go to your Squarespace site and click on the "Settings" icon (looks like a gear) in the top navigation bar.
Click on "Advanced" and then "Code Injection".

In the "Footer" section, paste the following code:

<form action="https://<your-list-name>.mailchimp.com/subscribe/" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="Email Address" required>
<input type="text" name="FNAME" class="name" id="mce-FNAME" placeholder="First Name" required>
<input type="text" name="LNAME" class="name" id="mce-LNAME" placeholder="Last Name" required>
<input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button">
</form>
<script type="text/javascript">
(function($) {
 $(document).ready(function() {
   $('#mc-embedded-subscribe-form').submit(function(e) {
     e.preventDefault();
     $.ajax({
       type: 'POST',
       url: 'https://<your-list-name>.mailchimp.com/subscribe/',
       data: $(this).serialize(),
       success: function(data) {
         if (data.result === 'success') {
           alert('Thank you for subscribing!');
         } else {
           alert('Error subscribing. Please try again.');
         }
       }
     });
   });
 });
})(jQuery);
</script>

Replace <your-list-name> with the actual name of your Mailchimp list.

Save the changes.
Go back to your Squarespace site and add a new block by clicking on the "+" icon.
Search for "HTML" and select it.
Paste the code into the HTML block and configure the block settings as desired (e.g., choose the list, select the sign-up form, etc.).
Click "Apply" to save the changes.

That's it! Your Mailchimp mailing list should now be embedded on your Squarespace site.

Mail Knowledge

How to embed mailchimp mail list on squarespace