Add a mail chimp subscribe onto squarespace website

Here's a step-by-step guide to adding a Mailchimp subscribe form to your Squarespace website:

Prerequisites:

  1. You have a Mailchimp account and a list set up.
  2. You have a Squarespace website with a custom domain (not a trial or demo site).

Step 1: Create a Mailchimp form

  1. Log in to your Mailchimp account and navigate to the "Lists" tab.
  2. Click on the list you want to add a form to.
  3. Click on the "Forms" tab.
  4. Click on "Create a form" and choose "Embedded form".
  5. Customize the form settings as desired (e.g., form name, description, and fields).
  6. Click "Save" to save the form.

Step 2: Get the Mailchimp form code

  1. In your Mailchimp account, navigate to the "Forms" tab.
  2. Find the form you created in Step 1 and click on the three dots next to it.
  3. Click on "Get code" and select "HTML" as the format.
  4. Copy the entire code snippet.

Step 3: Add the Mailchimp form to your Squarespace website

  1. Log in to your Squarespace website and navigate to the page where you want to add the form.
  2. Click on the "Add Block" button and select "Code" from the dropdown menu.
  3. Paste the Mailchimp form code into the code block.
  4. Click "Apply" to save the changes.

Step 4: Customize the form appearance (optional)

  1. If you want to customize the appearance of the form, you can add CSS code to your Squarespace website.

  2. In your Squarespace website, navigate to the "Settings" icon (looks like a gear) and click on "Advanced".

  3. Click on "Code Injection" and add the following code to the "Header" section:

    <style>
/* Add your custom CSS styles here */
.mailchimp-form {
 /* Add your custom styles for the form container */
}
.mailchimp-form input[type="email"] {
 /* Add your custom styles for the email input field */
}
.mailchimp-form button[type="submit"] {
 /* Add your custom styles for the submit button */
}
</style>

    Step 5: Test the form

  4. Preview your Squarespace website to ensure the form is displaying correctly.

  5. Test the form by submitting it with a valid email address.

  6. Verify that the form is sending the email address to your Mailchimp list.

That's it! Your Mailchimp subscribe form should now be live on your Squarespace website.