Skip to main content
Available on the Advanced plan and above.
Use this component to render the customer’s active loyalty challenges anywhere on your storefront — the same challenges shown on your loyalty page, embedded on their own. Each challenge renders as a progress tracker toward its point and reward milestones. When more than one challenge is active, they display as a stacked list or, if you enable the Tabs layout in your theme settings, behind a tabbed selector showing one at a time.
This component requires a logged-in customer. If the customer isn’t logged in, or has no active challenges, it renders nothing.

Code

<div data-lion-challenges></div>