> ## Documentation Index
> Fetch the complete documentation index at: https://developers.loyaltylion.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Loyalty widget

<Warning>
  Loyalty panel and widget are a legacy interface, that we are slowly retiring. If you still use loyalty panel - we'll be in touch with you, when it's your time to upgrade.

  If you'd like to make the change earlier and take advantage of our new UI, contact us at [support@loyaltylion.com](mailto:support@loyaltylion.com).

  Please note that if you joined LoyaltyLion after 2022, you will not have access to this UI.
</Warning>

The Loyalty Widget is a small, floating bar which can be shown at the bottom of the page. If a customer is logged in, it displays the number of points they have.

When the Loyalty Widget is clicked, it opens the [Loyalty Panel](/sdk/embeddable-components/loyalty-panel/) in a modal view.

You can't add the Loyalty Widget to your page directly. Instead, you can enable it from [your LoyaltyLion admin](https://app.loyaltylion.com/go/manage/customise/widgets/loyalty_widget/).

***

## Preview

### Guest view

<Frame>
  <img src="https://mintcdn.com/loyaltylion/mzpO03HW8a1K958n/images/sdk/loyalty-widget-guest-view.png?fit=max&auto=format&n=mzpO03HW8a1K958n&q=85&s=fa1c9399220bc375f2afc6ef1e8ff404" alt="Loyalty widget guest view" width="304" height="106" data-path="images/sdk/loyalty-widget-guest-view.png" />
</Frame>

### Customer view

<Frame>
  <img src="https://mintcdn.com/loyaltylion/mzpO03HW8a1K958n/images/sdk/loyalty-widget-customer-view.png?fit=max&auto=format&n=mzpO03HW8a1K958n&q=85&s=35df8283da063ad38dc8486e3ac21618" alt="Loyalty widget customer view" width="436" height="104" data-path="images/sdk/loyalty-widget-customer-view.png" />
</Frame>