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.
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.
Get Your Chatbot ID
Copy your unique chatbot ID from your dashboard. You can find this in the "Integration" tab of your chatbot settings.
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
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.