Skip to main content
All CollectionsIntegrations
Squarespace Integration
Squarespace Integration
Updated over 2 weeks ago

What We Currently Support in Squarespace

The following features are supported in Squarespace:

How to Integrate Sign Customiser in Squarespace

To integrate Sign Customiser with Squarespace, you need to subscribe to our Universal Plan.

Steps to Integrate:

  1. Log in to your Sign Customiser account.

  2. Create your customiser.

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

  4. Click Copy to copy the embed code.

Embedding Sign Customiser in Squarespace

  1. Log on to your Squarespace account.

  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:

    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):

    <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.

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

    <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 guide to get started.

Did this answer your question?