# Backboards

Backboards let you control the shape, colour, material, texture, and appearance of the backboard for your sign. You can also allow customers to upload their own image for certain backboard types. This guide explains how to: Configure the Backboard section Add different backboard types Add backboard colours and materials Allow customers to upload their own backboard images

- Source URL: https://www.signcustomiser.com/help/features/16861335-backboards/
- Markdown URL: https://www.signcustomiser.com/help/features/16861335-backboards.md
- Category: Features
- Last updated: 2026-09-18

## Article

Backboards let you control the shape, colour, material, texture, and appearance of the backboard for your sign. You can also allow customers to upload their own image for certain backboard types.

This guide explains how to:

-   Configure the Backboard section

-   Add different backboard types

-   Add backboard colours and materials

-   Allow customers to upload their own backboard images

## Accessing the Backboard Settings

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 **Sign Components → Backboards**.

Backboard colours and materials are also managed from the same **Backboards** section.

## Step 1: Set Backboard Section Title and Description

You can customise the heading and description displayed above the backboard options in your customiser.

1.  In the **Backboards** section, scroll to **Language Options**.

2.  Under **Backboard Section**, enter:

    -   **Section Title** – The title displayed above the Backboard section.

    -   **Section Description** (_optional_) – A description displayed below the title. You can also add a link to an external page.

        ![](/help/intercom-docs/help-centre-images/e6d6285ba687e657c8f36979598f1531de91ae95c672b67e75c0deeac6c81a58.png)

## Step 2: Set the Backboard Colours & Materials Section Title and Description

You can customise the heading and description displayed above the backboard colour and material options.

1.  In the **Backboards** section, scroll to **Language Options**.

2.  Under the **Backboard Colours & Materials Section**, enter:

    -   **Section Title** – The title displayed above the backboard colour and material options.

    -   **Section Description** (_optional_) – A description below the title. You can also add a link to an external page.

        ![](/help/intercom-docs/help-centre-images/3fdfa2a2d3b662a51f3b8badd691a1c763fbeafb1098cd937f41d8d8cfddefbe.png)

## Step 3: Add a Backboard

Backboards are the different types of panels customers can choose for their sign.

1.  In the **Backboards** section, click **Add New Backboard**.

2.  Enter the following:

    -   **Label** – The name of the backboard displayed to customers.

    -   **Description** (_optional_) – A description of the backboard. You can also add a link to an external page.

3.  In the **Visualisation** section, choose the appropriate backboard type.

    Available backboard visualisation types:

    -   **None** – No backboard visualisation is shown.

    -   **Board** – A rectangular backboard around the wording.

    -   **Box** – A box-style backboard.

    -   **Stand** – A self-supporting backboard.

    -   **Raceway Double** – A double raceway backboard.

    -   **Cut to Shape** – The backboard follows the shape of the words.

    -   **Cut To Letter** – The backboard follows the shape os the lettering.

    -   **Custom Shape** – Use your own SVG shape or a shape from the Sign Customiser library.

        ![](/help/intercom-docs/help-centre-images/4779ba560a3af9ecdcbe9c5d936c8469fe15e447c03bc9132d14e2d381ac2e1c.png)

4.  (_Optional_) In the **Button Image**, upload an image.
    This image will be displayed as a thumbnail on the backboard selection button in the customiser.

5.  (_Optional_) In the **Popup Image,** upload a real-life example of the backboard.

    Customers can view this image when they hover over or interact with the relevant image link.

6.  In **Additional Pricing**, set pricing either to:

    -   **None** – No additional cost is added.

    -   **Base Price** – Adds a fixed amount.

    -   **Price Multiplier** – Multiplies the relevant sign price.
        For example, to add a charge of 20%, enter **0.2** as the multiplier.
        You can choose whether the multiplier is applied to:

        -   **Letter Price only** – The multiplier is applied to the letter price only.

        -   **Final Price** – The multiplier is applied after all the other costs have been added.

    -   **Price per square cm** – Charges are based on the area of the backboard.

        This does not apply to **Frame Fit** or **Cut-out Metal** customisers.

7.  Click **Save**.

## Step 4: Additional Settings for Backboards Depending on Backboard Type

### **Customer Image Upload Setting**

In the **Customer Image Upload** section, you can allow customers to upload their own image to use on a backboard.

