Skip to main content
All CollectionsOnsite Components Checkout Components
Display Available Coupons at Checkout
Display Available Coupons at Checkout

Displays all the eligible rewards for the customers to automatically apply them to their order with just a few clicks.

Ganna Adnan avatar
Written by Ganna Adnan
Updated over 4 months ago

Platform

Plan

Shopify Plus

Pro & Guru

At checkout, customers can now easily apply their available rewards or discounts through a convenient dropdown menu. This streamlined process enhances the checkout experience, making it quick and simple for customers to redeem their loyalty rewards.

In this article, you will find a guide on how to display the rewards options dropdown simply with no code, enhancing engagement and incentivizing checkouts.

Setup Requirements

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 to enable the Redemption Options Dropdown at checkout. Learn More.

3. Enable Gameball Embed Block

  1. Go to the Shopify Theme Editor.

  2. From the App Embeds section, locate the Gameball Embed Block and toggle it on.

4. 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 Checkout Available Rewards Block

  1. In Gameball, click Customize under the embedded block card.
    ​Note: This button will not appear if you're not a "Shopify Plus" customer.

  2. You’ll be redirected to the Shopify theme editor on the checkout page. If this doesn’t happen, please review the prerequisites.

  3. In the left sidebar, under the "Order Summary," click Add App Block > Apps, and search for the "Checkout available rewards" block.

  4. Select the "Checkout available rewards" app block and click Save.

How It Works

  • Not Logged-In Customers: If you are not logged in, the extension will prompt you to log in to view your available rewards.

  • Logged-In Customers: When the logged-in customer reaches the checkout page, the extension will be displayed, allowing them to select from their available rewards.

  • Applying Rewards: Once the customer clicks 'Apply', Gameball will automatically apply the discount to their 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 Embedded Components tab, edit the text and customize it for supported languages.

Important Notes

  • This extension will automatically hide from your store if:

    • The Gameball program is deactivated.

    • There are no coupons available.

    • The customer is excluded from the loyalty program.

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

Benefits

  • Simplified Redemption Process: The dropdown menu makes it easy for customers to view and apply their available rewards, reducing friction and speeding up the checkout.

  • Increased Reward Utilization: By presenting all available rewards upfront, customers are more likely to redeem their points, boosting loyalty program engagement.

Frequently Asked Questions

  1. What happens if I downgrade my plan?

    The dropdown 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?