Simple Points and Rewards

How can we help?

Search the documentation or ask the AI agent anything about the plugin.

Customise the rewards dashboard

Updated September 11, 2026

The Rewards dashboard (shown on My Account › Rewards) is organised into tabs. You can reorder, rename, and hide these tabs, and control dark mode behaviour, under Points & Rewards › Settings › Rewards Dashboard, in the Dashboard Tabs and Dark Mode sections.

Dashboard Tabs

The dashboard is divided into the following tabs, each of which can be customised:

  • Earn Points – The “Ways to Earn” list showing all active earning methods.
  • Claim Rewards – The gallery of claimable reward vouchers and products.
  • Levels – The level/tier progression display (only relevant when Levels are enabled).
  • History – The customer’s points transaction timeline.
  • Your Vouchers – The customer’s claimed (redeemed) vouchers.

Reordering Tabs

Drag the tabs into your preferred order. The order you set here is the order customers see on their dashboard.

Renaming Tabs

Each tab has a customisable label. For example, you could rename “Claim Rewards” to “Spend Your Points” or “Your Vouchers” to “My Coupons” to match your brand voice.

Hiding Tabs

Toggle any tab off to hide it from the dashboard. For example, if you don’t use the Levels system, you can hide the Levels tab.

Dark Mode

The dashboard supports a dark mode theme. Configure its behaviour:

  • Show dark mode toggle on dashboard – Show a light/dark toggle switch so customers can choose their preference. The remaining options only appear once this is on.
  • Default dashboard to dark mode – Make dark mode the starting appearance for all customers.
  • Hide toggle when dark mode is the default – Remove the switch so customers cannot change back.
  • Apply dark mode to header box – Darken the dashboard header only, keeping the card content light.

Theme Colours

The dashboard’s colours are set in the Theme Colors section of the same Rewards Dashboard tab. They control the gradient used by the header, icons, borders and buttons:

  • Primary Theme Color – first gradient stop (default #667eea).
  • Secondary Theme Color – second gradient stop (default #764ba2).
  • Accent Color – buttons and highlights (default #2ca58d).

Related

Was this article helpful?