Dashboard

Connect Project Instance

Welcome to our documentation, here are 3 easy steps to get your project instance up.

Introduction

This section shows how to set up your project instance in your dashboard and on your website. Below you can find a code snippet that you can copy:

Flowgrid documentation how to set up project instance

Install the OSS Client into your html

Create your project and click the big Orange Button in the right corner, follow the steps below:

  1. Think of a easy project name
  2. Then you should have already created a website and select the associate domain, this will help your instance storing data respectfully to it URLS
  3. Click create project and boom!

Flowgrid does the following for you:

  1. Creates a project (unified instance).
  2. Opens more advanced level of tracking (conversion events, form events, custom events etc.)

Note:

You need the initial script mentioned in the introduction in order to use the OSS client, this allows for more accurate tracking.

1<!-- Wordpress, Webflow, Shopify and Framer example --> 2 3<script 4 src="https://www.flow-grid.xyz/scripts/flowgrid_oss_client_sdk.js" 5 project-id="YOUR_PROJECT_INSTANCE" 6 defer 7> 8</script> 9

Note:

Copy & Paste YOUR_PROJECT_INSTANCE with your actual project ID.

Tracking is disabled on localhost. CORS policies ensure only whitelisted sites send data, so local requests will fail and no data is sent to your dashboard during development.

Setup Events In Project Dashboard

After adding the script do the following to verify that the installation was successful:

  1. Navigate into your new project.
  2. In the top right corner of your project dashboard you can create Conversion Events and Create Events now 🎉
  3. Follow either of the examples below

Click Events

Form Events

Conversion Events