RewardsVipTiersSingleProgressWidget
The widget displays the customer’s current tier, accumulated progress, and the remaining threshold to advance. It helps customers stay engaged by visually tracking their progress toward higher-tier benefits.
Activating the widget
To enable this widget, go to Growave admin -> Rewards -> Settings. 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".
Widget Example
Code
<div
class="gw-rd-vip-tiers-single-progress-widget-placeholder"
data-gw-widget-shadow-root-enabled="true"
style="display: block"
></div>
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.