# Squarespace Integration

This Sign Customiser guide covers Squarespace Integration with the steps and context you need to complete the workflow.

- Source URL: https://www.signcustomiser.com/help/integrations/squarespace-integration/
- Markdown URL: https://www.signcustomiser.com/help/integrations/squarespace-integration.md
- Category: Integrations
- Last updated: 2026-04-18

## Article

## What We Currently Support in Squarespace

The following features are supported in Squarespace:

-   iFrame Embed Theme Installation

-   [Customiser Link](../../integrations/hosted-customisers/)

-   [Quote Mode](../../features/quote-mode/)

-   [Add to Cart](../../integrations/custom-integration-how-to-handle-add-to-cart-actions/) (_requires custom implementation_)

-   Order Integration (_not supported_)

-   Manufacturer Emails (_not supported_)

## How to Integrate Sign Customiser in Squarespace

<div class="intercom-interblocks-callout" style="background-color: #e3e7fa80; border-color: #334bfa33;"><p class="no-margin">To integrate Sign Customiser with Squarespace, you need to subscribe to our <a href="https://web.signcustomiser.com/register" target="_blank" class="intercom-content-link">Universal Plan</a>.</p></div>

## Steps to Integrate:

1.  Log in to your [Sign Customiser account](https://web.signcustomiser.com/login).

2.  Create your customiser.

3.  Navigate to **Overview settings** in the menu of your customiser.

4.  Click **Copy** to copy the embed code.

    ![](/help/intercom-docs/help-centre-images/90e3b1b7d5e515306c7799a67c58bbfec84091f8f4d182445f3dfed4842a454d.png)

## Embedding Sign Customiser in Squarespace

1.  Log on to your [Squarespace account](https://www.squarespace.com/auth/protected-redirect/login?location=https%3A%2F%2Faccount.squarespace.com).

2.  Create a new page or select an existing page where you want to display the customiser.

3.  Add a new Section.

4.  Add a new Block and choose the **Code** element.

5.  Paste the copied code into the element.

6.  _(Optional)_ If the customiser does not fill the container, add the following styling to your `<iframe>` code:

    ```css
    style="width:100%; height:100%"
    ```

    Your final embed code should look like this (note: replace **YOUR\_CUSTOMISER\_ID** with the actual ID of your customiser):

    ```html
    <iframe src="<https://web.signcustomiser.com/embed/YOUR_CUSTOMISER_ID>" style="width:100%; height:100%"></iframe>
    ```

    For help finding your ID, refer to our guide: [Find Your Sign Customiser ID](../../integrations/find-your-sign-customiser-id/).

7.  _(Optional)_ If the code element itself has a height restriction, you can override it with CSS. For example:

    ```html
    <style> .sqs-block-content { height: 100%; } </style>
    ```

    ## FAQ

    ## How do I connect the Sign Customiser app to use the "Add to Cart" functionality?

    Connecting the Sign Customiser to use the "Add to Cart" feature in your store requires custom implementation. Please follow our [How to Handle "Add to Cart" Actions](../../integrations/custom-integration-how-to-handle-add-to-cart-actions/) guide to get started.