CustomerGlu Developer Documentation
  • 🔧Getting started
  • 🔧Quickstart Guide for React Web Apps
  • 📱Quickstart Guide for React Native Apps
  • 📱Quickstart Guide for Flutter Apps
  • Integrating with SDKs
    • Web SDK
    • Mobile SDKs
      • How to Test Integration?
    • Cordova SDK
    • Shopify
  • Integrating with APIs
    • Register User/Device
    • Load Campaigns
    • Binding Webview to Native App Functions
    • 🔍Using __GLU_NUDGE_CLICK for Widget Visibility
    • 🎯API-based Segmentation Quickstart Guide
  • 🔌Third-Party Integrations
    • Source
      • Sending Events directly from Server
      • Segment
      • Moengage
      • Amplitude
      • Clevertap
      • Webengage
    • Destination
      • Analytics Webhook
      • Customer.io
      • Talon.One
      • Segment
      • MoEngage
      • Amplitude
      • Clevertap
      • WebEngage
      • Google Sheets
    • Cohort
      • Mixpanel
  • Miscellaneous Topics
    • Direct Campaign/Wallet URLs
    • Configuring Webhooks
      • Rewards Webhook
      • Nudge Webhook
    • Notifications
      • FCM
      • APNs
      • CustomerGlu Notification
      • Testing Nudges
    • Referral Campaigns
      • Firebase
      • Branch
    • Handling Non Logged-in Users
    • Testing Campaigns with User Logs
    • Using the Editor
      • How to edit Buttons in Campaigns
    • How to Create and Manage Segments in CustomerGlu
  • SCHEMA REPOSITORY
    • Webhook Schema
      • Reward Webhook Schema
      • Nudge Webhook Schema
      • Raw Event Webhook Schema
    • Webview Callback Schema
      • Analytics Event Schema
    • Analytics schema V4
      • Page Events
      • Track Events (UI)
      • Track Events (SDK)
      • State-Change Events
      • System Events
    • 🗝️FAQ
      • API Key
      • How to find and add Screen Names for Entrypoints
  • Demo Apps
    • Demo Apps
Powered by GitBook
On this page
  • Definitions
  • Quickstart Guide
  • Step 1: Clone the CodeSandbox Template
  • Step 2: Configure Your API Key
  • Step 3: Run Campaigns
  • Step 4: Next Steps

Was this helpful?

Getting started

Using a no-code platform, CustomerGlu enables product and marketing teams to create rich in-app gamified journeys.

NextQuickstart Guide for React Web Apps

Last updated 1 year ago

Was this helpful?

To learn about CustomerGlu, the best way is to understand it via a sequence diagram 👇

Definitions

  1. CustomerGlu SDK: CustomerGlu provides a variety of SDKs suitable for integration with multiple platforms including Web, Native iOS, Android, React Native, and Flutter. For platforms not directly supported by an SDK, CustomerGlu's REST APIs can be utilized.

  2. CustomerGlu API Backend: This is the core REST API engine of CustomerGlu that the SDKs interact with to create and manage user flows effectively.

  3. Customer's Entities:

    1. App: Your web or mobile application where CustomerGlu experiences are to be integrated and displayed.

    2. Systems: Your backend systems that listen for rewards, analytics, and other related events.

Quickstart Guide

This Quickstart Guide will walk you through integrating CustomerGlu's Web SDK in a sandbox environment and launching a few campaigns.

Step 1: Clone the CodeSandbox Template

Start by cloning our pre-configured CodeSandbox template:

Step 2: Configure Your API Key

To interact with CustomerGlu's platform, you will need to update the template with your API Key.

Find your API Key and update it in the CodeSandbox

You can find your API key within the CustomerGlu Dashboard, as shown below

Step 3: Run Campaigns

With the API Key configured, you can start running campaigns directly from the sandbox:

  1. Launch the Application:

    • Use the built-in web browser in CodeSandbox to view your application and start interacting with the integrated CustomerGlu SDK.

  2. Monitor Campaign Performance:

    • Return to the CustomerGlu Dashboard to see real-time analytics and the performance of your campaigns.

Step 4: Next Steps

After testing in the sandbox environment, consider the following steps to deepen your integration:

  • Customize the SDK: Explore various SDK methods and events to customize user experiences further.

  • Advanced Configurations: Integrate more complex workflows and handle various user states and transitions.

CustomerGlu Dashboard: Access the by logging in with your account credentials. This is where you can manage campaigns, view analytics, and obtain your API keys.

Check out the comparison between SDK and API Integration .

🔧
dashboard
Video to copy the API Key and insert it in the code sandbox to get started
Rendering a campaign on the end user app
Cover

CustomerGlu SDK Guide

Cover

REST APIs

here