Joy Loyalty Help Center
WebsiteDevDocsStatusBook a demo
[Old] Joy Loyalty
[Old] Joy Loyalty
  • 🚀Getting started
    • Getting started
      • How to enable Joy's app embed
      • Show Shopify customer account
      • Quick search
      • Name your points currency
    • 🌟What's New?
  • 🎁Rewards program
    • Rewards programs overview
    • Earning programs
      • Sign up
      • Place order
      • Birthday rewards
      • Customers reviews
      • Social media
      • Whatsapp
      • Pinterest
      • Fill out a survey
      • Visit website
      • Google Reviews
      • Custom Program
    • Redeeming programs
      • Discount program
      • Customize discount code prefix
      • Redeeming rewards at checkout
      • Coupon list at checkout
    • Milestone
    • Membership
      • Member exclusive deal
      • VIP Tier
        • ⭐Set up VIP Tiers
        • ⬇️Tier Assessment 🆕
        • 💎Tier Privileges
        • FAQs
    • Advanced settings
      • Point Expiration
      • Pending Points
      • Refund points
      • Discounts Combination
      • Channels for reward programs
      • Set up coupon codes for referrals
    • Rule Engine 🆕
  • 🧑‍🤝‍🧑Referrals
    • Getting started with referral campaigns
    • Referral flow explained
    • Product Referral Block
    • Managing referrals with tags
  • 🚀Migration
    • Migration to Joy Loyalty
    • Migrations from apps
      • Migration from Stamped to Joy Loyalty
      • Migration from Smile to Joy Loyalty
      • Migration from Rivo to Joy Loyalty
      • Migration from Appstle℠ Loyalty & Rewards to Joy Loyalty
      • Migration from Loyalty Lion to Joy Loyalty
      • Migration from BON Loyalty to Joy Loyalty
      • Migration from Yotpo Loyalty to Joy Loyalty
    • Migrate Tiers
  • 👨‍👩‍👧‍👦Customers' activities
    • Customers' activities
      • Customers' activities
      • Import & Export customer data
      • Customers' types and segment
      • Generate Customer QR Code
    • Email notification
      • Automated notifications
      • Custom sender for email notifications
    • Analytics
  • 🛍️Store design with Joy
    • Widget
      • Setting up a Loyalty widget that brands
      • Sign up & Referrals Widget
      • Sign up block
      • Advanced widget settings and customization
    • Deeplink
    • Account page
      • Referral block
    • Point calculator
    • Translation
      • Translate Widget Contents
      • Change Language in app
    • Customer login
    • Reward Reminder
  • 🚀Loyalty Page
    • Loyalty landing page
    • Loyalty page block
      • Hero Banner
      • “FAQs” block
      • “How it works” block
      • “Way to earn” block
      • “Way to redeem”
      • "VIP Tiers" block
      • In-line Banner
      • Redeem at checkout
      • Rewards activity block
      • Referral block
      • “Coming soon” block
      • My reward block
  • 🧩Integrations
    • Review Apps
      • Joy and Air Reviews
      • Joy and Judge.me
      • Joy and Fera Product Reviews
      • Joy and Yotpo Product Reviews
    • Email Marketing Apps
      • Joy and Klaviyo
      • Joy and PushOwl
      • Joy and Mailchimp
      • Joy and Omnisend
      • Joy and Sendlane
      • Joy and Drip
    • Subscription Apps
      • Joy and Joy Subscription
      • Shopify Subscription Integration
      • Recharge Subscription
    • Survey Apps
      • Joy and SEA Survey
    • Chat apps
      • Gorgias
  • 🌀Shopify Flow
    • Get started + Joy's Triggers 🆕
    • Integrate with Shopify flow
      • Shopify Flow: Klaviyo
      • Shopify Flow: Growave
      • Shopify Flow: Loox
      • Shopify Flow: Okendo
      • Shopify Flow: Reviews.io
      • Shopify Flow: Stamped.io
      • Shopify Flow: Tydal
      • Shopify Flow: Yotpo
  • 💸POS
    • Add Joy to Shopify POS
    • Use Joy in POS workflow
  • Knowledge Hub
    • Ultimate guide to setting up your loyalty program with Joy
  • Dev Docs
    • Magic tagging for manipulating customer balance
    • Integrate Joy Loyalty widget to Hydrogen
  • FAQs
    • Common questions
      • Remove Joy customers' meta fields
      • Features without the Checkout Extensibility upgrade
      • Exclude custom products from earning points
      • Exclude on-sales items from loyalty program redeeming
      • Exclude customers
    • ⁉️FAQs
    • 🔏Privacy policy
