Skip to main content

Display Earned Points at Checkout

Encourage your customers to complete their orders by showing the points they’ll earn with each purchase—directly at checkout

Ganna Adnan avatar
Written by Ganna Adnan
Updated this week

Platform

Plan

Shopify

Pro & Guru

Checkout app blocks are available for Shopify Plus customers only.

Displaying the potential points customers can earn from their order on the checkout page helps them understand the immediate rewards they’ll receive. By showing how many points they will earn with their purchase, this feature encourages customers to make the most of their loyalty program benefits right at the point of transaction.

Benefits:

  • Increases Order Value: Showing potential points encourages customers to add more items to their cart to maximize their rewards, leading to higher average order value.

  • Boosts Loyalty Program Engagement: By highlighting the rewards they’ll earn, customers are more likely to engage with the loyalty program and make repeat purchases to accumulate more points.


Prerequisites

1. Shopify Plus

  • This feature is exclusively available to merchants on the Shopify Plus plan.

2. Updated Shopify Theme

  • Your Shopify theme must support app blocks. Without this, the option to add the Gameball block won’t appear in the editor. Learn more.

3. Enable Gameball Embed Block

  • Go to the Theme Editor in your Shopify admin.

  • Select App Embeds from the left menu, search for "Gameball," and toggle it on.

4. Activate the " Earn Points" program

  • In the Gameball dashboard, navigate to programs >> earn points, then activate the module.

5. Activate Gameball Program

  • In the Gameball dashboard, make sure the toggle at the top-right is activated. Once this is enabled, you’ll be able to add the Gameball block.


How to Install the Block

  1. In Gameball, navigate to Onsite, click Customize.

  2. You’ll be redirected to Shopify’s Theme Editor.

  3. Under Order Summary in the left sidebar, select Add App Block > Apps, and search for the "Checkout potential points" block.

  4. Select the "Checkout potential points" app block and click Save


How it Works

  • Guest Customers: If not logged in, the extension will show the earned points in addition to asking you to log in to collect the points.

  • Logged-In Customers: When the logged-in customer reaches the checkout page after placing an order, the extension will be displayed, showing the number of points earned from the last order, in addition to a call-to-action that opens the widget on the redemption option to let the user redeem their points.


Customization

Style Customization

  • The checkout extensions have no style customization options. However, you can customize its position by simply dragging and dropping it to your desired location on the checkout page.

Content & Translation

  • In the Gameball Dashboard, go to Widget > Content.

  • Under the Onsite tab, edit the text and customize it for supported languages.


Important Notes

The block will automatically hide if:

  • The Gameball program is deactivated.

  • The "Earn Points" program is deactivated.

  • The earned points are 0.

  • The customer is excluded from the loyalty program.

  • Your account is on a plan that doesn’t support this feature.


Frequently Asked Questions

  1. What happens if I downgrade my plan?

    The block will automatically hide if your plan no longer supports the feature.

  2. What should I do if I clicked on Customize but saw a "There is a problem loading the page" message?

    Please review the prerequisites and ensure all conditions are met. If you still encounter an issue, contact us at [support@gameball.co].


Related Articles

Did this answer your question?