• Blog
  • Documentation
  • Pricing
  • FAQ
  • Contact
Sign InSign Up

Here you can add a description about your company or product

© Copyright 2025 Makerchat. All Rights Reserved.

About
  • Blog
  • Contact
Product
  • Documentation
Legal
  • Terms of Service
  • Privacy Policy
  • Cookie Policy
Back to Documentation

Guides

Quick Start
Get up and running in minutes
Team Management
Invite and manage team members
Embedding
Add chatbot to your website
Customization
Customize colors and branding

Quick Start Guide

Get your first chatbot up and running in just a few minutes.

Overview

This guide will walk you through creating your first chatbot, customizing its appearance, and embedding it on your website. The entire process takes about 5 minutes.

1

Create Your Chatbot

Start by creating a new chatbot in your dashboard.

  1. Navigate to the "Chatbots" section in your dashboard
  2. Click "Create New Chatbot"
  3. Enter a name for your chatbot (e.g., "Job Applications")
  4. Add a description (optional)
  5. Click "Create Chatbot"
Your chatbot is now created and ready for customization
2

Customize Your Chatbot

Make your chatbot match your brand with custom colors, text, and settings.

Design Settings

  • • Choose primary color
  • • Upload custom logo
  • • Set button text
  • • Choose position

Form Settings

  • • Add privacy policy URL
  • • Add terms of use URL
  • • Configure file uploads
  • • Set validation rules
Your chatbot now matches your brand identity
3

Embed Your Chatbot

Add your chatbot to your website with a simple code snippet.

<script async 
  data-chatbot='your-chatbot-id' 
  src='https://your-widget-url.com'>
</script>

Where to add the code:

  • • HTML websites: Add before the closing </head> tag
  • • React/Next.js: Add to your main layout or _document.js
  • • WordPress: Add to your theme's header.php file
Your chatbot is now live on your website!
4

Test Your Chatbot

Use the playground to test your chatbot before going live.

  1. Go to the "Playground" tab in your chatbot dashboard
  2. Test the form submission process
  3. Verify all fields work correctly
  4. Check that files upload properly
  5. Test the success message display
Your chatbot is tested and ready for production

🎉 Congratulations!

You've successfully created and deployed your first chatbot! Here are some next steps to explore:

Invite team members
Explore advanced embedding
Set up notifications

Common Issues

Chatbot not appearing on website

Make sure the script tag is placed before the closing </head> tag and that your chatbot ID is correct.

Form submissions not working

Check that all required fields are filled and that file uploads (if any) are within the size limit.

Styling not applying

Clear your browser cache and ensure the chatbot script is loading after any custom CSS.