Sign Customiser

Sign Presets

Copy page

Last updated:

Sign Presets allows you to save any customiser configuration as a reusable starting design. This makes it easy to showcase popular designs, promote designs, or provide ready-made options that can be customised further.

This guide will show you how to create a preset and display it on your website.

Step 1: Create a Preset

  1. Go to the Sign Customiser Admin:

    • Universal subscribers: Go to Home in your account.

    • Shopify users: Navigate to Shopify admin → Apps and select Sign Customiser.

  2. Click on Customisers in the menu.

  3. Select the customiser you want to edit.

  4. From the left-hand menu, go to Features → Showcase Presets.

  5. Click Create Preset.

  6. In the pop-up preview of your customiser, adjust all sign options to match your sign design.

  7. Click Save as Preset. ​

Step 2: Displaying Your Preset on the Storefront

Presets can be displayed in two ways:

  • Embedded as a full customiser on a page or product template, just like any other customiser.

  • As a direct link (e.g. as a button).

Option 1: Embed the Preset as a Customiser

For Shopify Users:

  1. In Features → Showcase Presets, click on the Link icon of your chosen preset.

    https://downloads.intercomcdn.com/i/o/v93avo87/2163064039/fc47ae47e405db4dd5c17eb4a9e9/doc-image-placeholder.jpg?expires=1773640800&signature=059be048fb794afc35d7422fe060e9d7a10aa2276aeaa8ab81a4473f800ceaec&req=diEhFcl4mYFcUPMW3nq%2BgR9l%2FMU0X05yWupyFBhyUfwk%2BwBT6DFbP7NJGNLc%0AwKhEemOmYZB2spd5zP%2Fj2INYTjA%3D%0A

  2. Copy the Preset Code. ​

  3. In Shopify admin, go to Online Store → Themes.

  4. Click Customise to open the theme editor.

  5. Create or edit an existing page/product template.

  6. Add the Sign Customiser app block to your template. (Follow this guide for further details: Install Customiser on a Product or Page on your Shopify Storefront - App Blocks.)

  7. Open the Sign Customiser block settings.

  8. Paste your copied Preset Code in the Preset Code field. ​

  9. Click Save.

The preset design will now display as a fully embedded customiser.

For Universal Users:

  1. In Features → Showcase Presets, click on the Link icon of your chosen preset. ​

  2. Copy the iframe Snippet code. ​

  3. Go to your website admin.

  4. Paste the iframe Snippet code in a code section on your page (this depends on your website platform). ​

The preset design will now display as a fully embedded customiser.

To use this option, the main customiser must already be embedded on your website first.

  1. In Features → Showcase Presets, click on the Link icon of your chosen preset.

  2. Copy the Link parameter link. ​

  3. Add the copied parameter at the end of the page URL where your main customiser is embedded.

    For example, Main customiser page:

    https://demo.signcustomiser.com/pages/neon-sign-fixed-width-model

    Preset URL:

    https://demo.signcustomiser.com/pages/neon-sign-fixed-width-model?preset=e80b8e07329a

You can use this link anywhere on your website (buttons, catalogues, collections, menu links, campaigns, etc.).

When customisers click the link, the customiser will open pre-filled with your preset design.