---
title: "Customise Widget"
slug: "customise-loyalty-widget"
updated: 2026-06-10T15:18:24Z
published: 2026-06-10T15:18:24Z
canonical: "docs.xtremepush.com/customise-loyalty-widget"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.xtremepush.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Customise Widget

You can customise the widget as per your requirement. When you first configure the widget, you have the option to select a template or create your widget from scratch.

> [!NOTE]
> Widget customisation requires some knowledge of front-end development. This section is intended for a developer audience.

The following video shows an example widget configuration using the pre-defined Loyalty Hub template. This template includes three major tabs.

- **Level**: Displays the current level progression for a user and the loyalty features available to them.
- **Earn**: Lists all available loyalty features, such as quests and polls.
- **Redeem**: Displays all redeem options within the loyalty solution where users can exchange tokens for rewards.

[Embedded content](https://app.screencast.com/8DPlAqXDU9ly1/e)

This section is split into categories:

- [Widget Layout](/documentation/docs/widget-layout): Define the page based structure and specific components that form the widget.
- [Widget Appearance](/documentation/docs/widget-appearance): Customise the visual style of the widget through colour palettes and font settings.
- [Widget Preview](/documentation/docs/widget-preview): Test user interactions and verify how the widget appears to different users.