Documentation/Installation Guide

Installation Guide

Set up Navlens in your project in just a few minutes

Estimated Time
5-10 minutes
Difficulty
Beginner
1

Step 1: Create Your Account

Start by creating a free Navlens account at navlens.io

Sign up for a free account by visiting our website. After confirming your email, you will be taken to your dashboard.

2

Step 2: Install the Package

Install Navlens using npm or yarn in your project

Choose your package manager and run the installation command.

CODE EXAMPLE

npm install @navlens/core
# or
yarn add @navlens/core
# or
pnpm add @navlens/core
3

Step 3: Initialize Navlens

Add the initialization code to your main application file

Initialize Navlens early in your application lifecycle for web applications.

CODE EXAMPLE

<script>
  window.navlensConfig = {
    apiKey: 'YOUR_API_KEY',
    trackingId: 'YOUR_SITE_ID'
  };
</script>
<script src="https://cdn.navlens.io/tracker.js"><\/script>

Related Guides

First Heatmap Setup

Create and configure your first heatmap visualization

Dashboard Overview

Navigate and utilize the Navlens dashboard features

Next Guide
First Heatmap Setup

Ready to Get Started?

Complete this guide and explore more resources to master Navlens

Go to Dashboard