| Platform | Plan |
|---|
| Shopify | All (except for some edits mentioned below) |
| Salla | All (except for some edits mentioned below) |
| Non-platform clients | Growth, Enterprise |
Table of Contents
When your loyalty widget feels out of place on your platform, customers may perceive it as intrusive or untrustworthy. That’s why customizing the widget to align with your brand’s identity is essential for increasing engagement and trust. Here are detailed steps for how to customize your entire widget to match you brand’s theme.
Colors
To brand your Gameball customer widget to match your website or app, go to the Gameball Admin Dashboard and navigate to Widget > Branding: Colors
Theme Editing
| Platform | Plan |
|---|
| Shopify | Pro, Guru |
| Salla | Pro, Guru |
| Non-platform clients | Growth, Enterprise |
- Light: Light mode is the default mode unless set otherwise
- Dark: The main layout color will change to black
Color
This is the main color that will be applied to all tabs of the profile. You can easily choose the brand colors you use on your platform.
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. Or for more accurate branding, type down your brand’s color code, and click Save.
| Platform | Plan |
|---|
| Shopify | Pro, Guru |
| Salla | Pro, Guru |
| Non-platform clients | Growth, Enterprise |
- Montserrat
- EB Garamont
- Roboto Slab
- Sansita Swashed
- Mali
- Work Sans
- Rubik
Available for web only.
For web applications, you will have a launcher button that will be placed on your website to load/open the Gameball customer widget. You can control the colors of the button:
- Launcher Main Color
- Icon Color
- Text Color
Identity
To give your loyalty assets unique names and icons, switch to the Identity Tab.
Program Name
Give your loyalty program a name that goes well with your Platform’s identity. For example, if your platform sells flowers, then a good name for your rewards program could be “Lily Rewards.”
- Program Name Examples: Plus Rewards, Adventure Rewards, Fun Portal.. etc.
Points/Score/Earn/Redeem Name and Icon Editing
| Platform | Plan |
|---|
| Shopify | Pro, Guru |
| Salla | Pro, Guru |
| Non-platform clients | Growth, Enterprise |
Name
In case you are using score as the Tiering-up method, you can also give the score a different name, just as you can do that to the points.
- Points Name Examples: Coins, Tokens, Credit, etc.
- Score Name Examples: Freebies, Rank, Gems, etc.
- Earn Name Examples: Win, acquire, Save, etc.
- Redeem Name Examples: Spend, Exchange, etc.
Icons
Choose Icons from Gameball’s icon library for:
Choose Icons from Gameball’s icon library or upload your own Icons for:
| Platform | Plan |
|---|
| Shopify | Pro, Guru |
| Salla | Pro, Guru |
| Non-platform clients | Growth, Enterprise |
- Default Image: Leave Gameball’s default icon as it is.
- Upload Image: Upload your own image from your own library to match your theme.
- None: Leave the guest widget without an icon.
When choosing “Upload Image,” the image size and type must be: 280px*280px. JPEG or PNG.
Create Account URL
Paste the Website link where customers can create a new account.
Login URL
Paste the Website link where customers can log in.
Lastly, Click Save.
What’s next?
