Customizing the Widget Screen

Introduction

BrandLift Loyalty offers extensive personalization options, allowing you to infuse your unique brand identity into every aspect of the widget interface. Explore our comprehensive guide on incorporating your preferred color scheme and modifying widget text to align with your brand's aesthetic.

Customize theme colors

Select the perfect color palette to represent your brand! This interface enables you to customize the hues of various elements, including the banner, program icons, launcher and signup buttons, as well as text and hyperlinks.

  1. From the Loyalty dashboard, go to On-Site Displays > Floating Widget > Colors.
  2. Select the colors you'd like to use from the palette, or enter the color's hex code.
  3. Preview your changes in the live preview on the right.
  4. Save your changes.

Customize the header text

Modify or update your Rewards Program title in this section. This text appears as the main heading and is displayed prominently on the widget's banner.

  1. From the dashboard, go to On-Site Displays > Floating Widget.
  2. Click Widget Text > Header under Visitor.
  3. Edit the text to your preference.
  4. Save your changes.

Customize the account creation text

This area allows you to customize the widget section that prompts customers to register for or access your Loyalty program.

  1. From the dashboard, go to On-Site Displays > Floating Widget.
  2. Click Widget Text > Account Creation under Visitor.
  3. Edit the texts to your preference.
  4. Save your changes.

Customize the points text

Customize the text that introduces people to your Loyalty Program.

  1. From the dashboard, go to On-Site Displays > Floating Widget.
  2. Click Widget Text > Points under Visitor.
  3. Edit the texts to your preference.
  4. Save your changes.

Customize the member's header text

This text is visible to members at the top of the banner, above their point balance. If you've created a unique name for your points system (such as 'VIP Points'), this is an ideal place to showcase it!

  1. From the dashboard, go to On-Site Displays > Floating Widget.
  2. Select Member near the top of the page and click Header.
  3. Edit the text to your preference.
  4. Save your changes.

Customize the widget corners and shape

Revitalize your Loyalty widget's appearance to complement your website's branding and design motif. The shape settings enable you to modify the contours of the launcher widget screen, individual sections, buttons, and text field shapes. You can fine-tune the shape using three options: rounded, circular, and square.

  1. Buttons: Make the buttons circle, round or square to add that unique look.
  2. Sections: Edit the card style by adding in border radius, or customizing a squared look.
  3. Text Fields: Not pictured above, adjust this to edit any text field. For example, the 'refer a friend' text field.
  4. Launcher Edges: This setting controls the corners of the widget launcher itself.

Customize the primary and secondary fonts

Enhance your widget's customization by selecting primary and secondary typefaces that align with your brand identity and design preferences.

  1. From the dashboard, go to On-Site Displays > Floating Widget.
  2. Select Fonts.
  3. Use the dropdown menu to select the Primary Font and Secondary Font.
  4. Save your changes.

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?

Here is our guide to adding these images: Custom Widget Banner and Icons.

Was this article helpful?

Customizing the Loyalty Landing Page Settings
Customizing the widget button and screen position