Preview Customiser | Sign Customiser Docs

In the admin, you can preview the customiser at any time after you save changes to it. Use the preview to test a customiser. Add to cart is disabled in the preview.

Building and previewing do not need a subscription. Your customiser appears on your own site only when your Store has an active subscription, or a trial with a payment method on file. For more information, read Subscribe to Sign Customiser.

In the preview, you can also see the price breakdown. To open it, select Price in the preview toolbar.

Most customiser pages show the Customer activity card, as in the example below. The card shows a small preview of the customiser. To open the full preview, select the small preview or Open preview. If the admin content area is wide, the card is in a column on the right of the page content. If the admin content area is narrow, the card is below the page content.

The Sizes page of a customiser. The Customiser Menu is on the left and the sizes are in the centre. On the right, the Customer activity card shows a small preview and the Open preview button. The Smart actions card is below it.

To preview a customiser in the admin, do the following.

Navigate to Sign Customiser admin.
Select Customisers in the sidebar menu. You can open the preview in one of two ways.
1. Click the three dots … at the end of the row of the customiser. Then click Preview.
2. Open a customiser page. Then click Preview in the top-right corner. This button is on all customiser pages. On a small screen, click the three dots … first.

On most customiser pages, you can also click Open preview in the Customer activity card. See Customiser Overview page.

Each way opens a full-screen preview, as in the picture below.

Full-screen customiser preview with the toolbar showing Desktop, Mobile, Edit CSS, Price and Cart disabled in preview

The preview toolbar can have these controls. Which controls show depends on where you open the preview.

Desktop and Mobile: show the customiser at desktop width or phone width.
Edit CSS: add custom CSS and see the result in the preview.
Price: show the price breakdown.
Save as Preset: save the current design as a preset. This button does not show in the preview from the row menu.
Cart disabled in preview: shows that customers cannot add to cart in the preview.
Customers upload first: shows when the AI sign designer is on. It shows in the preview from the Preview button and from Open preview. It does not show in the preview from the row menu or from the Presets page. Customers can upload an image when your Store has AI credits.

The close button closes the full-screen preview.