Customer image uploads are available for these backboard types:

-   **Board**

-   **Box**

-   **Stand**

-   **Custom Shape**

For instructions on setting up customer image uploads, see [Customer Designed Backboard Images](../../features/customer-designed-backboard-images/).

### **Additional Backboard Display Options Setting**

This setting allows you to create letter-shaped signs where the backboard consists of two or more colours or materials.

![](/help/intercom-docs/help-centre-images/a794ac262e1b66d169eec04aa8eaa99390eec68d6cd893dc579a734c7787bfdd.png)

View a working demo here: [Multi-Layer Backboard signs](https://demo.signcustomiser.com/products/3-layers-acrylic-letter-sign).

Multi-layer backboard signs are available for these backboard types:

-   **Cut to Shape**

-   **Cut to Letter**

To create a multi-layer backboard:

1.  In **Additional Backboard Display Options**, enable **Enable Multi-layer Backboard**.

2.  In **Layer 1**, enter:

    -   **Label** – The name of the layer displayed to customers.

    -   **Description** (_optional_) – A description of the layer. You can also add a link to an external page.

    -   **Backboard extension from letter** – Controls how far the backboard extends from the lettering in the visualiser.

        ![](/help/intercom-docs/help-centre-images/f5154662c5a8472b79e14703510e0963941cd4b5b4599c0a6412aebcfa1a57d7.png)

3.  Click on **Add Another Layer** to add another layer. This layer represents the backboard under the previous layer. Fill in the same fields.

4.  Click **Save**.

    <div class="intercom-interblocks-callout" style="background-color: #feedaf80; border-color: #fbc91633;"><p class="no-margin"><b>Note:</b> For each layer, the Backboard extension from letter value should be greater than the value for the previous option.</p></div>

### Custom Shapes

The **Custom Shape** option allows you to upload your own SVG file and use it as a backboard design. This feature supports almost any type of shape, giving you the flexibility to create unique sign backboards.

![](/help/intercom-docs/help-centre-images/d3893cee71664a10d9b74426e6f2800bb2790bfa7902599d05b2f0ae2003b0f7.png)

View a working demo here: [Wood Signs](https://demo.signcustomiser.com/products/wooden-sign)

**Custom Shape** is available for only these backboard types:

-   **Custom Shape**

To configure custom shape:

1.  In **Custom Shape**, upload your SVG file or choose a shape from our library.

    ![](/help/intercom-docs/help-centre-images/eb09e59099d245ebf385c5395ce63ba33af430d54d192e0245a38025d78667c4.png)

2.  Adjust the padding in the preview to ensure the sign contents fit the shape.

    ![](/help/intercom-docs/help-centre-images/f9f10e376f8bf82c879cb5f60bdcd89934bf7400952345b79f72df075fb681bd.png)

3.  Click **Save**.

<div class="intercom-interblocks-callout" style="background-color: #e3e7fa80; border-color: #334bfa33;"><p class="no-margin"><b>Why does my backboard shape look different?</b></p><p class="no-margin">To ensure compatibility with our app, your SVG must:</p><ul><li><p class="no-margin">Use <b>fill attributes</b></p></li><li><p class="no-margin">Consist of <b>solid-filled shapes.</b></p></li></ul><p class="no-margin">For more information, see <b><a href="../../features/backboard-shapes-why-are-fill-attributes-important-for-your-svg-files/" target="_blank" class="intercom-content-link">Why Are “Fill” Attributes Important for Your SVG Files?</a></b>.</p></div>

## Step 5: Add Backboard Colours & Materials

You can create different colours and materials for your backboards, including:

-   Acrylic

-   Wood

-   Metal

-   Coloured panels

-   Textured materials

-   Other custom finishes

You can use a solid colour or add an image as a texture to give the backboard a more realistic appearance. This material can also be assigned to multiple backboards.

<div class="intercom-interblocks-callout" style="background-color: #feedaf80; border-color: #fbc91633;"><p class="no-margin"><b>Note:</b> You must create your backboards first before you can assign colours or materials to them.</p></div>

To add a colour or texture:

1.  While still in **Backboards**, scroll to the **Backboard Colours & Materials** section.

2.  Click on **Add New Backboard Colour**.

3.  Enter:

    -   **Label** – Name of the backboard displayed to customers.

4.  Under **Material**, select either:

    -   **Colour** – Use the colour picker to choose the colour. You can choose to display it as a solid colour or with transparency

    -   **Texture** – Upload an image representing the backboard material or choose from our library.

        <div class="intercom-interblocks-callout" style="background-color: #e3e7fa80; border-color: #334bfa33;"><p class="no-margin">For the best results, use a <b>1024x1024</b> pixel image for textures.</p></div>

5.  Check or uncheck the **Apply texture to backboard visualisation?** option:

    -   **Checked** – The colour or texture is displayed on the backboard visualisation.

    -   **Unchecked** – The colour or texture is only displayed on the option button.

6.  In the **Assign to a backboard** section, select the backboards where the colour or texture should be available.

    ![](/help/intercom-docs/help-centre-images/e15787374f1a37cc584f995827da9d9f5450bc00db10870416742bd5e8b9f776.png)

    <div class="intercom-interblocks-callout" style="background-color: #feedaf80; border-color: #fbc91633;"><p class="no-margin"><b><i>Can't see any backboards?</i></b></p><p class="no-margin">This probably means no backboards were created.<br />Follow<a href="#step-3-add-a-backboard" target="_blank" class="intercom-content-link"> Step 3: Add Backboard</a> and create one.</p></div>

7.  (_Optional_) In the **Minimum Size** section, you can disable backboard materials for smaller sizes.
    To restrict, enter:

    -   **Minimum Width** – Backboard material is disabled when the sign width is below this value.

    -   **Minimum Height** – Backboard material is disabled when the sign height is below this value.

        ![](/help/intercom-docs/help-centre-images/ced8ea72b58756da443c87862eea336b00b97e915e1460140e29177316de245f.png)

8.  Under **Rule**, choose how the **Minimum Width** and **Minimum Heigh**t are applied:

    -   **Disable until one of the minimum values is reached** – The material becomes available when either the minimum width or minimum height is reached.

    -   **Disable until both minimum values are reached** – The material becomes available only when both the minimum width and minimum height are reached.

9.  (_Optional_) In the **Preview Image**, upload an image.
    This will be shown as a thumbnail on the selection button in the customiser.

10.  (_Optional_) In the **Example Image,** upload a real-life example of the backboard.

     Customers can view this image when they hover over or interact with the relevant image link.

11.  In **Additional Pricing**, set pricing either to:

     -   **None** – No additional cost is added.

     -   **Base Price** – Adds a fixed amount.

     -   **Price Multiplier** – Multiplies the relevant sign price.
         For example, to add a charge of 20%, enter **0.2** as the multiplier.
         You can choose whether the multiplier is applied to:

         -   **Letter Price only** – The multiplier is applied to the letter price only, or

         -   **Final Price** – The multiplier is applied after all the other costs have been added.

12.  Click **Save**.

## Design Layout Options for Backboard and Materials

Backboard colours and textures can be displayed either alongside their respective backboard options or in a separate section below the backboard section.

To access the settings, go:

1.  Click on your customiser.

2.  From the left-hand menu, go to **Settings → General Settings**.

3.  In the **General Style Settings** section, scroll down to **Backboard Colour Location**.

    ![](/help/intercom-docs/help-centre-images/94746d2699652ae81098eeb69914289ce0a10108e38b5bd237ce17f7b602cc7f.png)

4.  Choose either of these options to suit how you want customers to select their backboard and material options:

    -   **Inline - Show colours alongside the selected backboard** – Displays the available colours and textures within their respective backboard options.

        ![](/help/intercom-docs/help-centre-images/60a9fafe9b2ddb365d761a324ba425ef27205882d4e76da6013e62d593500842.png)

    -   **Detached - Displays underneath other selections** – Displays the backboard colours and textures below the Backboard section as a section of its own.
        ​
        ​**Note:** The available colour and material options change according to which backboards are selected.

        ![](/help/intercom-docs/help-centre-images/5676b33dd82fe999a8ba2f30f85e4323f2d61a449ab8414f43108560141d8c6d.png)

    <iframe src="https://www.loom.com/embed/511707946838432cac62ab8df362023f" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" allow="autoplay; fullscreen; picture-in-picture; encrypted-media"></iframe>
