> ## 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 Customize My Loyalty Launcher to Fit My Platform's Interface?

> Learn how to control and change your widget button so that it matches your brands's theme and feel.

To customize your widget launcher/button, go to **Widget > Launcher: Customize** in the **Gameball Admin Dashboard**.

<Frame>
  <img src="https://mintcdn.com/gameball/qQadqvPdUG22Jh8m/images/product-docs/customer-widget/launcher-customize-section.png?fit=max&auto=format&n=qQadqvPdUG22Jh8m&q=85&s=5602b877d0d159d80174050d6b2ef877" alt="Launcher customize section" width="2698" height="1442" data-path="images/product-docs/customer-widget/launcher-customize-section.png" />
</Frame>

***

## Direction

Start by controlling which area of the page the widget launcher button should be displayed on:

* **Left**
* **Right**

<Frame>
  <img src="https://mintcdn.com/gameball/qQadqvPdUG22Jh8m/images/product-docs/customer-widget/launcher-direction-options.jpg?fit=max&auto=format&n=qQadqvPdUG22Jh8m&q=85&s=f6ea037857f30fbeb99ece029ecfeb3a" alt="Launcher direction options left and right" width="1528" height="354" data-path="images/product-docs/customer-widget/launcher-direction-options.jpg" />
</Frame>

***

## Launcher Customization Options

<AccordionGroup>
  <Accordion title="Icon" icon="image">
    **Uploading an Image to Edit the Launcher Icon is available on:**

    | Platform             | Plan               |
    | -------------------- | ------------------ |
    | Shopify              | Pro, Guru          |
    | Salla                | Pro, Guru          |
    | Non-platform clients | Growth, Enterprise |

    <Frame>
      <img src="https://mintcdn.com/gameball/qQadqvPdUG22Jh8m/images/product-docs/customer-widget/launcher-icon-settings.png?fit=max&auto=format&n=qQadqvPdUG22Jh8m&q=85&s=7bf6f141b25f9c51f9f5bce50a1f936c" alt="Launcher icon settings" width="1232" height="344" data-path="images/product-docs/customer-widget/launcher-icon-settings.png" />
    </Frame>

    Choose between the following:

    * **From Library:** Choose from Gameball's icons library.
    * **Upload Image:** Upload your own image from your own library to match your theme.

    <Note>
      When choosing **"Upload Image,"** the image size and type must be: 60px x 60px. JPEG or PNG.
    </Note>
  </Accordion>

  <Accordion title="Text" icon="font">
    Type down a small text that would appear on the widget button. It could be something simple such as: "Rewards"

    <Frame>
      <img src="https://mintcdn.com/gameball/15226X8FGoPfo47L/images/product-docs/customer-widget/launcher-text-field.png?fit=max&auto=format&n=15226X8FGoPfo47L&q=85&s=98fda7b76e1365f34aaeb7a5ad1b5009" alt="Launcher text customization field" width="1248" height="312" data-path="images/product-docs/customer-widget/launcher-text-field.png" />
    </Frame>
  </Accordion>

  <Accordion title="Visibility & Effect" icon="eye">
    To customize launcher visibility and animation, go to **Widget > Launcher: Shape** in the **Gameball Admin Dashboard**.

    <Frame>
      <img src="https://mintcdn.com/gameball/15226X8FGoPfo47L/images/product-docs/customer-widget/launcher-shape-section.png?fit=max&auto=format&n=15226X8FGoPfo47L&q=85&s=89a2aacd67cfa72fa4574ecb9893f6cb" alt="Launcher shape section" width="2726" height="1424" data-path="images/product-docs/customer-widget/launcher-shape-section.png" />
    </Frame>

    Under **Launcher**, choose between:

    * **Show:** Ensures the button will be visible to all your players and visitors.
    * **Hide:** Button will not be visible.

    Under **Launcher Effect**, choose between:

    * **Enabled:** Enables a wiggly-like effect to the widget to help customers notice it.
    * **Disabled:** Disregards the animation.

    <Note>
      Hiding the launcher does not deactivate the loyalty program.
    </Note>
  </Accordion>

  <Accordion title="Shape" icon="shapes">
    You can control the shape of the profile launcher button. Gameball offers multiple shapes to let you choose from based on your preference or what will be a better match with your website design:

    * **Corner Curve**
    * **Circle**
    * **Center Tab**
    * **Oval With Text:** In this case, you will need to add the text and its color.
    * **Center Tab With Text:** In this case, you will need to add the text and its color.

    <Frame>
      <img src="https://mintcdn.com/gameball/15226X8FGoPfo47L/images/product-docs/customer-widget/launcher-shape-options.png?fit=max&auto=format&n=15226X8FGoPfo47L&q=85&s=890d49485909d307eafebac3d125d7da" alt="Launcher shape options" width="1288" height="386" data-path="images/product-docs/customer-widget/launcher-shape-options.png" />
    </Frame>
  </Accordion>

  <Accordion title="Deep Linking" icon="link">
    This will let your customers launch the Gameball customer widget through any button on your website. Learn more about this in [Enable Opening Gameball Widget Through Inline Links Using Deep-links](/product-documentation/customer-widget/player-profile-tabs/enable-opening-gameball-widget-through-inline-links-using-deeplinks).
  </Accordion>
</AccordionGroup>

***

## What's Next?

<CardGroup cols={2}>
  <Card title="Customize Tabs Visibility and Order" icon="eye" href="/product-documentation/customer-widget/start-configuring-profile/customizing-tabs-visibility-and-order-in-gameball-widget-settings">
    Control which tabs appear in your widget and in what order they are displayed.
  </Card>

  <Card title="Guest Profile Configuration for Web" icon="user" href="/product-documentation/customer-widget/start-configuring-profile/guest-widget-configuration-for-web">
    Configure the guest experience, including images, sign-up URLs, and login redirects.
  </Card>

  <Card title="Configure Widget Language" icon="language" href="/product-documentation/customer-widget/start-configuring-profile/configure-customer-widget-language-on-your-platform">
    Set a default language and add additional languages to serve a multilingual audience.
  </Card>
</CardGroup>
