Breadcrumbs

How do I add a Signup Form to Squarespace?

Adding a Signup Form to your Squarespace site is easy. By following the instructions below you will be able to add a Signup Form that you create within your AWeber account to your Squarespace site.

By adding a form to your Squarespace site you give yourself the ability to re-engage subscribers that visit your site. If they choose to fill out your Signup Form you can then follow up by sending them newsletters or autoresponder messages.

Step By Step Instructions

  1. After creating a Signup Form and navigating to the Publish step of the form builder, copy the provided Raw HTML Version form code.

    Screen Shot 2022-01-21 at 1-40-09 PM.png



    Save this form code for use later.

    Screen Shot 2022-01-21 at 1-41-43 PM.png



  2. Once you have logged into your Squarespace account, select the "Edit" button for the page you'd like to have your form displayed on.

    Screen Shot 2021-02-06 at 1-34-22 PM.png



  3. On the next page you will want to navigate to the part of the page that you want to insert your form and click plus symbol that appears in that part of the page.

    Screen Shot 2021-02-06 at 1-32-21 PM.png



  4. In the menu that appears, select the "Code" element.

    image-20250828-152116.png




  5. In the box that appears, paste the form code previously copied from your AWeber account.

    image-20250828-152108.png




    Note: If there is any code pre-populated in that box you will want to make sure you delete that code before pasting in the Raw HTML code for your form.

  6. You will need to ensure that the "Display Source" is not checked. You can click on it to uncheck that option if it is not already unchecked

    image-20250828-152102.png




  7. You will now see the form populated to your Squarespace site. If you want to move the form to another part of the page, click and drag the form to the part of page you want it on.

Adding an AI Signup Form to Your Squarespace Site

If you've created an AI Signup Form in AWeber, you can add it to your Squarespace site by installing a JavaScript snippet in your site's <head> tag. Once installed, all of your AI Signup Forms will work automatically; no additional code is needed per page. Display frequency, targeting, and other settings are managed from the AI Signup Form's display settings for each form.

Note: Sitewide code injection in Squarespace requires a Core plan or higher. If you are on a lower-tier plan, see the per-page alternative below.

Step 1: Get Your JavaScript Code

In your form's settings, add your domain name and copy the JavaScript snippet.

Step 2: Add the JavaScript to Your Squarespace Site's <head>

The JavaScript snippet needs to be installed once, sitewide. Squarespace supports this natively on Business and Commerce plans:

  1. In your Squarespace dashboard, go to Settings > Advanced > Code Injection.

  2. Paste your JavaScript snippet into the Header field.

  3. Click Save.

Step 3: Configure Your Form's Display Settings

Once the JavaScript is installed, your AI Signup Forms will display based on the AI Signup Form's display settings in AWeber. You can control how often the form appears, which pages it shows on, and other behavior directly from your form's publish settings -- no additional changes to your Squarespace site are needed.

Alternative: Adding the Code Per Page (Basic Plan)

If your Squarespace plan does not include Code Injection, you can add the JavaScript snippet to individual pages using a Code Block:

  1. Open the page you want to edit in Squarespace.

  2. Add a Code Block to the page.

  3. Paste your JavaScript snippet into the Code Block.

  4. Save the page.

You will need to repeat this on each page where you want the form to appear. Using Code Injection (Core plan or higher) is recommended for a sitewide install.

Form not showing up? Try a hard refresh in your browser (Ctrl+Shift+R on Windows/Linux, Cmd+Shift+R on Mac) or test in a different browser. Caching can sometimes delay the form from appearing immediately after installation.