IntegrationSimple Setup

Simple Chatbot Integration: One Script Tag, Endless Possibilities

Add our chatbot to your website in under 2 minutes with just one line of code. No technical expertise required - simply copy, paste, and customize to match your brand.

November 5, 2024
3 min read
Alex Rodriguez

Integration Made Simple

Forget complex APIs and technical configurations. Our chatbot integration is designed for everyone - from small business owners to enterprise developers. Just one script tag and you're ready to go!

1 Line
Simple script tag
2 Min
Setup time
Customization options

3-Step Integration Process

1

Copy Your Script Tag

Go to your dashboard settings and copy the unique script tag generated for your chatbot.

<script async src="https://chatbothubserver.up.railway.app/widget/chatbot-widget.js?chatbotCode=your-quniqe-publishable-code></script>

💡 Pro Tip: Each chatbot has a unique ID - make sure you're copying the right one if you have multiple chatbots.

2

Paste Into Your Website

Add the script tag to your website's HTML, preferably just before the closing </body> tag.

<!DOCTYPE html>
<html>
<head>
  <title>Your Website</title>
</head>
<body>
  <!-- Your website content -->
  
  <!-- Chatbot Script - Add before closing body tag -->
  <script async src="https://chatbothubserver.up.railway.app/widget/chatbot-widget.js?chatbotCode=your-quniqe-publishable-code></script>
  </script>
</body>
</html>

📍 Placement: For best performance, place the script at the bottom of your page, just before </body>.

3

Configure Domain Settings

Make sure your website domain in the settings matches your actual website URL exactly.

Important: Domain Matching

Your chatbot will only work if the domain in your settings exactly matches your website's domain. For example: if your site is "www.example.com", make sure that's exactly what's in your settings.

✅ Good news: You can edit your domain settings anytime from your dashboard!

Advanced Configuration Options

Show on Specific Pages

Control exactly where your chatbot appears by specifying page paths.

/contact
/support
/pricing

Chatbot will only show on these pages

Hide on Specific Pages

Exclude your chatbot from certain pages where it's not needed.

/admin
/checkout
/login

Chatbot will be hidden on these pages

Custom Colors & Branding

Match your brand with custom colors, fonts, and chatbot name.

Primary Color
Text Color
💬 Custom Name

Path Priority Rules

Include paths always override exclude paths for maximum flexibility.

Rule: If a page matches both include and exclude lists, the chatbot will show (include wins).

Troubleshooting Common Issues

Chatbot Not Appearing?

Check Domain Settings

Ensure your domain in settings exactly matches your website URL (including www if applicable).

Verify Script Placement

Make sure the script tag is properly placed before the closing </body> tag.

Check Page Paths

Review your include/exclude path settings to ensure the current page should show the chatbot.

💡 Pro Tips for Success

  • • Test your chatbot on different pages after setup
  • • Use browser developer tools to check for JavaScript errors
  • • Clear your browser cache if changes don't appear immediately
  • • Start with simple path rules and add complexity gradually
  • • Keep your chatbot name short and memorable

Ready to Add Your Chatbot?

Get your script tag and have your chatbot live on your website in under 2 minutes!

Ready to Get Started?

Join tens of businesses transforming their customer service with our platform.