Skip to main content

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​

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.