Customizing the Widget Screen

Rivo Loyalty has tons of customization features so that you can add your brand style and personality to every part of the widget screen. Check out this guide on adding colors and editing the texts of the widget screen to match your style!

In this article:
Customize theme colors
Customize the header text
Customize the account creation text
Customize the points text
Customize the member's header text
Customize the widget corners and shape
Common questions

Customize theme colors

Choose the best colors to fit your brand! From this screen, you can select the color of the banner, program icons, the launcher & signup buttons, and even text & links.



From the Loyalty dashboard, go to Brand Style > Theme > Colors.

Select the colors you'd like to use from the palette, or enter the color's hex code.

Preview your changes in the live preview on the right.

Save your changes.

💡 Pro Tip: You can preview the color of the widget launcher button below the open panel in the live preview.

Customize the header text

Rename or edit your Rewards Program title here. This is the Header text and the caption on the widget's banner.



From the dashboard, go to Brand Style > Widget Screen > Header.

Edit the text to your preference.

Save your changes

Note: If your title and caption are too long, the text may end up truncated with an ellipsis (...) on the live version of the widget. The character limit before truncation is 19 for the Title and 35 for the caption.

Customize the account creation text

Here you can edit the section of the widget that encourages customers to sign up or sign in to your Loyalty program.



From the dashboard, go to  Brand Style > Widget Screen > Account Creation.

Edit the texts to your preference.

Save your changes.

Customize the points text

Customize the text that introduces people to your Loyalty Program.



From the dashboard, go to  Brand Style > Widget Screen > Points.

Edit the texts to your preference.

Save your changes.

Customize the member's header text

This is the text that members see on top of the banner above their points. If you've got a custom name for your points (e.g. VIP Points), this is a great place to include it!



From the dashboard, go to Brand Style > Widget Screen. From here, select Member near the top of the page and click Header.

Edit the text to your preference.

Save your changes.

Customize the widget corners and shape

Give your Loyalty widget a fresh look to match your websites brand and theme style. Using the shape settings, you can edit the launcher widget screen edges, sections, buttons and text field shapes. The three settings for adjusting the shape are rounded, circle and square.

This feature is available on the Loyalty, Rewards & Referrals Pro & Premium plans



Buttons: Make the buttons circle, round or square to add that unique look.

Sections: Edit the card style by adding in border radius, or customizing a squared look.

Text Fields: Not pictured above, adjust this to edit any text field. For example, the 'refer a friend' text field.

Launcher Edges: This setting controls the corners of the widget launcher itself.

Common questions

Can I customize the widget button and adjust its position?
Yes, you can! Please see our guide on this: Customizing the widget button and screen position.

Can I add a background image to my banner?
This feature is included in our Pro & Premium plans. Here is our guide to adding these images: Custom Widget Banner and Icons.
Was this article helpful?
Cancel
Thank you!