Sign Presets

A preset saves a customiser configuration as a ready-made starting design. Use presets to show popular designs, promote a design, or offer a ready-made option. Customers can still change the design.

This guide shows how to create a preset and show it on your website.

Step 1: Create a Preset

1. Go to your admin:

   • Universal subscribers: Go to Home in your account.

   • Shopify users: Open the app in your Shopify admin.

2. Click Customisers in the menu.

3. Select the customiser you want to edit.

4. In the left-hand menu, go to Features → Showcase Presets. On a smaller window, this item is named Presets.

5. Click Create Preset.

6. In the pop-up preview, set the sign options to match your sign design.

7. Click Save as Preset. ​

   

8. In the Save as Preset dialog, choose Save as new preset.

9. Type a Preset name.

10. Click Save. The new preset appears in the Presets list. ​

    

To change a preset that you already have, choose Replace existing preset in step 8. Then choose that preset in the Select preset to replace field and click Save.

You can also save a preset from any customiser page. Click Preview in the page header. Set the sign options. Then click Save as Preset in the preview toolbar. The Save as Preset dialog opens for the current design.

Manage your presets

Each preset in the list has three action icons at the end of its row:

• The eye icon shows a preview of the saved preset.

• The link icon shows how to show the preset on your website. See Step 2.

• The trash icon opens a confirmation dialog. Click Delete Preset in that dialog to delete the preset.

Step 2: Show Your Preset on the Storefront

You can show a preset in two ways:

• Embed it as a full customiser on a page or product template. This is the same as any other customiser.

• Add it as a direct link, for example on a button.

Option 1: Embed the Preset as a Customiser

For Shopify Users:

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

   

2. Copy the Preset code. ​

   

3. In Shopify admin, go to Online Store. Find your theme, and click Edit theme to open the theme editor.

4. Create a page or product template, or open an existing one.

5. Add the Sign Customiser app block. On the sidebar, click Add section. Then, under Apps, select Sign Customiser. For details, see Install Sign Customiser in a Shopify theme with an app block.

6. Open the Sign Customiser block settings.

7. Paste the preset code in the Preset Code field. ​

   

8. Click Save.

The page now shows the preset as a full customiser.

For Universal Users:

1. In Features → Showcase Presets, click the Link icon of your 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. The exact steps are different on each website platform. ​

   

The page now shows the preset as a full customiser.

Option 2: Display the Preset as a Link

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

   

2. Copy the Link parameter. ​

   

3. Add the copied parameter to the end of the URL of the page where the customiser runs. If the URL already has a query string, use & instead of ?. ​

   This is an example of a main customiser page:

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

   This is the preset URL pattern for the same page. Replace PRESET_CODE with your preset code:

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

You can use this link on buttons, catalogues, collection pages, menu links, and campaigns.

When a customer opens the link, the customiser opens with your preset design already filled in. The exception is a browser that already has a saved design for this customiser (Share and Save: Save sign design for next visit). That browser shows the saved design.