> ## 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 Referral Link After Checkout?

> Enable your customers to easily share their referral link directly after placing an order on your store.

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

<Frame>
  <img src="https://mintcdn.com/gameball/o1WKK5n3ph536BuS/images/product-docs/onsite-components/referral-link-after-checkout-hero.png?fit=max&auto=format&n=o1WKK5n3ph536BuS&q=85&s=66c211b706e92b25863b348b438c307a" alt="Display customer referral link after checkout" width="3828" height="2464" data-path="images/product-docs/onsite-components/referral-link-after-checkout-hero.png" />
</Frame>

After a customer places an order, it's the perfect time to engage with them while their excitement is at its peak. By introducing your referral program at this moment, you can turn a positive purchase experience into an opportunity for organic growth.

Gameball now offers a referral block that appears once an order is completed, highlighting the reward customers can earn by referring friends and providing their unique referral link.

**Benefits:**

<CardGroup cols={2}>
  <Card title="Encourage Immediate Sharing" icon="share-nodes">
    Displaying the referral prompt right after an order is completed taps into the customer's post-purchase enthusiasm, increasing the likelihood of referrals.
  </Card>

  <Card title="Boost Customer Acquisition" icon="users">
    Leveraging recent buyers' excitement can lead to more personal recommendations, attracting high-quality new customers through word-of-mouth.
  </Card>
</CardGroup>

***

## Prerequisites

<Steps>
  <Step title="Updated 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 Referral Module">
    In the Gameball dashboard, navigate to **Referrals**, then activate the module.

    <Frame>
      <img src="https://mintcdn.com/gameball/0izDrUbnPHPlIUcS/images/product-docs/onsite-components/activate-referral-module.png?fit=max&auto=format&n=0izDrUbnPHPlIUcS&q=85&s=00212d059869ae953b314d4b4c372e2a" alt="Activate referral module" width="2880" height="1650" data-path="images/product-docs/onsite-components/activate-referral-module.png" />
    </Frame>
  </Step>

  <Step title="Activate Gameball Program">
    In the Gameball dashboard, ensure the top-right toggle is active. Once enabled, you will 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/o1WKK5n3ph536BuS/images/product-docs/onsite-components/referral-link-customize.png?fit=max&auto=format&n=o1WKK5n3ph536BuS&q=85&s=e3940b2ce12743c9db524f37496d3499" alt="Navigate to Onsite customize" width="5524" height="2498" data-path="images/product-docs/onsite-components/referral-link-customize.png" />
    </Frame>
  </Step>

  <Step title="Open Theme Editor">
    You'll be redirected to Shopify's theme editor. If not, double-check the prerequisites.
  </Step>

  <Step title="Add the App Block">
    In the left sidebar under **Apps**, select **"Checkout refer a friend"** and click **Save**.

    <Frame>
      <img src="https://mintcdn.com/gameball/o1WKK5n3ph536BuS/images/product-docs/onsite-components/referral-link-install.png?fit=max&auto=format&n=o1WKK5n3ph536BuS&q=85&s=8c9f6aaf47d8bfca31ccc3c6e9b8d3da" alt="Install checkout refer a friend block" width="5860" height="3064" data-path="images/product-docs/onsite-components/referral-link-install.png" />
    </Frame>
  </Step>
</Steps>

***

## 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**. In the **Onsite** tab, edit the displayed text as needed and click **Save**.

    <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>

***

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

<Tabs>
  <Tab title="Not Logged-In Customers">
    If you are not logged in, the extension will prompt you to log in or register to be able to refer your friends and earn the referral reward.

    <Frame>
      <img src="https://mintcdn.com/gameball/o1WKK5n3ph536BuS/images/product-docs/onsite-components/referral-link-guest.png?fit=max&auto=format&n=o1WKK5n3ph536BuS&q=85&s=c8416c310873f6b854beb4153777fb71" alt="Guest customer referral link view" width="1286" height="848" data-path="images/product-docs/onsite-components/referral-link-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, allowing the customer to copy their referral link and share it with their friends.

    <Frame>
      <img src="https://mintcdn.com/gameball/o1WKK5n3ph536BuS/images/product-docs/onsite-components/referral-link-logged-in.png?fit=max&auto=format&n=o1WKK5n3ph536BuS&q=85&s=6abe92ec7779559bd587e23b6d4d2205" alt="Logged-in customer referral link view" width="1316" height="912" data-path="images/product-docs/onsite-components/referral-link-logged-in.png" />
    </Frame>
  </Tab>
</Tabs>

***

## Important Notes

<Warning>
  The referral link block will automatically hide if:

  * The referral program is deactivated.
  * The customer is excluded from the program.
  * The Gameball program is deactivated.
  * Your account plan doesn't support this feature.
</Warning>

***

## Frequently Asked Questions

<AccordionGroup>
  <Accordion title="Can the Referral Link Block be displayed on other pages?" icon="circle-question">
    Currently, the referral link block can only be embedded on the checkout confirmation page.
  </Accordion>

  <Accordion title="What if I downgrade my plan?" icon="circle-question">
    The referral link block will automatically hide if your plan no longer supports this feature.
  </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>
