Getting Started
This guide will walk you through creating your ChatReact account and setting up your first AI chatbot.
1. Create Your Account
Sign Up Options
ChatReact uses passwordless authentication via Magic Links:
- Enter your email address
- Receive a secure login link via email
- Click the link to sign in - no password needed!
Registration Steps
- Visit chatreact.ai and click "Get Started Free"
- Enter your email address
- Check your inbox and click the magic link to sign in
Free accounts include 100 chats per month and 1 chatbot. No credit card required.
2. Complete Onboarding
After signing up, you'll be guided through the onboarding process:
Step 1: Your Profile
- Enter your name (this will be displayed in your account)
Step 2: Create or Join a Company
- New users: Create a new company
- Enter your company name
- Optionally add your website URL (enables automatic content crawling)
- Existing team: Join an existing company via invitation link
If you add your website URL, ChatReact can automatically crawl and learn from your website content!
3. Create Your First Chatbot
After onboarding, you'll be directed to create your first chatbot using the Chatbot Wizard.
The wizard guides you through 8 simple steps:
| Step | Description |
|---|---|
| 1. Basics | Name and description |
| 2. Persona | Personality and background |
| 3. Tonality | Communication style (formal, humorous, etc.) |
| 4. Languages | Primary and supported languages |
| 5. Design | Widget colors and appearance |
| 6. Behavior | Welcome messages and automation |
| 7. Restrictions | Compliance rules and limitations |
| 8. Summary | Review and create |
Only Step 1 (Basics) and Step 8 (Summary) are required. All other steps can be configured later.
4. Add Knowledge
After creating your chatbot, add knowledge to make it smarter:
Option 1: Crawl Your Website
- Go to Knowledge Base in the sidebar
- Enter your website URL
- Click Start Crawl
- ChatReact will automatically extract and learn from your content
Option 2: Add FAQs Manually
- Go to FAQs in the sidebar
- Click Add FAQ
- Enter question and answer pairs
- Your chatbot will use these for accurate responses
Option 3: Core Instructions
- Go to your chatbot's settings
- Add Core Instructions - specific rules your chatbot should follow
- Examples: "Always recommend our premium plan first" or "Never discuss competitor products"
5. Embed on Your Website
Once configured, add ChatReact to your website:
<script
src="https://www.chatreact.ai/embed/widget.js"
data-chatbot-id="YOUR_CHATBOT_ID"
async
></script>
That's it! Your AI chatbot is now live.