Integrations

Shopify integration and theme setup

This document outlines the two steps you required to integrate a customiser on your theme.

How to enable/disable the iframe embed on your Shopify app block

Turn 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 Customiser on a Product or Page on your Shopify Storefront - App Blocks

This guide will explain how to add the Sign Customiser to either a page or a product page in Shopify.

Setup customiser on Shopify App embed theme - best for page builders /old themes/Headless storefronts.

Best for installing sign customiser on page builders apps like gem pages/Headless themes or old themes.

Enable sticky add to cart button on your customiser.

By following these instructions, you can change the scroll order and have the visualiser section and also the add to cart button fixed (sometimes called sticky) as the user scrolls up and down the page (fixed frame scrolling) just like this example. This feature is only available on Shopify for now.

Adding CSS to Shopify themes - Alternative (but Not Recommended) Method

Although editing your Shopify theme is an alternative method for applying CSS, it is no longer the recommended approach. This method allows you to keep your styles within your theme, but it may require reapplication after theme updates. For the recommended approach to adding custom CSS, please refer to the guide: How to Add Custom CSS the Right Way.

Connecting WooCommerce with Sign Customiser

Integrate your Woocommerce store with Sign Customiser

Automatically Deleting Generated Products in WordPress

The Sign Customiser generates products so that customers can purchase their customised designs. This step is essential and cannot be skipped. However, we understand that having these auto-generated products in your product list can become overwhelming. This guide will show you how to automatically delete these products using the WP Bulk Delete Pro plugin. WP Bulk Delete is a third-party tool and is not affiliated with Sign Customiser. Use it with caution and at your own risk.

How SEO is treated for Custom Signs in WordPress

The custom signs created by our app are automatically hidden from all WooCommerce categories and product pages. They also contain a meta tag that excludes them from SEO indexing. These settings are applied automatically when a product is created by our app, and no additional action is required on your end.

Etsy integration

Connect Etsy once from Integrations, and every customiser in your store pairs with an Etsy listing through a Customiser Link.

Embed the customiser on any website

Add the customiser to almost any website with an iframe embed — works on plain HTML, no-code site builders, and any platform with a custom code or embed block.

Custom API Integration

Learn how to connect your custom ecommerce store with Sign Customiser using webhooks, product creation, and order processing APIs

Webflow Integration

Tip: 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 Integration

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

Squarespace Integration

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

Custom Integration: How to Handle "Add to Cart" Actions

This guide will help you integrate Sign Customiser with the "Add to Cart" functionality on e-commerce platforms like Webflow, and Squarespace.