Tier progress

Display a progress bar of the customer’s tier position and membership status. The component will render information about points- or spend-based tiers based on your tier settings.

For points-based tiers: Please note that unlike approved points, tier points do not go down when points are redeemed for a reward. Read more about customer tier progress.

Available on the Advanced plan and above.

Explanation

Whenever we find this component on the page, we’ll set its innerHTML to the requested value. If a customer is not logged in, nothing will display.

Code

Multi-tier

Displays the customer’s progress through all tiers.

<div data-lion-tier-progress="multi"></div>

Single-tier

Displays the customer’s progress within their current tier.

<div data-lion-tier-progress="single"></div>