Platform | Plan |
Shopify Plus | Pro & Guru |
Having a Checkout Points Input Field Redemption Component provides your loyal customers with an effortless way to redeem a specific amount of their reward points during checkout. This feature empowers customers to control how their points are applied to their purchases, enhancing their shopping experience and driving more conversions for your business.
In this article, we will provide you with a step-by-step instructions to set up and customize the extension, delivering a seamless checkout experience while enhancing customer satisfaction and fostering loyalty.
Setup Requirements
Shopify Plus
This feature is exclusively available to merchants on the Shopify Plus plan.
Updated Shopify Theme
Your theme must support app blocks to enable this extension. Without this, the Gameball block will not appear in the editor. Learn More.
Enable Gameball Embed Block
Open the Shopify Theme Editor.
Navigate to App Embeds in the left menu.
Search for "Gameball" and toggle it on.
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.
Activate Points Redemption Program
Open Gameball's Dashboard.
Go to Loyalty Points > Earn.
Activate the program by toggling it to Active.
Activate "Dynamic Redemption Option":
Open Gameball's Dashboard.
Go to Loyalty Points > Redeem.
Activate the Dynamic Redemption Options by toggling it to Active.
Installing the Points Redemption Checkout Block
In Gameball's Dashboard, click Customize under the embedded block card.
You’ll be redirected to Shopify’s Theme Editor.
Log in to your store through the Theme Editor.
Under Order Summary in the left sidebar, select Add section > Apps, and search for "Checkout redeem input field"
Select the app block and click Save.
Customizing the Checkout Redeem Input Field Block
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
To customize the content and translation:
Go to Gameball Dashboard.
Navigate to Widget > Content.
In the Embedded Block tab, edit the text as needed.
Click Save.
How it Works
Guest Customers
If not logged in, customers will see a login prompt to access their balance.
Once identified (email entered), the block updates to the logged-in version.
Logged-In Customers
The block displays the total available points as a default in the input field.
Customers can enter the desired amount to redeem.
After adding the points the customers clicks on "Redeem", and Gameball will deducts points from the customer's balance and automatically generates a discount code, which is then applied to the order.
Important Notes
The block will automatically hide if:
The loyalty program is deactivated.
The redemption module is disabled.
The "dynamic redemption option" is deactivated.
The customer is excluded from the rewards program.
Your account is on an unsupported plan.
Benefits:
Streamlined Redemption Process: By offering a direct input field for point redemption at checkout, customers can seamlessly apply their rewards, eliminating unnecessary steps and enhancing the user experience.
Boosted Reward Utilization: Featuring the redemption option prominently at checkout prompts customers to use their points, fostering higher reward engagement and increasing customer satisfaction.
Frequently Asked Questions
What happens if the coupon can't be applied?
If the coupon fails due to advanced options (e.g., order value or collection-specific rules), points remain redeemed, but the discount is not applied. Customers will see a clear error message.
Can I use this extension with legacy plans?
No, this extension is only available for Shopify Plus customers on the latest plans.
What if I encounter an error during setup?
Ensure all the setup requirements are met. If issues persist, contact us at support@gameball.co.