Getting Started with LooperChat

This guide walks you through setting up LooperChat on your website, from creating an account to embedding the chat widget.

Prerequisites

Before you begin, make sure you have:

• A website where you can add JavaScript code
• Access to edit your website's HTML or use a tag manager

Step 1: Create Your Account

1. Visit looperchat.com and click Sign Up
2. Enter your email address and create a password
3. Verify your email address by clicking the link in the confirmation email
4. Complete your organization profile

Step 2: Create a Project

After signing in, you'll need to create a project for your website:

1. Click New Project from the dashboard
2. Enter your project name (e.g., "My Website Chat")
3. Add your website URL
4. Configure basic settings like timezone and language

Step 3: Add the Chat Widget to Your Website

LooperChat provides a simple JavaScript snippet to embed on your website.

Get Your Embed Code

1. Navigate to Settings > Widget in your project
2. Copy the embed code provided

Add to Your Website

Paste the embed code just before the closing </body> tag of your website:

<script id="looperchat-tag" src="https://tag.looperchat.com/chat/tag.js" data-license="YOUR_PROJECT_ID" defer async></script>

Replace YOUR_PROJECT_ID with the actual project ID shown in your dashboard.

Step 4: Customize Your Widget

Make the chat widget match your brand:

1. Go to Settings > Widget Appearance
2. Choose your primary color
3. Upload your logo or avatar
4. Set the welcome message
5. Configure position (bottom-right or bottom-left)

Step 5: Set Up Your AI Agent

Train your AI agent to answer common questions:

Add FAQs

1. Navigate to Datasources > FAQs
2. Click Add FAQ
3. Enter questions and answers your visitors commonly ask

Crawl Your Website

1. Go to Datasources > URLs
2. Enter your website URL
3. Click Crawl to import content from your site
4. The AI will use this content to answer visitor questions

Step 6: Invite Your Team

Add team members to help manage conversations:

1. Go to Organization Settings > Team
2. Click Invite Member
3. Enter their email address
4. Assign a role (Admin, Agent, or Viewer)

Verify Your Setup

After completing the setup:

1. Visit your website in a new browser window
2. You should see the chat widget in the corner
3. Click it to open and send a test message
4. Check your LooperChat dashboard to see the conversation

Next Steps

Now that you have LooperChat running:

• Customize responses: Fine-tune your AI agent's personality and tone
• Set up notifications: Configure email or mobile alerts for new chats
• Review analytics: Monitor chat volume and visitor engagement
• Explore integrations: Connect with your existing tools via Connectors

For more detailed information, see the Overview documentation.