---
title: "Design: Customise Your Experience"
description: Learn how to use the Design step in Uniqodo's Experience Builder. Customise images, text, CTA buttons, colours, and backgrounds using the template editor, and save designs as reusable custom templates.
---

[Skip to content](https://help.uniqodo.com/design-customise-your-experience#main-content)

English

Show submenu for translations

[More support](https://help.uniqodo.com/kb-tickets/new?hsLang=en)

[![help centre logo](https://help.uniqodo.com/hs-fs/hubfs/help%20centre.png?width=245&height=50&name=help%20centre.png)](https://help.uniqodo.com/knowledge/?hsLang=en)

- [Blog](http://blog.uniqodo.com/)

Open main navigation

Close main navigation

- [Blog](http://blog.uniqodo.com/)
- English
  
  Show submenu for translations
- [More support](https://help.uniqodo.com/kb-tickets/new)
- [your.uniqodo.com](https://your.uniqodo.com/)

[your.uniqodo.com](https://your.uniqodo.com/)

 Welcome to Our Help Centre

- There are no suggestions because the search field is empty.

1. [Help Centre](https://help.uniqodo.com/?hsLang=en)
2. [Experiences](https://help.uniqodo.com/experiences?hsLang=en)

# Design: Customise Your Experience

Once you've selected your template, the **Design** step is where you bring your Experience to life. Here, you’ll use the template editor to customise content, images, colours, and buttons—ensuring your Experience looks and feels like your brand.

### **The Template Editor**

The editor layout may vary slightly depending on the template you’ve chosen, but all key editing options will appear in a panel on the **left-hand side**.

You’ll be able to edit:

- **Images & Backgrounds** – Swap out visuals or update background colours.
- **Text & Descriptions** – Use the rich text editor to change size, colour, alignment, spacing, and add links.
- **CTA Buttons** – Adjust button text and colours, including hover states.
- **Close Buttons** – Change styling to fit your design preferences.

**Note:** Fonts are inherited from your website’s styling and aren’t editable within the Design step. This ensures consistency with the rest of your site.

### **Template-Specific Placeholders**

Each template comes with different placeholder elements (e.g. image slots, countdown timers, or code inputs). If you’re unsure about what something does, click the small **“i” icon** next to the field for helpful guidance.

Everything you update will be instantly reflected in the **preview panel**, so you can see exactly how your Experience will appear on your site.

### **Preview in Real-Time**

Preview your Experience across:

- **Desktop**
- **Tablet**
- **Mobile**

Use the toggle buttons above the preview panel to make sure your Experience looks great on every device.

### **Save & Reuse Your Designs**

Once you're happy with your design, you have two options:

- **Save & Continue** (bottom-right) – Progress to the next step of the Experience setup.
- **Save as Custom Template** (top-right) – Save your design for future use. You’ll be prompted to give it a name, and it will appear alongside standard templates for you or teammates to use again later.

> This is ideal if you’ve built a version aligned with your brand guidelines that you plan to reuse regularly.

Next: **move on to creating your rules**

- [Using the Help Centre](https://help.uniqodo.com/using-the-help-centre?hsLang=en)
- [Integration](https://help.uniqodo.com/integration?hsLang=en)
- [Promotions](https://help.uniqodo.com/promotions?hsLang=en)
- [Experiences](https://help.uniqodo.com/experiences?hsLang=en#main-content)

    - [Experience Rules](https://help.uniqodo.com/experiences?hsLang=en#experience-rules)
- [Code Query & Issuance](https://help.uniqodo.com/code-query-issuance?hsLang=en)
- [Referral](https://help.uniqodo.com/referral?hsLang=en)
- [Loyalty](https://help.uniqodo.com/loyalty?hsLang=en)
- [Reporting](https://help.uniqodo.com/reporting?hsLang=en)
- [Admin](https://help.uniqodo.com/admin?hsLang=en)
- [Settings](https://help.uniqodo.com/settings?hsLang=en)
- [FAQ's](https://help.uniqodo.com/faqs?hsLang=en)
- [Release Notes](https://help.uniqodo.com/release-notes?hsLang=en)

- [Blog](http://blog.uniqodo.com/)

[![Chill listening crop-3](https://help.uniqodo.com/hs-fs/hubfs/logo-1.png?width=101&height=24&name=logo-1.png "Chill listening crop-3")](https://uniqodo.com)

Uniqodo Help Center

Copyright © 2026, Registered at: Uniqodo Limited