Skip to main content

RewardsPopUpRootWidget

This widget displays Rewards program information directly on the page, rather than as a pop-up. It provides an interactive interface for customers to earn and redeem points, view active unused rewards, access the referral program details and link, and check their current VIP tier. Unlike the RewardsPopUpWidget, which appears as a pop-up when triggered, the RewardsPopUpRootWidget is embedded directly into the page layout, making rewards information continuously accessible.

Widget example​

Widget example

Code​

<div
  class="gw-rd-popup-root-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.