Platform | Plan |
Shopify | Starter, Pro, & Guru (New plans only) |
With Gameball’s potential points display, customers can instantly see the rewards they’ll earn for their cart items before completing their purchase. This engaging feature highlights the value of each purchase, motivating customers to check out and start earning points.
In this article, you will find a guide on how to display the points in the cart simply with no code, enhancing engagement and incentivizing checkouts.
Setup Requirements
Updated Shopify Theme
Your theme must support app blocks. Without this, the Gameball block will not be visible in the editor. Learn More.
Enable Gameball Embed Block
Go to the Shopify Theme Editor
In your Shopify admin, navigate to the Theme Editor.Activate App Embeds
From the left menu, click on App Embeds, search for "Gameball," and toggle it on.
Activate Loyalty Points Earning
Open Gameball's Dashboard.
Navigate to Loyalty Points, and click on the Earn tab.
Activate the Program by making the toggle Active.
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.
Installing the Gameball Block
In Gameball, click Customize under the embedded block card.
You’ll be redirected to Shopify’s theme editor. If not, double-check the pre-requisites.
Sign in to your store through the theme editor to access the customer account template.
In the left sidebar under Template, select Add section > Apps, and search for "Cart Points"
Select the Cart Points app block and click Save.
Customizing the Points-in-Cart Block Display
Style Customization
In the Shopify theme editor, select the Cart Points app block, and follow these steps to adjust styling options:
In the Shopify theme editor, click on the "Cart points" app block.
On the right sidebar, adjust the icon, text, colors, and styles as needed.
On the left sidebar, You can also change the block's position within the template section.
Click Save.
Content & Translation
In the Gameball dashboard, go to Widget > Content.
In the Embedded Block tab, edit the displayed text as needed and click Save.
Logged-In vs. Guest (Not-Logged-In) Customers
Guest Customers: If the customer isn’t logged in, the block will show the potential points they can earn based on default cashback, ignoring levels-based cashback. A login link will also prompt them to sign in to collect rewards. The login link adapts to the customer’s account type:
For older accounts, it redirects to login (Email + Password).
For new accounts, it redirects to login via Email + OTP.
Logged-In Customers: For logged-in customers, the block displays points based on any customized cashback per collection, merchant, or level, giving a tailored view of rewards.
Products with No Cashback: If a product offers zero points, this section will automatically hide.
Important Notes
The potential points block will automatically hide if:
The Loyalty Points is deactivated.
The customer is excluded from the rewards program.
The Gameball program is deactivated.
The product offers 0 loyalty points.
The product is excluded from the loyalty-earning rules.
Your account is on a plan that doesn’t support this feature.
Frequently Asked Questions
Can I display the Potential Points Block on other pages?
Currently, this block can only be embedded on the cart page.What if I downgrade my plan?
The points-in-cart block will automatically hide if your plan no longer supports this feature.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: