# Hello! (/docs)
import Image from "next/image";
Flowtag is a modern analytics tool that helps you track and analyze traffic, see which campaigns are performing best, and gain insights into your audience.
Here you'll find all things you need to get started with Flowtag, from installation guides to advanced usage tips.
Beep, boop! Are you a robot? If so, please check our documentation for LLMs [here](/llms-full.txt).
# Creating an Account (/docs/getting-started/creating-account)
# Creating Your Flowtag Account
Head to [https://flowtag.qwerty.ovh/signup](https://flowtag.qwerty.ovh/signup) to create your account and organization.
### What is Organization?
It represents company, project, team or private person.
Subscription plans and trackers and users are associated with an organization.
You can create multiple organizations under a single account.
# Setting Up Your First Tracker (/docs/getting-started/first-tracker)
import { Plus, Unplug } from "lucide-react";
# Create Tracker
In your organization click " New Tracker" button to create your first tracker.
# Connect Website
Then you have to add a javascript tag to your website. Click " Connect Website" button.
### Choose Platform to Integrate
* [HTML](/docs/getting-started/html)
* [WordPress](/docs/getting-started/wordpress)
* [Shopify](/docs/getting-started/shopify)
* [Next.js](/docs/getting-started/next)
* [React](/docs/getting-started/react)
{/* - [Nuxt.js](/docs/getting-started/nuxt) */}
{/* - [Vue.js](/docs/getting-started/vue) */}
### Checking Installation
To verify that the tracker is correctly installed click "Check your website" button.
# And you're done!
Now your tracker is set up and ready to collect data. You can customize your tracking settings further based on your needs.
# HTML Integration (/docs/getting-started/html)
In `` section of your website you should add something like this:
```html
```
# Getting Started (/docs/getting-started)
# What will you learn?
* How to install Flowtag on your website
* How to set up your first tracking campaign
* How to analyze your website traffic data
# Next.js Integration (/docs/getting-started/nextjs)
import { CodeBlock } from "fumadocs-ui/components/codeblock";
# 1. Install `@flowtag/next`
```bash
pnpm add @flowtag/next
```
```bash
npm install @flowtag/next
```
```bash
yarn add @flowtag/next
```
```bash
bun add @flowtag/next
```
# 2. Add `` to `layout.tsx`
```tsx
import { Flowtag } from "@flowtag/next";
export default function RootLayout({
children,
}: {
children: React.ReactNode;
}) {
return (
{children}
);
}
```
# Shopify Integration (/docs/getting-started/shopify)
# 1. Access Shopify Admin
Log in to your Shopify admin panel.
# 2. Navigate to Online Store
In the left sidebar, click on "Online Store" and then select "Themes".
# 3. Edit Code
Find the theme you are currently using and click on "Actions" > "Edit Code".
# 4. Locate theme.liquid
In the "layout" folder, find and click on "theme.liquid" to open it.
# 5. Insert Flowtag Script
Just before the closing `` tag, insert the Flowtag script:
# WordPress Integration (/docs/getting-started/wordpress)
# 1. Install "Insert HTML Snippet" Plugin
In your wordpress dashboard (`/wp-admin`), navigate to "Plugins" and search for "Insert HTML Snippet".
[Plugin Link](https://wordpress.org/plugins/insert-html-snippet/)
# 2. Add New Snippet
Go to "HTML Snippets" in the sidebar and click "Add New HTML Snippet".
# 3. Insert Flowtag Script
In the snippet editor fill the fields as follows:
* **Placement methods**: Automatic
* **Insertion Location**: Admin & Front end Run on footer
* **Tracking name**: Flowtag (or any name you prefer)
* **HTML Snippet** (get your script from your dashboard):
```html
```