Skip to main content
All CollectionsGameball Player WidgetStart configuring your profile
Customize Your Loyalty Launcher to Fit Your Platform's Interface
Customize Your Loyalty Launcher to Fit Your Platform's Interface

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

Rana ElGharib avatar
Written by Rana ElGharib
Updated over 2 years ago

To customize your widget launcher/button, through Gameball Admin Dashboard, go to Player Widget Settings > Launcher: Customize

Direction:

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

  • Right

  • Left

Icon

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: 280px*280px. JPEG or PNG

Text:

Type down a small text that would appear on the widget button. It could be something simple such as: "Rewards"

Gameball launcher is highly flexible and mobile. As explained, you can decide to display the button on the left or right side of the page, you can also control its visibility and shape.

To customize your widget launcher/button, through Gameball Admin Dashboard, go to Player Widget Settings > Launcher: Shape

Under Launcher, choose between:

  • Show: Ensures the button will be visible to all your players and visitors.

  • Hide: Button will not be visible.

❗️Note: Hidding launcher does not deactivate the loyalty program.

Shape

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, the following are examples of the button options Gameball presents:

  • 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

Inline Button/link:

This will let your customers launch Gameball player widget through any button on your website. Learn more about this in How to open Gameball Player Profile widget through an inline button

You can also control the below:

  • Button Text Color

  • Button Text

How to change Launcher's main color, text color, and Icon?

You can access the style configurations in Gameball Admin Dashboard through Player Widget Settings > Branding: Colors. Scroll down to Launcher.

Launcher(Button) Colors

(For web only)

For web applications, you will have a launcher button that will be placed on your website to load/open the Gameball player widget. You can control the below colors of the button:

  • Launcher Main Color

  • Icon Color

  • Text Color

Use the color palette to choose a color that matches your platform theme either by hovering over the palette with your cursor and then clicking on the closest color to your platform's. Or for more accurate branding, type down your brand's color code, and click Save.


What's next?

Did this answer your question?