# Getting started

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

<figure><img src="https://1004846827-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M0ahLW2WavtwcwNbSR9%2Fuploads%2FREHtcnk0F6aTjYPCCRbu%2FCustomerGlu%20ER%20Diagram.png?alt=media&#x26;token=259a18ee-a8f7-44e3-ac51-a2e248107f3c" alt=""><figcaption><p>Rendering a campaign on the end user app</p></figcaption></figure>

## **Definitions**

1. **CustomerGlu Dashboard:** Access the [dashboard](https://dashboard.customerglu.com) by logging in with your account credentials. This is where you can manage campaigns, view analytics, and obtain your API keys.
2. **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.
3. **CustomerGlu API Backend:** This is the core REST API engine of CustomerGlu that the SDKs interact with to create and manage user flows effectively.&#x20;
4. **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:

[![Edit Wallet (forked)](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/p/sandbox/wallet-9c7vyy)

### 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

{% embed url="<https://youtu.be/R98sqQvKxIY>" %}
Video to copy the API Key and insert it in the code sandbox to get started
{% endembed %}

### 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.

<table data-view="cards"><thead><tr><th></th><th></th><th></th><th data-hidden data-card-cover data-type="files"></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td>CustomerGlu SDK Guide</td><td></td><td></td><td><a href="https://1004846827-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M0ahLW2WavtwcwNbSR9%2Fuploads%2F5dQwjQ8ulZ8SQ3VFdjYj%2FScreenshot%202024-04-13%20at%2012.11.30%E2%80%AFAM.png?alt=media&#x26;token=084837cd-c95a-409d-8351-a3386837964a">Screenshot 2024-04-13 at 12.11.30 AM.png</a></td><td><a href="sdk">sdk</a></td></tr><tr><td>REST APIs</td><td></td><td></td><td><a href="https://1004846827-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M0ahLW2WavtwcwNbSR9%2Fuploads%2Fb9IgzBjP1yHSUCxv1deC%2FScreenshot%202024-04-13%20at%2012.10.03%E2%80%AFAM.png?alt=media&#x26;token=298965c2-ed66-4efb-b780-745f4e2a38ef">Screenshot 2024-04-13 at 12.10.03 AM.png</a></td><td><a href="integration-doc">integration-doc</a></td></tr></tbody></table>

{% hint style="info" %}
Check out the comparison between SDK and API Integration [here](https://app.gitbook.com/s/Hmq9lijHsjhUJt5r3bNi/guides/sdk-vs-api).
{% endhint %}