Reward widget customization

Written by Support
Updated 3 weeks ago

The reward widget allows customers to view, earn, and redeem rewards directly on your store. You can fully customize its appearance, placement, and behaviour from the Branding settings.

Steps:

Step 1 — Open Branding Settings

  • From the left sidebar, go to Branding under Settings & Customization.

  • You’ll see the reward widget; click on Set up widget.

Step 2 — Navigate the reward widget 

  • From the Loyalty & Rewards Widgets page, 

  • Find the reward widget and click on customize.

Step 3 — Customize Widget Appearance

Expand the following options to make changes:

  1. Widget Colour Setting

    • Change the background, button, and text colours to match your brand theme.

  2. Widget Shape Settings

    • Choose between square, rounded, or pill-shaped widget designs.

  3. Widget Placement Settings

    • Decide where the widget should appear (e.g., bottom right, bottom left).

  4. Display Icon Settings

    • Customize or upload the widget icon that customers see before opening it.

  5. Display Text Settings

    • Edit the text displayed on the widget (e.g., “Get Rewards” → “Join Now”).

  6. Animation Settings

    • Control widget animations (e.g., bouncing, sliding) to draw customer attention.

  7. Responsiveness Settings

    • Adjust how the widget behaves on mobile vs. desktop.

Step 4 — Preview Customizations

  • As you make changes, the live preview on the right updates automatically.

  • Check how it looks on different screen sizes.

Step 5 — Save Settings

  • Once satisfied, click the Save button to apply your changes.

  • The updated reward widget will now be visible on your store.

Did this answer your question?