Powered by GitBook
On this page
  • Introduction
  • Display widget for logged in user only
  • Page restriction
  • Instant popup for widget
  • Hide widget button
  • Wrap up

Was this helpful?

  1. Store design with Joy
  2. Widget

Advanced widget settings and customization

Customize your Joy Loyalty widget with advanced settings. Control widget visibility, page restrictions, instant popups, and more for a seamless customer experience.

PreviousSign up blockNextDeeplink

Last updated 8 months ago

Was this helpful?

Introduction

The Joy Loyalty widget is designed as a floating popup, providing customers with easy access to their loyalty information. However, since the popup occupies space on the screen, many store owners have requested customization options to ensure it fits seamlessly with their website layout. In response to this feedback, we continuously improve our product, and the advanced settings offer a range of options that allow you to tailor the widget’s behavior to suit your store’s design and customer experience.

Display widget for logged in user only

Sometimes, the floating widget may be unnecessary if only logged-in customers with points can fully utilize it. Additionally, if you already have a dedicated landing page for your loyalty program, you might prefer to restrict the widget's visibility. This setting allows you to control whether the loyalty widget is visible only to customers who are logged in.

  • When Enabled: The widget will only appear for logged-in customers, ensuring loyalty features are only accessible to registered users.

  • When Disabled: The widget will be visible to all customers, regardless of their login status, allowing broader access to loyalty features for visitors and non-members.

Page restriction

In some cases, you might not want the widget to appear on every page of your store. For example, if you want to keep the widget restricted to high-conversion areas like product pages or during the checkout process, you can use page restriction settings. This feature gives you control over where the widget will be displayed.

  • When enabled: You can configure the widget to show only on specific pages, such as product or checkout pages. This targeted approach keeps the widget in relevant areas.

  • When disabled: The widget will appear on all pages by default, providing a consistent user experience across your entire store.

Instant popup for widget

For some stores, instantly showing the loyalty widget popup when customers visit specific pages can increase visibility and engagement with the loyalty program. This is particularly useful for promotions or events where you want to draw attention to the program right away.

  • When enabled: The widget popup will appear immediately on designated pages, capturing the customer's attention as soon as they visit.

  • When disabled: The widget won’t pop up automatically, giving customers the flexibility to interact with it at their own pace.

Hide widget button

If you prefer a cleaner look for your store or already have a dedicated loyalty program page, the floating widget button may not always be necessary. This option allows you to hide the floating button while still keeping the widget accessible via a Deeplink, making the overall layout more streamlined.

  • When enabled: The floating widget button will be hidden, and customers will access the widget using a Deeplink. This is helpful if you prefer not to have a persistent floating element on your store.

  • When disabled: The widget button will remain visible and floating on the screen, allowing customers to interact with it easily at any time.

Wrap up

By adjusting these advanced settings, you can tailor how the Joy Loyalty widget fits within your store’s layout and user experience. Whether you want to restrict the widget to certain pages, display it only to logged-in users, or create a cleaner look without the floating button, these settings offer the flexibility to design a seamless loyalty experience that aligns with your store’s specific needs.

For more information on using Deeplinks to trigger the widget, check out our .

🛍️
Deeplink Guide