# Sign Presets

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.

- Source URL: https://www.signcustomiser.com/help/features/sign-presets/
- Markdown URL: https://www.signcustomiser.com/help/features/sign-presets.md
- Category: Features
- Last updated: 2026-03-16

## Article

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

    ![](/help/intercom-docs/help-centre-images/94de3df19f4bfeeb4e9f046789cbe04f0832b1a2aca49791555ae98c3f70332a.jpg)

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

    [![](/help/intercom-docs/help-centre-images/c9af97ae5973397c3dd74aace0c45c766ef7178877d004e8c5d8d3912028dc77.jpg)](/help/intercom-docs/help-centre-images/c9af97ae5973397c3dd74aace0c45c766ef7178877d004e8c5d8d3912028dc77.jpg)

2.  Copy the **Preset Code**.
    ​

    ![](/help/intercom-docs/help-centre-images/1374ca538d67eb968a9a699972b494cfaa34da67987c423f233094fe52874163.jpg)

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](../../integrations/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.
    ​

    ![](/help/intercom-docs/help-centre-images/c40f8ac3dc70de28da339b8a97eecc5ff115ec88b2c506d56c8126a010cc4b58.jpg)

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

    ![](/help/intercom-docs/help-centre-images/36e9194e16fef6dca14a381f48c809a2656607410f6136abbbb7d5a5abc260e7.jpg)

2.  Copy the **iframe Snippet** code.
    ​

    ![](/help/intercom-docs/help-centre-images/168297a72c21ed99491e8211ad66fa67d7f2186619f0624d98f19a5c12d7224c.jpg)

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

    ![](/help/intercom-docs/help-centre-images/2339a144fd03e82ffcf5c646f6b2c755b2700a798b0fa93082e45e28e20be9ec.jpg)

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

### Option 2: Display the Preset as a Link

<div class="intercom-interblocks-callout" style="background-color: #feedaf80; border-color: #fbc91633;"><p class="no-margin">To use this option, the main customiser must already be embedded on your website first.</p></div>

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

    ![](/help/intercom-docs/help-centre-images/c9af97ae5973397c3dd74aace0c45c766ef7178877d004e8c5d8d3912028dc77.jpg)

2.  Copy the **Link parameter** link.
    ​

    ![](/help/intercom-docs/help-centre-images/1db7936eefca9c2bdf278f12fb244947afb977ee29c9f58c0784363e7066d6e8.jpg)

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.