AIQ Loyalty Widget

Alpine IQ loyalty rewards widget. The floating button appears in the bottom-right corner.

Embed on Your Site

1. Add to Head Code

<link rel="stylesheet" href="https://schwazze-aiq-widget.vercel.app/widget/aiq-widget.css">

2. Add to Footer Code

<div class="aiq-loyalty-widget"
     data-brand-key="starbuds"
     data-button-text="My Rewards"
     data-position="bottom-right"
     data-modal-style="drawer"></div>
<script src="https://schwazze-aiq-widget.vercel.app/widget/aiq-widget.js"></script>

Available Data Attributes

AttributeDefaultDescription
data-brand-keystarbudsBrand config key (starbuds, rgreenleaf, everest)
data-button-textMy RewardsFloating button label
data-theme-color#3BB371Primary brand color
data-positionbottom-rightbottom-right or bottom-left
data-modal-styledrawerdrawer or modal
data-signup-url(from brand config)AIQ signup form URL
data-api-url(vercel domain)API base URL
data-z-index9999Widget z-index