> ## 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 Customer's Earn Points After Checkout?

> Displaying the number of earned points on the Thank You page to keep customers engaged and informed about their loyalty rewards.

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

<Frame>
  <img src="https://mintcdn.com/gameball/aJ_BSQbSOF-R8lP1/images/product-docs/onsite-components/earn-points-after-checkout-hero.png?fit=max&auto=format&n=aJ_BSQbSOF-R8lP1&q=85&s=0707981a08482a382ffcd3e74787d024" alt="Display earn points after checkout" width="3828" height="1838" data-path="images/product-docs/onsite-components/earn-points-after-checkout-hero.png" />
</Frame>

Displaying the number of earned points on the Thank You page is an important way to keep customers engaged and informed about their loyalty rewards. In addition to showing the points, this block includes a call-to-action (CTA) labeled **"Check Ways to Redeem."** This CTA opens up all available redemption options, making it easy for customers to explore how they can use their points and encouraging them to return for future purchases.

**Benefits:**

<CardGroup cols={2}>
  <Card title="Increases Loyalty Program Awareness" icon="bell">
    By showcasing earned points and offering clear redemption options, customers are reminded of the value of the loyalty program, strengthening their connection with the brand.
  </Card>

  <Card title="Encourages Repeat Purchases" icon="repeat">
    Seeing how many points they've earned motivates customers to come back and redeem their rewards, which drives repeat purchases and enhances customer retention.
  </Card>
</CardGroup>

***

## Prerequisites

<Steps>
  <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 the &#x22;Earn Points&#x22; Module">
    In the Gameball dashboard, navigate to **Programs > Earn Points**, then activate the module.

    <Frame>
      <img src="https://mintcdn.com/gameball/0izDrUbnPHPlIUcS/images/product-docs/onsite-components/activate-earn-points.png?fit=max&auto=format&n=0izDrUbnPHPlIUcS&q=85&s=e3f9e03bfaf7b556cc65fd782e776d08" alt="Activate earn points module" width="5524" height="2334" data-path="images/product-docs/onsite-components/activate-earn-points.png" />
    </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/earn-points-after-checkout-customize.png?fit=max&auto=format&n=aJ_BSQbSOF-R8lP1&q=85&s=605c7151d5dc62e6cb7d976d857f432d" alt="Navigate to Onsite customize" width="5524" height="2498" data-path="images/product-docs/onsite-components/earn-points-after-checkout-customize.png" />
    </Frame>
  </Step>

  <Step title="Open Theme Editor">
    You'll be redirected to the Shopify theme editor on the thank you page. If this doesn't happen, please review the prerequisites.
  </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 earned points"** block.
  </Step>

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

    <Frame>
      <img src="https://mintcdn.com/gameball/aJ_BSQbSOF-R8lP1/images/product-docs/onsite-components/earn-points-after-checkout-install.gif?s=811972f9be383717015fca0991c8f22e" alt="Install checkout earned points block" width="1152" height="648" data-path="images/product-docs/onsite-components/earn-points-after-checkout-install.gif" />
    </Frame>
  </Step>
</Steps>

***

## Logged-In vs. Guest (Not-Logged-In) Customers

<Tabs>
  <Tab title="Not Logged-In Customers">
    If you are not logged in, the extension will show the earned points in addition to asking you to log in or register to be able to use your points.

    <Frame>
      <img src="https://mintcdn.com/gameball/aJ_BSQbSOF-R8lP1/images/product-docs/onsite-components/earn-points-after-checkout-guest.png?fit=max&auto=format&n=aJ_BSQbSOF-R8lP1&q=85&s=6179d84189f8781a18f1f154410137a3" alt="Guest customer earned points view" width="1070" height="816" data-path="images/product-docs/onsite-components/earn-points-after-checkout-guest.png" />
    </Frame>
  </Tab>

  <Tab title="Logged-In Customers">
    When the logged-in customer reaches the thank you page after placing an order, the extension will be displayed, showing the number of points earned from the last order, in addition to a call-to-action that opens the widget on the redemption option to let the user redeem their points.

    <Frame>
      <img src="https://mintcdn.com/gameball/aJ_BSQbSOF-R8lP1/images/product-docs/onsite-components/earn-points-after-checkout-logged-in.png?fit=max&auto=format&n=aJ_BSQbSOF-R8lP1&q=85&s=ac6c8ef6fdf685122fd1223e54563ce5" alt="Logged-in customer earned points view" width="1052" height="802" data-path="images/product-docs/onsite-components/earn-points-after-checkout-logged-in.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.
  * The loyalty points earning module is deactivated.
  * The earned points are 0 points.
  * 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="I downgraded to the Free plan. What will happen to the block?" icon="circle-question">
    The block will automatically hide once you're on a plan that doesn't support it.
  </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>
