Sign Customiser

Features

Lists of all the features for Sign Customiser and detailed explanations how they work

35 articles

Last updated:

Cart and checkout behaviour

Sign Customiser has three unique behaviours that can occur after a product has been added to the cart. Option 1: Straight to cart Redirects user to the cart page Option 2: Straight to checkout Redirects customer to the checkout page Option 3: Cart Window or custom integration: Use this when you want your mini-cart, slide out cart to open after the product has been added to cart. Most themes mini-carts and slide-out carts will work when this option is enabled. If the mini-cart or slide-out cart does not show then you can create a javascript event listener for our custom event.

Share Custom Sign Designs

Generate unique urls of a sign design that can be shared across the web

Auto-Save Customer selections

Customers can leave your website and return later with their previous selections automatically pre-loaded in the customiser. This feature helps increase conversions by allowing customers to continue where they left off without having to redo their design.

Colours and material options

Follow the steps below to add a new colour option: From the app's dashboard click on the Customisers tab and select a customiser. On the Customiser editor page, click the Colours and then click Add colour. On the Colour editor page that just appeared, add the Label and Description (which your customers will see) of the RGB colour option. For Colour Effect, choose Single Colour and select a colour. The Minimum Size option allows you to select a minimum width and height that the colour option will be available. Add the option preview image and popup image using the Preview Image and Popup Image options. The preview image will replace the colour selector button, while the popup image will appear as a pop-up when customers click on the View example button. The Pricing option allows you to choose how the price of the colour option will be calculated. There are 3 options for you select. None: Sign price will not be changed if choosing the RGB colour option. Base Price: A fixed amount will be added. Price Multiplier: Multiply the Letter price option or total sign. Hit Save to save your setup.

Upload background images

Allow your customers to supply their own images to used for the background images on the sign visualiser.

Currency conversion and bulk pricing update

Following this process, you can easily and quickly update all the pricing assigned to a customiser. Originally built for converting all the pricing from one currency to another for a customiser, it can also be used to quickly update all the pricing by specific percentage margins, e.g. 50%, 100%, 200%, etc. As there are many pricing inputs using this feature saves alot of time. WARNING Using the Convert Currency feature updates all prices on your customiser at once and cannot be undone; this is intended for advanced users only. To convert all the prices on your customiser do the following: Navigate to the admin of Sign Customiser for your store. Click on "Customisers" on the home menu. Click on the customiser you wish to edit. Click on "Convert Currency" in the navigation menu on the left-hand side. This page is where you can convert all the prices on your customiser You can use our easy conversion tool to automatically convert from one currency to another as it uses live currency rates from around the world. By default we will automatically detect your stores native currency and prefill the "From" field. If you want to quickly update all prices by a specific percentage amount click on "Use custom rate" and enter in your desired value, e.g. for 200% increase add 2.0 into the field called "rate" Click "Convert Prices" a model will show up to confirm the decision.

Drag, Scale, Rotate Words and Icons

Give your customers the ultimate design freedom when creating custom letter signs by empowering them to drag, scale and rotate words and icons. This feature allows the following designs to be made possible. Independent word sizing: The ability to change the size of each word independently so you can truly customise the design. Independent word layout/location: Drag each word around independently to various locations rather than restricting it to a per-line basis. Word layer priority: Similar to design programs like photoshop/illustrator, you could have words stacking and overlapping, and your customer can choose which word is in front and which word is behind. This feature is only available for stores that are subscribed to non-legacy plans.

Google Fonts

This feature allows you to browse through all 1000+ Google fonts within our admin and add it to your customiser with a single click. This will save you time from having to manually add the font to your customiser plus all fonts are free!

Icons in Sign Designs

With our Icons feature, you can upload SVG files that your customers can incorporate into their sign designs. Follow the steps below to get started.

Multi-colour / Multi-font sign designs

All customisers can now enable the multi-colours and fonts feature which allows customers to add more than one colour or font to their sign design.

Multi-Currency

Enabling the multi-currency feature in your Shopify store allows customers to view products and make purchases in their prefer currency. This can be achieved by integrating a currency switcher app or using the Markets feature from Shopify. Currently, our Sign Customiser app supports two popular currency conversion apps: Vitals and Best Currency Converter. While we recommend Shopify Markets for its seamless integration and optimal performance, we acknowledge that not all global stores have access to this feature. To cater to a broader range of our users, we've recently updated the Sign Customiser app to provide enhanced support for Vitals and Best Currency Converter. This guide will walk you through setting up multiple currencies using Shopify Markets and integrating Vitals and Best Currency Converter with your store.

Quote Mode

