Documentation

intoCHAT Documentation

Learn how to integrate and customize intoCHAT for your website or application.

Quick Start

Add a chatbot to your website in just two simple steps.

Integration Options

Choose between embed code or iframe integration.

Customization

Customize your chatbot's appearance and behavior.

WordPress Integration

One-click WordPress plugin installation and setup.

Learn more

Installation

Add intoCHAT to your website using our embed code or iframe integration.

<!-- ChatCraft Bubble Chat -->
<script 
  src="https://www.intochat.ai/api/embed.js" 
  data-chatbot-id="YOUR_CHATBOT_ID"
></script>
<!-- End ChatCraft Bubble Chat -->

Replace YOUR_CHATBOT_ID with the unique identifier provided for your chatbot.

Implementation Guide

Follow these steps to add your chatbot to your website.

1

Get Your Chatbot ID

Copy your unique chatbot ID from your dashboard. You can find this in the "Integration" tab of your chatbot settings.

2

Add the Code

Choose either the embed code or iframe method and add it to your website's HTML.

Best Practices:

  • Add the embed code just before the closing </body> tag
  • For iframe integration, place it within your desired container element
  • Ensure your chatbot ID is correctly copied
3

Test Your Integration

Visit your website to ensure the chatbot appears and functions correctly. Test on different devices and browsers to verify compatibility.

Customization

Customize your chatbot's appearance to match your brand and website design.

Chat Bubble Appearance

Position

  • Bottom right (default)
  • Bottom left

Icon

  • Custom icon upload
  • Default chat icon

Chat Window Style

Colors

  • Primary color
  • Background color
  • Text color
  • User message bubbles
  • Bot message bubbles

Typography

  • Font family
  • Font size
  • Message spacing

Chat Interface

Header

  • Custom title
  • Welcome message
  • Bot avatar

Input Area

  • Placeholder text
  • Send button style
  • Input field style

Customization Tips:

  • Use hex color codes for consistent styling across browsers
  • Test your chatbot on both light and dark backgrounds
  • Ensure text remains readable with your chosen color scheme
  • Keep the design consistent with your website's branding

Training Data

Train your chatbot with various types of content to enhance its knowledge and responses.

PDF Documents

  • Upload PDF documentation
  • Training manuals
  • Product guides
  • Research papers

Web Content

  • Website URLs
  • Blog posts
  • Knowledge base articles
  • FAQ pages

Text Input

  • Direct text input
  • Custom instructions
  • Specific responses
  • Company policies

Best Practices

  • Keep content relevant and focused
  • Update training data regularly
  • Structure information clearly
  • Review chatbot responses

Training Tips:

  • Upload multiple file formats to provide comprehensive knowledge
  • Ensure uploaded content is accurate and up-to-date
  • Use a combination of different data sources for better coverage
  • Monitor and refine the chatbot's responses based on user interactions

Ready to build your chatbot?

Get started with intoCHAT today and transform your customer experience.