To customize your widget launcher/button, through Gameball Admin Dashboard, go to Widget > Launcher: Customize
Direction:
Start with controlling which area of the page the widget launcher button should be displayed on
Left
Right
Uploading an Image to edit Launcher Icon
Platform | Plan |
Shopify | Pro, Guru |
Salla | Pro, Guru |
Non-platform clients | Growth, Enterprise |
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: 60px*60px. 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 Widget > 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.
Under Launcher Effect, choose between:
Enabled : Enables a wiggly-like effect to the widget to help customers notice it.
Disabled : Disregards the animation.
❗️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
Deep Linking :
This will let your customers launch Gameball customer widget through any button on your website. Learn more about this in Enable Opening Gameball Widget Through Inline links Using Deep-links.