Storefront Embeds: Account Loyalty Block

Displaying Loyalty Information and Rewards on Customer Account Pages

JeriCommerce provides a dedicated Shopify App Extension to integrate loyalty program details directly into the customer account area. This block ensures that logged-in customers can immediately view their point balances and access rewards, creating a centralized hub for their loyalty experience.

Account Loyalty Overview

Personalized Member Information at a Glance

The Account Loyalty Block is positioned within the customer profile to provide a summary of the user's current status.

  • Dynamic Welcome Message: Displays a personalized header that can include the customer's name, current point balance, and tier level.
  • Real-time Data: Automatically pulls and displays the latest loyalty information, such as [points], [balance_name], and [tier].
  • Visual Context: Includes customizable icons (like a gift card, star, or savings) to make the loyalty section visually distinct.
JeriCommerce Account Loyalty Block Extension

Interactive Reward Actions

Direct Access to Program Features

The block supports up to two customizable buttons to guide customers toward high-value actions.

  • Primary Action: Typically used to direct customers to their available rewards or the main loyalty dashboard.
  • Secondary Action: Can be enabled to show additional links, such as "How to earn points."
  • Deep Linking: Buttons can be configured with specific URLs (defaulting to /#jeri=loyalty/rewards) to trigger the JeriCommerce interface instantly.
Shopify profile page + Loyalty Extensions

Implementation & Customization

Configuring Your Account Loyalty App Block

This extension is designed for seamless integration and full brand alignment within the Shopify ecosystem.

Native Integration

To ensure stability and performance, this extension is available strictly as a Shopify App Block:

  • Customer Account Page: Added as a block within the native Shopify customer account template.
  • Flexible Placement: You can drag and drop the block to the preferred position on the profile page using the standard Shopify Theme Editor.

Full Visual Control

The block's content and appearance are managed directly through the Shopify block settings:

  • Header Customization: Use variables like [customer_name], [points], and [tier] to create dynamic titles (e.g., "Welcome [customer_name], enjoy your [points] [balance_name]").
  • Button Styling: Customize the labels, tone, and visual variant for both buttons to match your theme's design language.
  • Icon Selection: Choose from several built-in icons (gift-card, star, savings) or opt for no icon for a more minimal look.
Account Loyalty Block Extension Configuration in Shopify Editor

Topics

Integrations