Skip to main content

Display Points Redemption Input Fields at Checkout

Empower your customers to redeem points directly at checkout, offering them control over how they apply their rewards.

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.

Offering customers the ability to redeem loyalty points at checkout is a powerful way to enhance their shopping experience and strengthen their connection with your brand. With Gameball’s new feature, users can now view their points balance directly during checkout and easily redeem them for discounts by entering the number of points they want to use.

Benefits:

  • Simplify Redemption: Providing a direct input field for point redemption at checkout makes it easier for users to apply their rewards, reducing friction.

  • Increase Reward Utilization: Displaying the redeem option at checkout encourages customers to use their points, leading to higher reward usage and satisfaction.



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 " Flexible Redemption Option"

  • Ensure that at "Flexible Redemption Option" is activated and configured with the right values.

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 section > Apps, and search for "Checkout redeem input field"

  4. Select the app block and 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 customer clicks on "Redeem", and Gameball will deduct points from the customer's balance and automatically generate a discount code, which is then applied to the order.

  • Error Handling: If the coupon is not applicable due to conditions like minimum order value, restrictions on combining with other discounts, or other advanced conditions, an error message will appear explaining why the coupon cannot be applied to the cart.


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 program is deactivated.

  • The "flexible redemption option" is deactivated.

  • The customer is excluded from the rewards program.

  • Your account is on an unsupported plan.


Frequently Asked Questions

  1. I clicked on Customize but saw a "There is a problem loading the page" message. What is the issue?

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

  2. I downgraded to the Free plan. What will happen to the block?

    • The block will automatically hide once you're on a plan that doesn't support it.

  3. What happens if the customer redeems points but doesn’t use the coupon?

    • If the customer redeems points but does not use the generated coupon immediately, they can access the coupon later through the widget. The coupon will remain available for future use, but it cannot be reverted to points.


Related Articles

Did this answer your question?