How to use the JeriCommerce Storefront Widget

The JeriCommerce Widget is a customizable app embed that allows your customers to access their rewards, tiers, and coupons directly on your online store.

Customization

The widget button is completely customizable to match your brand's aesthetic. You can define:

• Customizable Button: The widget button is completely customizable to match your brand's look and feel.
• Navigation Control: You can customize which specific page opens when a customer clicks the widget.
• Visibility Rules: You can choose whether the widget appears on specific pages or is hidden across certain areas of your site.
• Integrated Access (Camouflaged Mode): If you choose to hide the main widget button, you can enable a smaller, more integrated button. This allows customers to access the loyalty pages via a subtle element that blends seamlessly into your page design for a "camouflaged" look.

Widget Paths & Deep Linking

You can force the widget to open on a specific page by using the jeri URL parameter. The value of this parameter must be the desired path (with or without the leading /).

Example: https://www.your-store.com/?jeri=/advantages

Available Routes:

Registration & Login:

• /check: Verification page.
• /send-pass: Send loyalty card.
• /register: User registration.

Profile:

• /profile: User profile.
• /orders: Order history.
• /coupons: List of available coupons.
• /coupons/:couponSlug/:couponCode: Specific coupon details.

Loyalty & Rewards:

• /loyalty: Main loyalty landing page (defaults to earning flows).
• /loyalty/rewards: Rewards catalog.
• /loyalty/rewards/:rewardId: Specific reward details.
• /loyalty/earning-flows: Engagement flows.

Growth & Advantages:

• /advantages: Explains program benefits to non-logged-in users.
• /referrals: Referral program dashboard.

‍

‍