Skip to main content

How do I show customer point history and rewards on a Shopify page?

You can add Glow loyalty information directly into a Shopify page, theme section, or custom content area.

Written by Brandon Swift

You can add Glow loyalty information directly into a Shopify page, theme section, or custom content area.

This is useful if you want to create a dedicated loyalty page, show a customer's point history, or embed a rewards experience somewhere other than the floating storefront launcher.

For most stores, we recommend using Glow's Shopify app blocks and customer account extensions where available. The manual HTML snippets below are helpful for Online Store pages, custom Liquid sections, or stores that need a simple embedded loyalty page.

Before you start

Make sure the Glow app embed is enabled in your Shopify theme.

The snippets below only work on pages where Glow's storefront script is loading. If the app embed is disabled, Glow will not find the snippet and the embedded loyalty content will not appear.

Option 1: Show customer point history

To show a customer's point balance and point history, add this HTML where you want the ledger to appear:

<div id="loyalty_ledger"></div>

When a customer is logged in, Glow shows their current balance and recent point activity.

Embedded Glow point history showing a customer point balance and activity table

If the customer is not logged in, Glow shows a login/register prompt instead.

Option 2: Show the embedded rewards widget

To show an embedded rewards widget, add this HTML where you want the rewards area to appear:

<div id="loyalty_rewards_embed"></div>

This displays an inline loyalty experience with the customer's balance and widget sections such as earning, redeeming, discount codes, history, and rules.

Embedded Glow rewards widget showing customer balance and widget tabs

Add the snippet to Shopify

You can add either snippet anywhere Shopify allows HTML or custom Liquid.

Common places include:

  • A Shopify page.

  • A custom Liquid section in the theme editor.

  • A theme template created for a loyalty or rewards page.

In Shopify's page editor, make sure you are editing the HTML/source view before pasting the snippet. If you paste the snippet into the normal rich text view, Shopify may display it as text instead of rendering the embed.

After adding the snippet, save the page or theme section and open the storefront page as a test customer.

Testing the embed

Use a customer account with loyalty activity so you can confirm the content is personalized.

Check that:

  • The page loads normally.

  • The Glow app embed is enabled.

  • The snippet ID is spelled exactly as shown.

  • The customer is logged in if you are testing customer-specific history.

  • The embedded content appears in the section where you added the snippet.

Important notes

These snippets are different from the floating launcher button.

Page Visibility controls where the default launcher appears, but the ledger and rewards snippets are embedded content areas. If you add one of these snippets to a page, test that page separately from the launcher.

The manual rewards embed uses Glow's embedded widget view. If you are using Shopify's newer customer account surfaces, you may prefer the Glow customer profile app block instead.

Troubleshooting

Nothing appears where I added the snippet

Make sure the Glow app embed is enabled in Shopify and the main app is enabled in Glow.

Then confirm the snippet ID is exact:

<div id="loyalty_ledger"></div>

or:

<div id="loyalty_rewards_embed"></div>

Changing the ID, adding extra spaces inside the ID, or using a different ID will prevent Glow from finding the container.

The ledger shows a login prompt

The point-history ledger is customer-specific. Log in as a customer with a Glow member record, then reload the page.

The embed is too tall or does not fit my theme

The embedded views are loaded in an iframe. If your theme needs a tighter layout, your theme developer may need to place the snippet in a wider section or adjust the surrounding page layout.

Related articles

Did this answer your question?