Webflow app for Sign Customiser

How to Integrate Sign Customiser in Webflow

To integrate Sign Customiser with Webflow, 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 Webflow

1. Log in to your Webflow account.

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

3. Add a section or container.

4. Click on Add Elements in the Webflow menu, then select and drag the Code Embed element (Webflow Custom Code Embed Guide) 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:

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

   Your final embed code should look like this:

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

Consult our Webflow Integration guide for further details.