> ## Documentation Index
> Fetch the complete documentation index at: https://docs.gameball.co/llms.txt
> Use this file to discover all available pages before exploring further.

# How Do I 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.

| **Platform** | **Plan**   |
| ------------ | ---------- |
| Shopify      | Pro & Guru |

<Note>
  Checkout app blocks are available for **Shopify Plus** customers only.
</Note>

<Frame>
  <img src="https://mintcdn.com/gameball/aJ_BSQbSOF-R8lP1/images/product-docs/onsite-components/checkout-available-coupons-hero.png?fit=max&auto=format&n=aJ_BSQbSOF-R8lP1&q=85&s=75cab4a7e3af4d0fe7f19a4c29e85268" alt="Display available coupons at checkout" width="3828" height="2464" data-path="images/product-docs/onsite-components/checkout-available-coupons-hero.png" />
</Frame>

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.

**Benefits:**

<CardGroup cols={2}>
  <Card title="Simplified Redemption Process" icon="hand-pointer">
    The dropdown menu makes it easy for customers to view and apply their available rewards, reducing friction and speeding up the checkout.
  </Card>

  <Card title="Increased Reward Utilization" icon="chart-line">
    By presenting all available rewards upfront, customers are more likely to redeem their points, boosting loyalty program engagement.
  </Card>
</CardGroup>

***

## Prerequisites

<Steps>
  <Step title="Shopify Plus">
    This feature is exclusively available to merchants on the **Shopify Plus** plan.
  </Step>

  <Step title="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](https://help.shopify.com/en/manual/online-store/themes/theme-structure/extend/apps).
  </Step>

  <Step title="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.

    <Frame>
      <img src="https://mintcdn.com/gameball/aJ_BSQbSOF-R8lP1/images/product-docs/onsite-components/enable-gameball-embed-block.gif?s=7946f4df027c0b43173af2917a38dcc4" alt="Enable Gameball embed block" width="1152" height="648" data-path="images/product-docs/onsite-components/enable-gameball-embed-block.gif" />
    </Frame>
  </Step>

  <Step title="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.

    <Frame>
      <img src="https://mintcdn.com/gameball/0izDrUbnPHPlIUcS/images/product-docs/onsite-components/activate-gameball-program.png?fit=max&auto=format&n=0izDrUbnPHPlIUcS&q=85&s=fb418260057f8bc60cf29d45d2f040e4" alt="Activate Gameball program" width="5860" height="3494" data-path="images/product-docs/onsite-components/activate-gameball-program.png" />
    </Frame>
  </Step>
</Steps>

***

## How to Install the Block

<Steps>
  <Step title="Navigate to Onsite">
    In Gameball, navigate to **Onsite**, click **Customize**.

    <Frame>
      <img src="https://mintcdn.com/gameball/aJ_BSQbSOF-R8lP1/images/product-docs/onsite-components/checkout-coupons-customize.png?fit=max&auto=format&n=aJ_BSQbSOF-R8lP1&q=85&s=d51216fea6c48e6b4799a9603902e493" alt="Navigate to Onsite customize" width="5524" height="2700" data-path="images/product-docs/onsite-components/checkout-coupons-customize.png" />
    </Frame>
  </Step>

  <Step title="Open Theme Editor">
    You'll be redirected to Shopify's Theme Editor.
  </Step>

  <Step title="Add the App Block">
    In the left sidebar, under the "Order Summary," click **Add App Block > Apps**, and search for the **"Checkout available rewards"** block.
  </Step>

  <Step title="Save">
    Select the **"Checkout available rewards"** app block and click **Save**.

    <Frame>
      <img src="https://mintcdn.com/gameball/aJ_BSQbSOF-R8lP1/images/product-docs/onsite-components/checkout-coupons-install.gif?s=89f89292384a5d4401aba5965b1f7e85" alt="Install checkout available rewards block" width="1152" height="648" data-path="images/product-docs/onsite-components/checkout-coupons-install.gif" />
    </Frame>
  </Step>
</Steps>

***

## How It Works

