Tab Customization

Learn how to customize the Widget Tab on your site

Ryan avatar
Written by Ryan
Updated over a week ago


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". 

Did this answer your question?