Gameball Developers Guide
v3.0
v4.0v3.0
v3.0
v4.0v3.0
  • Introduction
  • What's New in V3.0
  • Installing Gameball
    • Web
      • Show Gameball Customer Widget
      • Track Customer Events
      • Track Orders & Cashback Reward
      • Integrate Redemption
      • Track Referrals
      • Go-Live Checklist
    • iOS
      • Getting Started
      • Initialize Gameball Customer Profile
      • Track Customer Events
      • Track Orders & Cashback Reward
      • Integrate Redemption
      • Track Referrals
      • Push Notifications
      • Go-Live Checklist
    • Android
      • Getting Started
      • Initialize Gameball SDK
      • Initialize Gameball Customer Profile
      • Track Customer Events
      • Track Referrals
      • Push Notifications
      • Go-Live Checklist
    • React Native
      • Getting Started
      • Initialize Gameball Customer Profile
      • Track Customer Events
      • Track Orders & Cashback Reward
      • Integrate Redemption
      • Track Referrals
      • Push Notifications
      • Go-Live Checklist
      • Migration from v1 to v2
    • Flutter
      • Getting Started
      • Initialize Gameball SDK
      • Initialize Gameball Customer Profile
      • Track Customer Events
      • Track Referrals
      • Go-Live Checklist
    • Generic Mobile App
      • Initialize Gameball Customer Profile
      • Track Customer Events
      • Track Orders & Cashback Reward
      • Integrate Redemption
      • Track Referrals
      • Push Notifications
    • Retail & Modern POS
      • Initialize Gameball Customer Profile
      • Track Orders & Cashback Reward
      • Track Refunds
      • Enable Redemption
        • Prepare POS for Redemption
        • Using Virtual ID
          • Using Virtual Card
  • REST API
    • Overview
      • Server-Side SDKs
    • Authentication
    • API Reference
      • Customer
      • Event
      • Transactions
      • Order
      • Coupons
      • Leaderboard 👑
      • Notifications 👑
      • Configurations 👑
      • Batches 👑
        • Batch Operations Data
      • OTP
      • Partner 🤝
        • Client 🤝
        • Redemption Rule 🤝
        • Cashback Rule 🤝
    • Webhooks
      • Notifications Webhook
      • Customer Profile Webhook
    • Errors
    • Object Reference
  • Tutorials
    • Build Custom UI Elements 👑
      • Display Reward Campaign Progress
      • Show VIP Tiers
      • Show Customer Points Balance
      • Build Leaderboards
      • Show Notifications Inbox
      • Adapt UI to Configurations
      • Advanced UI Techniques
        • Increase Sales with Cashback UI Elements
        • Derive Engagement with Rewards Campaigns UI Elements
    • Tracking Customer Events
    • Build your Own Notification System
    • Checkout Integration Example
    • Redemption Integration Options
      • Redeem with coupon system
        • Integrate your coupon system
          • Example using e-commerce platform(WooCommerce)
          • Example using a custom coupon system
        • Build couponing experience
          • Using Gameball widget
          • Build custom experience
            • Showing customers available points
            • Allowing customers to create coupons
            • Apply the discount code to your cart
        • Coupon integration reference
      • Redeem with direct debt
        • Get customers points balance
        • Redeem customer points
  • Third Party Integrations
    • Segment Integration
Powered by GitBook
On this page
  • Basic UI Elements
  • Advanced UI Techniques
  1. Tutorials

Build Custom UI Elements 👑

This guide helps you to customize your UI in order to make a better experience for your system.

PreviousObject ReferenceNextDisplay Reward Campaign Progress

Last updated 1 year ago

Many modern businesses & brands prefer to build their own UIs for their apps or web pages. This helps them maintain their branding, look-and-feel, and most importantly control their user experience.

Gameball offers an extensive set of personalization to its widget, but for brands & businesses that are looking for their own customization, we offer a set of APIs that can be used for this purpose. These APIs can be used for creating UIs for apps and web pages that respond to customers’ data changes, and all the great declaratives that Gameball offers.

You can make use of these APIs to create native mobile apps and custom web apps with your own branding and look-and-feel.

In this tutorial we will be exploring different APIs that can be used to support building your own custom UIs; customizing your own customers' Gameball experience.

Basic UI Elements

Advanced UI Techniques

Adapt UI to Configurations

Learn how you can control your UI elements visibility according to your program configurations

Show Customer Reward Campaign Progress

Learn how you can build UI elements that shows the customer's rewards campaign progress

Show VIP Tiers

Learn how you can build views showing your VIP tiers and tiring

Show Customer's Points Balance

Learn how you can build UI elements that shows the customer's points balance

Build Leaderboards

Learn how you can build leaderboards

Show Notifications Inbox

Learn how you can build notification inbox and mark notification read

Derive Engagement with Reward Campaign UI Elements

Learn how you can use some tricks to encourage your users to engage more to achieve more

Increase Sales with Cashback UI Elements

Learn how you can increase your sales by building cashback UI elements