Loyalty Tiles

Loyalty Tiles are ready-made, loyalty-themed UI components that can be embedded into any page with minimal effort. They allow you to highlight key aspects of your loyalty program while keeping full control over styling and layout.

You can embed Loyalty Tiles in:

• Your own interface (via our Tiles SDK — view SDK documentation)

• Our Loyalty Microsite

Tile types

Loyalty Tiles come in multiple types to suit different needs:

Customization

Tiles can be fully configured in the Loyalty Console using a WYSIWYG editor.

• Organize tiles into sections with optional titles and subtitles (e.g., Welcome, Badges, Rewards, Current Offers).

• Customize colors and fonts at implementation level so tiles match your brand and blend into the surrounding page.

Tiles are fully mobile responsive and designed with a neutral, adaptable aesthetic to fit seamlessly into your existing design language.

Visibility criteria

You can control who sees each tile based on:

• Login status (logged out or logged in)

• Audience membership (e.g., only show a tile to users in a specific audience)

Localization support

Create multiple translations for each tile to support international programs, and set a default locale to be shown to user's for whom a translation matching their region does not exist.

Why use Loyalty Tiles?

For Loyalty Microsite customers: Gain maximum flexibility over the homepage layout without needing custom development.

For API customers building their own interface: Easily integrate key loyalty UI elements into your existing UX without starting from scratch.

Tip: See the examples below for real-world homepage designs showcasing the flexibility of Loyalty Tiles.

For technical implementation details, see the Tiles SDK documentation.

Examples

WLL Activate Microsite

In the below screenshot, taken from the WLL Activate demo microsite, Tiles have been used to:

• Create sections to bring structure and hierarchy to the page

• Welcome section

  • Show user's their points balance (Points tile)

  • Provide mechanisms for user's to engage with the program (Content tiles with links)

• Earning points section

  • Content tiles with links take users to pages which explain more about how to interact with the program.

• Flexible reward options section

  • A mixture of reward and reward category tiles allow users to browse the rewards on offer as part of the program.

• Member exclusive offers section

  • A mixture of content and reward tiles show users offers available within the program. Audience criteria are used to show users tiles which are relevant to their participation state.

Ravensburger microsite

In the below screenshot, taken from the Ravensburger Club loyalty program, Tiles have been used to highlight ways users can earn extra points and show rewards avaiable for redemption (as Banner tiles).

Ravensburger Club, being an international program, also made extensive use of the localization support to show Tiles in a variety of languages.

Evry microsite

In the below screenshot, taken from the Evry rewards program, Tiles have been used to highlight gamified ways users can interact with the program as well as rewards available.