By default, Sign Customiser is set to "Sales Mode," which allows you to create a product and add it to your store's customer cart so that they can purchase it from your store. However, in quote mode, you now have the ability to receive quotes of sign designs created by the user, which are then sent to your designated email inbox. The quote email will contain several mockup images of the sign based on the user-selected options that you have provided, e.g. colours, sizes, backboards, etc for your customiser. Forms used for quote mode are not the same as custom design forms as quote mode forms use the design of the sign created by our app (same image as presented in the visualiser) as the reference image attached to the email.

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.

Lightbox

Channel Letters

Neon

Flow RGB colour option

The Flow RGB colour option enables you to display multiple colours simultaneously. These colours will seamlessly transition and "flow" throughout the sign.

RGB colour option

By using the RGB Colour option, you can add multiple colours of your choice to your customiser. Follow the steps below to add a new colour option: From the app's dashboard click on the Customisers tab and select the customiser you want to add the RGB colour option. On the Customiser editor page, click the Colours and then click Add colour. On the Colour editor page that just appeared, add the Label and Description (which your customers will see) of the RGB colour option. For Colour Effect, choose Multiple Colours. Add all the colours you wish to include by clicking on Add Colour for this option (you can add up to 8 colours). To delete a colour, click on the " X " circle located near the colour. The Minimum Size option allows you to select a minimum width and height that the colour option will be available. Add the option preview image and popup image using the Preview Image and Popup Image options. The preview image will replace the colour selector button, while the popup image will appear as a pop-up when customers click on the View example button. The Pricing option allows you to choose how the price of the colour option will be calculated. There are 3 options for you select. None: Sign price will not be changed if choosing the RGB colour option. Base Price: A fixed amount will be added. Price Multiplier: Multiply the Letter price option or total sign. Hit Save to save your setup. By following these instructions, you can successfully add multiple RGB colours to your customiser, enhancing the customisation options for your customers.

Jackets and tubes for neon signs

Give your customers the ability to select how the jackets/tubes are presented for your neon signs.

Letter glow effects

This article will allow you to adjust the glow effect of the letters of your neon sign. We currently support two different glow effects for your neon sign 1. Click the Customiser which you want to change: 2. On the Customiser Page, click the Required Options button with the tool icon and click Colours: 3. Scroll to the bottom of the page to see the option Glow Effect and change it to your desired effect 4. Click save at the bottom of the form, to apply the new effect.

Backboards

Custom Backboard Shapes

Our Custom Backboard Shapes feature lets you upload your own SVG files to use as backboard designs. This feature supports almost any type of shape, giving you the flexibility to create unique sign backboards.

Backboard Colours, Images, Textures & Materials

You can create different backboard textures each with their own images and assign them to multiple backboards. This feature allows you to give your backboards the appearance of things like wood, metal, and more.

Customer designed Backboard Images

This guide will show you how you can set up your customiser to enable your customers to upload their images for backboards.

Improved Backboard Colour Selection Experience

Users can now display backboard colour options directly within the backboard section, creating a more intuitive and user-friendly experience. All new customisers created have this setting automatically enabled, this doc is for older customisers which do not currently have this setting applied and wish to do so.

Backboard shapes: Why Are "Fill" Attributes Important for Your SVG Files?

When using SVGs in our customiser, ensuring they are composed of "fill" attributes rather than "stroke" attributes is crucial. This guide explains why this matters, how it affects the appearance of your icons and custom backboards, and what you can do to resolve potential issues.

Assign backboard colours & materials to backboards

Please follow the below instructions to assign/add colours to your backboards: Navigate to the Sign Customiser admin on your store. Click on "Customisers" in the home menu Click on the customiser you wish to edit. In the left-hand side menu click on "Backboard Colours & Materials" Click on an existing backboard colour that you have already created. Scroll down untill you see "Assign to backboard" Use the dropdown menu to select the existing backboards that you want this backboard colour & material to apply too. Click on save at the bottom of the form to save.

Multi-layered Backboards

This feature allows you to create letter-shaped signs where the backboard can have two or more colours/materials added to it. To add multi-layered backboards to your customiser do the following. Multi-layered Backboards are only available for CUT TO SHAPE and CUT TO LETTER options. In the merchant admin, navigate to the customer you wish to edit. Click on "Backboards" in the side navigation Click on the backboard you wish to add one or more layers to. Ensure "Enable multi-layered backboard" is ticked. Once ticked, new options will allow you to add more than one backboard layer. For each layer, the "backboard length from letter" input should be greater than the previous option. This is also where you can add titles and descriptions for each option. Save your settings and then navigate to "Backboard colours" in the side menu. Click on the backboard colour you wish to edit In "Assign to backboard" make sure the backboard is selected. In the "Assign to layer" option make each layer that you want available for that colour is selected Save the settings at the bottom of the form.

Mountings

Discounts

Additional Options