Integrations
Platform based integration guides
- Integration GuidesFind the right way to connect Sign Customiser to your website or store — whether you're on Shopify, WordPress, Wix, or building something custom.
- Customiser LinksShare a customiser as a standalone link, hosted on signcustomiser.com — no website required.
- Find your Sign Customiser IDOpen the Sign Customiser admin for your store. Click Customisers. Find your customiser in the list. Its ID is in the Customiser ID column. Write down the ID.
- Subscribe to WebhooksHow to Subscribe to Webhooks in Sign Customiser Webhooks let your application receive a notification when an event occurs in Sign Customiser. This guide shows how to set up a webhook subscription. It also shows how to verify the webhook signature. Note: The form:submitted webhook was deprecated on 24 August 2026. It continues to send data for every submission, with the same payload. No removal date is scheduled. For a new integration, read submissions from the quotes API. It also returns your submission history. It needs an API key with the quotes:read scope.
- Zapier IntegrationThis Sign Customiser guide covers Zapier Integration with the steps and context you need to complete the workflow.
Shopify Theme Integration
- Choose how to install Sign Customiser on ShopifyFind the correct setup guide for a Shopify theme, custom Liquid template, page builder, or headless storefront.
- Use the iframe option in the Shopify app blockTurn the experimental iframe embed on or off for the Sign Customiser app block. Use it when your theme's CSS or JavaScript interferes with the direct embed.
- Install Sign Customiser on a headless Shopify storefrontConnect Sign Customiser to a Storefront API or Hydrogen cart outside a Shopify Online Store theme.
- Install Sign Customiser in a Shopify theme with an app blockUse the Shopify theme editor to add Sign Customiser to a compatible product or page template with an app block.
- Install Sign Customiser in a Shopify theme without app blocksUse this guide when a Shopify Online Store theme serves the page, but the Liquid template cannot accept a Sign Customiser app block.
- Enable sticky add to cart button on your customiser.Use these settings to keep the visualiser in view when the shopper scrolls. See this example page. On mobile, you can also keep the price box and its button fixed. Fixed is sometimes called sticky. Before you start. Sticky Visualiser is a setting in the Shopify theme editor. It is in the Sign Customiser block and in the Sign Customiser - Embed block. It does not work when Use iframe (experimental) is on. See Use the iframe option in the Shopify app block. The Liquid iframe wrapper code has no theme editor setting for Sticky Visualiser.
- Adding CSS to Shopify themes - Alternative (but Not Recommended) MethodYou can add CSS when you edit your Shopify theme. This is no longer the recommended method. Shopify copies changes from the theme editor to an updated theme. Before you update your theme, save a copy of your CSS. After the update, check that the CSS is still there. For the recommended method, read the Custom CSS guide.
- Open the correct size from a Shopify variant linkThis guide explains how to link Shopify product variants to Sign Customiser sizes so the correct size is selected when a shopper opens a product page.
Wordpress / Woocommerce Theme & Store Integration
- Connecting WooCommerce with Sign CustomiserIntegrate your WooCommerce store with Sign Customiser
- Automatically Deleting Generated Products in WordPressWhen a customer adds a design to the cart, Sign Customiser creates a product for that design. A customiser in Quote Mode does not create a product. Customers use these products to buy their designs. These products can fill your product list. Sign Customiser creates the products in your WooCommerce store through the connection that you set up. Each product has the SignCustomiser product tag. To set up the connection, read Connecting WooCommerce with Sign Customiser. This guide shows how to delete these products automatically. Use the WP Bulk Delete Pro plugin. WP Bulk Delete is a third-party plugin published by Xylus Themes. Use it with caution and at your own risk.
- How SEO is treated for Custom Signs in WordPressSign Customiser creates a WooCommerce product for each custom sign that a customer adds to the cart. The app hides these products from your shop listings. The product page gets a "noindex" tag only while the legacy WordPress plugin is installed and active.
Custom & Other Platform Integrations
- Embed the customiser on any websiteAdd the customiser to your website with an iframe, and learn when to use Quote Mode, a Customiser Link or a connected platform to take orders.
- Custom API IntegrationLearn how to connect your custom ecommerce store with Sign Customiser using webhooks, product creation, and order processing APIs
- Webflow IntegrationTip: The customiser embeds the same way on Webflow as on any website. For sizing, display options, and how to take orders, see Embed the customiser on any website. The steps below cover the Webflow-specific parts.
- Wix IntegrationThis Sign Customiser guide covers Wix Integration with the steps and context you need to complete the workflow.
- Squarespace IntegrationTip: The customiser embeds the same way on Squarespace as on any website. For sizing, display options, and how to take orders, see Embed the customiser on any website. The steps below cover the Squarespace-specific parts.
- Iframe Embed: How to Handle "Add to Cart" ActionsThis guide shows how to connect Sign Customiser to the "Add to Cart" function on your own website. Your website must let you add an iframe and custom JavaScript. It is for the plain <iframe> embed. In this embed, you put an <iframe> tag on your page and you do not set up an integration. For a Universal customiser, this embed sends the onProductCreated message. Get the iframe code from Embed the customiser on any website. Do you use a Custom API integration with the <sign-customiser-embed> code? That embed sends a different event, sc:product:created. Use Custom API Integration instead. Example: the Finish button below the price in the customiser, when the customiser frame is 1025 px wide or more. The customer clicks the button below the price when the customiser frame is 1025 px wide or more. With Quote Mode off and no enabled Etsy integration, the button label depends on the customiser. If the customiser has a review screen, the button shows Finish. Finish opens the review screen. On the review screen, the customer clicks Add to Bag. If the customiser has no review screen, the button shows Add to Bag at once. A customiser can use its own button labels. With Quote Mode on, or with an enabled Etsy integration, the button has a different label and the customiser does not send the message in this guide. When the customer clicks Add to Bag, the customiser creates the product and sends a message to your page. Your page must add the product to its own cart. Your page must then send the result to the customiser.
- Export your quote requests with the APIRead your quote requests and custom design submissions, including past ones, into a CRM or spreadsheet with the Sign Customiser API and a Read quotes key.
- Update customiser pricing with the APIRead, replace and patch the pricing of a customiser with the Sign Customiser API, using a key with Read pricing or Write pricing access.
- Connect an AI agent to Sign CustomiserConnect Claude, ChatGPT, Cursor or VS Code to your Store, in the Shopify app or at web.signcustomiser.com.
- Save a customer ShareLink with storefront JavaScriptCreate a ShareLink to the customer's current design. Save the complete URL with a cart or another storefront process.