> ## 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 Enable Opening Gameball Widget Through Inline links Using Deep-links?

> Allow your guests and customers to access any section of your widget through any interactive element on your website, or email.

If Gameball's traditional widget button does not match your theme, or you don't have a space for it, you no longer have to depend on Gameball's button to let your customers and guests access the Gameball loyalty widget. You can [hide and replace the button](/product-documentation/customer-widget/start-configuring-profile/hide-widget-button), or add new elements that allow your customers to quickly access any section of the widget from any part of your platform.

***

## Understanding Deep Links

Deep links are URLs or hyperlinks that take users directly to a specific section of the Gameball widget. This allows for a more seamless user experience by providing quick access to the desired content without navigating through the entire widget.

You can use deep links with any element that can hold a hyperlink, such as text, images, menu items, or buttons. You can also include these hyperlinks in automated emails or SMS campaigns. For example, if a customer clicks a button labeled "Check your earned points now!" in an email, they will be redirected to your website and see the widget section displaying their points.

***

## Available Gameball Deep Links

<AccordionGroup>
  <Accordion title="#gameball-home" icon="house">
    Takes customers to the home section and guests to the sign-up section.

    <Frame>
      <img src="https://mintcdn.com/gameball/15226X8FGoPfo47L/images/product-docs/customer-widget/player-profile-tabs/home-deep-link.gif?s=69fe78b102e7df561238c15f652b538e" alt="Home deep link example" width="1618" height="765" data-path="images/product-docs/customer-widget/player-profile-tabs/home-deep-link.gif" />
    </Frame>
  </Accordion>

  <Accordion title="#gameball-referral" icon="user-plus">
    Directs customers to the referral tab and guests to the home section.

    <Frame>
      <img src="https://mintcdn.com/gameball/15226X8FGoPfo47L/images/product-docs/customer-widget/player-profile-tabs/referral-deep-link.gif?s=4ce5c8fc5bf93035be2c6866f4e842f9" alt="Referral deep link example" width="1598" height="765" data-path="images/product-docs/customer-widget/player-profile-tabs/referral-deep-link.gif" />
    </Frame>
  </Accordion>

  <Accordion title="#gameball-faq" icon="circle-question">
    Opens the "FAQ" section for both customers and guests.

    <Frame>
      <img src="https://mintcdn.com/gameball/15226X8FGoPfo47L/images/product-docs/customer-widget/player-profile-tabs/faq-deep-link.gif?s=e368d12c0f3f8e6885987d1112824ef1" alt="FAQ deep link example" width="1597" height="764" data-path="images/product-docs/customer-widget/player-profile-tabs/faq-deep-link.gif" />
    </Frame>
  </Accordion>

  <Accordion title="#gameball-levels" icon="layer-group">
    Shows customers the levels progress tab and guests the levels program section.

    <Frame>
      <img src="https://mintcdn.com/gameball/15226X8FGoPfo47L/images/product-docs/customer-widget/player-profile-tabs/levels-deep-link.gif?s=18fc9eb07ab38b0183a25d606d219ed9" alt="Levels deep link example" width="1597" height="764" data-path="images/product-docs/customer-widget/player-profile-tabs/levels-deep-link.gif" />
    </Frame>
  </Accordion>

  <Accordion title="#gameball-redemption" icon="ticket">
    Leads customers to the redemption tab and guests to the "How to Redeem" section.

    <Frame>
      <img src="https://mintcdn.com/gameball/15226X8FGoPfo47L/images/product-docs/customer-widget/player-profile-tabs/redemption-deep-link.gif?s=02d951fed5be8a690ff015e3f6c02e09" alt="Redemption deep link example" width="1597" height="764" data-path="images/product-docs/customer-widget/player-profile-tabs/redemption-deep-link.gif" />
    </Frame>
  </Accordion>

  <Accordion title="#gameball-wheel" icon="circle-dot">
    Opens the "Spin the Wheel" page for customers.
  </Accordion>

  <Accordion title="#gameball-slot" icon="slot-machine">
    Opens the "Slot Machine" page for customers.
  </Accordion>

  <Accordion title="#gameball-history" icon="clock-rotate-left">
    Opens the widget directly in the Customer History section.
  </Accordion>
</AccordionGroup>

<Warning>
  When embedding any widget page to a button on the menu bar, use the deep link in this format: `#gameball-home`. Do not use the full URL format like `https://(home page)/#gameball-home`.
</Warning>

***

## Using Deep Links in Emails and SMS Campaigns

To redirect users from an email or SMS to your website and open the Gameball widget to a specific section, you need to use a query string. Combine your website link with the Gameball widget deep link.

| Destination               | Link Format             |
| ------------------------- | ----------------------- |
| Website URL               | `www.shop-name.com`     |
| Widget Home Section       | `/#gameball-home`       |
| Widget Referral Section   | `/#gameball-referral`   |
| Widget FAQ Section        | `/#gameball-faq`        |
| Widget Levels Section     | `/#gameball-levels`     |
| Widget Redemption Section | `/#gameball-redemption` |

For example, if you want your customer to press a button on the link that takes them to the homepage of your website and opens up Gameball's referral section, the link would be as follows: [www.shop-name.com/?gameball-deep=referral](http://www.shop-name.com/#gameball-referral)

***

## Triggering the Gameball Widget Using JavaScript

You can also open or toggle the Gameball widget programmatically using the JavaScript function:

```javascript theme={null}
GbSdk.toggle();
```

This function can be attached to a button's `onclick` event, like in the example below:

```html theme={null}
<button onclick="GbSdk.toggle();">Click me to Toggle Gameball</button>
```

***

## Related Articles

<CardGroup cols={2}>
  <Card title="Hide Gameball's Widget Button" icon="eye-slash" href="/product-documentation/customer-widget/start-configuring-profile/hide-widget-button">
    Learn how to hide the default launcher button and rely on deep links instead.
  </Card>

  <Card title="Customize the Widget Launcher" icon="rocket" href="/product-documentation/customer-widget/start-configuring-profile/customize-your-loyalty-launcher-to-fit-your-platforms-interface">
    Control the shape, position, icon, and visibility of your loyalty launcher button.
  </Card>
</CardGroup>
