Skip to main content

RewardsVipTiersMultiProgressWidget

This widget shows customers their progress across multiple VIP tiers. It displays each tier, the points or actions required to reach the next level based on the configured milestones, and the customer's current progress. This helps customers stay motivated to engage more and unlock higher-tier benefits.

Activating the widget​

To enable this widget, go to Growave admin -> Rewards -> Settings -> General. In the "VIP Tiers program status" section, click the "Enable" button next to the "Program is currently" block. Once enabled, this block will display "Program is currently Enabled".

Make sure that you've configured at least two tiers with defined milestones in Growave admin -> Rewards -> VIP Tiers.

Widget example​

Widget example

Code​

<div
    class="gw-rd-vip-tiers-multi-progress-widget-placeholder"
    data-gw-widget-shadow-root-enabled="true"
    style="display: block"
></div>

Attributes​

Attributes
data-gw-widget-shadow-root-enabled?optional
Enables or disables the use of the Shadow DOM for the widget. Set to "true" to encapsulate the widget's styles and structure within the Shadow DOM, preventing style conflicts with the rest of the page.