<Tabs>
  <Tab title="Not Logged-In Customers">
    If you are not logged in, the extension will prompt you to log in to view your available rewards.

    <Frame>
      <img src="https://mintcdn.com/gameball/aJ_BSQbSOF-R8lP1/images/product-docs/onsite-components/checkout-coupons-guest.png?fit=max&auto=format&n=aJ_BSQbSOF-R8lP1&q=85&s=39f3863f0f743d4f241470866fb2c81b" alt="Guest customer coupons view" width="1020" height="600" data-path="images/product-docs/onsite-components/checkout-coupons-guest.png" />
    </Frame>
  </Tab>

  <Tab title="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.

    <Frame>
      <img src="https://mintcdn.com/gameball/aJ_BSQbSOF-R8lP1/images/product-docs/onsite-components/checkout-coupons-logged-in.png?fit=max&auto=format&n=aJ_BSQbSOF-R8lP1&q=85&s=83f1e6edcf79c4f287c1fe70979370d9" alt="Logged-in customer coupons view" width="1054" height="1046" data-path="images/product-docs/onsite-components/checkout-coupons-logged-in.png" />
    </Frame>

    Once the customer clicks **'Apply'**, Gameball will automatically apply the discount to their order.

    <Frame>
      <img src="https://mintcdn.com/gameball/aJ_BSQbSOF-R8lP1/images/product-docs/onsite-components/checkout-coupons-applied.png?fit=max&auto=format&n=aJ_BSQbSOF-R8lP1&q=85&s=4ad3a1f2aa53805551f381e41615c9a7" alt="Reward applied at checkout" width="1036" height="870" data-path="images/product-docs/onsite-components/checkout-coupons-applied.png" />
    </Frame>

    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.

    <Frame>
      <img src="https://mintcdn.com/gameball/aJ_BSQbSOF-R8lP1/images/product-docs/onsite-components/checkout-coupons-error.png?fit=max&auto=format&n=aJ_BSQbSOF-R8lP1&q=85&s=eb089fcb03472ca41c4da9cff2b81f34" alt="Coupon error message" width="1040" height="1042" data-path="images/product-docs/onsite-components/checkout-coupons-error.png" />
    </Frame>
  </Tab>
</Tabs>

***

## Customization

<AccordionGroup>
  <Accordion title="Style Customization" icon="palette">
    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.
  </Accordion>

  <Accordion title="Content & Translation" icon="language">
    In the Gameball Dashboard, go to **Widget > Content**. Under the **Onsite** tab, edit the text and customize it for supported languages.

    <Frame>
      <img src="https://mintcdn.com/gameball/aJ_BSQbSOF-R8lP1/images/product-docs/onsite-components/onsite-content-translation.png?fit=max&auto=format&n=aJ_BSQbSOF-R8lP1&q=85&s=465d9dc80a716be565f91505296e5f34" alt="Content and translation settings" width="5860" height="3218" data-path="images/product-docs/onsite-components/onsite-content-translation.png" />
    </Frame>
  </Accordion>
</AccordionGroup>

***

## Important Notes

<Warning>
  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.
</Warning>

***

## Frequently Asked Questions

<AccordionGroup>
  <Accordion title="What happens if I downgrade my plan?" icon="circle-question">
    The dropdown will automatically hide if your plan no longer supports the feature.
  </Accordion>

  <Accordion title="What should I do if I clicked on Customize but saw a &#x22;There is a problem loading the page&#x22; message?" icon="circle-question">
    Please review the prerequisites and ensure all conditions are met. If you still encounter an issue, contact us at [support@gameball.co](mailto:support@gameball.co).
  </Accordion>
</AccordionGroup>

***

## Related Articles

<CardGroup cols={2}>
  <Card title="Embed Points in Customer Profile" icon="user" href="/product-documentation/onsite-components/general-components/embed-points-in-customer-profile">
    Display customers' points balances in their profiles.
  </Card>

  <Card title="Display Potential Points on Product Pages" icon="tag" href="/product-documentation/onsite-components/general-components/display-potential-points-on-product-pages">
    Show potential points directly on product pages.
  </Card>
</CardGroup>
