Skip to main content

Customer portal widget

Complete guide on the loyalty customer portal widget - configuration and user experience

The customer portal widget is a dedicated loyalty widget in the Loop customer portal where subscribers manage and track their full loyalty experience. It appears on the subscription details page as a loyalty widget containing the points available for the users. Users can then access the complete loyalty drawer from this button.

The text and contents of this widget and drawer are completely configurable so you can customize the complete experience for your users.

Configuring customer portal widget

Merchants can configure the customer portal widget via the Loyalty → Customer experience → Customer portal widget part.

All the fields of the customer portal widget and drawer comes with default texts. Merchants can either keep the default texts or add their own in each field based on their requirements.

Below are the sections available in the customer portal that merchants can configure:

  1. Balance

    User experience

    The Balance section shows the customer's current redeemable balance at the top. Below it, you can display the loyalty benefits a customer will enjoy by being a part of this loyalty program, such as "Get 10% off" or "Free lifetime shipping."

    Admin experience

    Whether the user's balance shows as currency or points is controlled by the display format setting you configure in the Preferences section of the loyalty feature.

    Similarly, the benefits come from the loyalty benefits added by you in the Preferences section, so the customer sees a quick summary of what their membership gives them right at top.

    All other texts of the balance section can be configured from the balance card section via the Customer portal widget → Texts → Balance card.

  2. Milestones

    User experience

    The Milestones section shows the customers where they stand in their milestone program journey. The customer sees their last completed milestone plus the next two milestones with details like the qualifying order or amount spent along with the reward they receive on those orders. If fewer than the required milestones are configured, the customer sees whatever applies to them, such as two completed and one upcoming.

    This gives the customer a clear view of the reward waiting at their next milestone. For example, seeing "3 more orders to earn $10.00" gives them a concrete reason to place their next order.

    If there are multiple milestones for which a user qualifies, he will be able to see those multiple multiple milestones.

    Admin experience

    All the texts of the milestone section can be configured via the Customer portal widget → Texts → Milestone section.

  3. My coupons

    User experience

    The My coupons section shows the customer all the coupons currently available on their account. All the coupons that the user has redeemed and not used will be available here for the user.

    Key details like coupon expiry will be displayed on the coupon itself (only for coupons expiring under 30 days) and the coupons will be arranged in order of the closest expiring date appearing at the top.

    Admin experience

    You can update the texts of coupons section from the Customer portal widget → Texts → Coupons.

  4. Redeem balance

    User experience

    The Redeem balance section is where the customer converts their balance into a usable reward. Points redeemed here will be directly applied to the subscription. Users will be able to redeem within the min and max balance set by you in the Preferences.

    Admin experience

    All the section of the redeem balance is configurable by the merchant via the Customer portal widget → Texts → Redeem balance. Additionally, functionalities like minimum and maximum redeemable balance.

  5. Recent activity

    User experience

    The Recent activity section is a complete credit and debit ledger of the customer's loyalty account. It shows every time points were earned, awarded, credited, or expired, so the customer has a full history of their balance.

    Admin experience

    The labels in this section, such as the card title, the empty state text, and the earned and credited action text, are all configurable from the customer portal widget settings.

    Styles

    The colors of the customer portal can be configured via the styles section where you can choose the colors you want for the overall theme of the drawer and milestone states like milestone passed or pending colors. You can also view a preview of the changes in the dynamic preview section.

FAQs

Can a user redeem points for any order type from the customer portal?

No, any points redeemed from customer portal are directly applied to the active subscription as a discount coupon. For any other order type, points and coupons can be applied directly via the checkout widget.

Need help?

No worries - we’re here for you!

If you have any questions or need assistance, feel free to email us at [email protected] or chat with us using the support beacon at the bottom right of your screen.

Regards,
Loop Subscriptions team 🙂

Did this answer your question?