Overview
Lootly makes it easy to customize the tab that sits on your website. The tab is where the Lootly widget is displayed, so users & customers can learn about your amazing rewards program.
Note: Some features on this page require a paid plan to Lootly.
Watch a video tutorial 👇
Change the Tab Position
One of the first decisions to consider for your Loyalty Program is where the tab sits on your site. By default, Lootly launches from the right side, but you have the ability to move it to the left or show no tab at all.
You can customize the Tab by going to: Display > Widget > Tab
The General Settings area, gives you a few options on placement:
Position - Right or Left
Side Spacing - this controls the distance from the side of the screen to the tab
Bottom Spacing - this controls the distance from the bottom of the screen to the tab.
If you prefer to show no tab at all, you can select "None - Link Only" from under Display Options.
Tip: If you decide to only use the link, we recommend to add this to your Header or Footer, so customers can easily find it.
Design Customization
The next step is to customize the design of the tab to match your brand colors for consistency. We recommend to select a color that is easy to see, such as your logo / site colors.
You can customize the following items on the Tab:
Text
Tab Color
Tab Font Color
Tab Icon
If you prefer not to use any of our 7 tab icons, you can upload your own icon under "Tab Logo".