# Webflow Integration

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

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

## Article

## What We Currently Support in Webflow

The following features are supported in Webflow:

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

<div class="intercom-interblocks-callout" style="background-color: #e3e7fa80; border-color: #334bfa33;"><p class="no-margin">To integrate Sign Customiser with Webflow, 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 Webflow

1.  Log in to your [Webflow account](https://webflow.com).

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

3.  Click on the section or container where you want to add the customiser.

4.  Click on **Add Elements** in the Webflow menu, then select and drag the **Code Embed** element ([Webflow Custom Code Embed Guide](https://help.webflow.com/hc/en-us/articles/33961332238611-Custom-code-embed)) into your section or container.

5.  Paste the copied embed code into the **Code Embed** window and save your changes.

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:

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

7.  Replace **YOUR\_CUSTOMISER\_ID** with the actual ID of your customiser.

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

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