Documentation
Learn how to use Cloudpresser AI Chat to create, train, and deploy AI chatbots on your website.
Introduction
Cloudpresser AI Chat is a platform that allows you to create custom AI chatbots trained on your own data. These chatbots can be embedded on your website to provide instant support to your customers, answer frequently asked questions, and help users navigate your products or services.
Our platform uses advanced natural language processing to understand user queries and provide relevant, accurate responses based on the data you provide. You can train your chatbot on your documentation, FAQs, knowledge base, or any other text-based information.
Key Features
- Custom Training: Train your chatbot on your own documents and data
- Easy Integration: Add your chatbot to your website with a simple code snippet
- Customization: Customize the appearance and behavior of your chatbot
- Analytics: Track usage and performance metrics
- Multi-platform: Works on desktop and mobile devices
Quick Start Guide
Follow these steps to create and deploy your first AI chatbot:
- Sign up for an account
Create a free account on Cloudpresser AI Chat to get started.
- Create a new chatbot
From your dashboard, click "Create New Chatbot" and give it a name.
- Upload training data
Upload documents or enter text that your chatbot should learn from.
- Configure settings
Set up suggested messages and customize the appearance of your chatbot.
- Process your documents
Your chatbot is ready to use immediately, but will gain knowledge from your documents as they finish processing.
- Get the embed code
Copy the generated code snippet from your dashboard.
- Add to your website
Paste the code into the <head> section of your website's HTML.
That's it! Your chatbot is now live on your website and ready to assist your visitors.
Website Integration
Integrating your chatbot into your website is simple. Once you've created and trained your chatbot, you'll receive a unique code snippet that you can add to your website.
Basic Integration
To integrate your chatbot into your website, follow these steps:
- Find your integration code:
- Go to your Cloudpresser AI Chat dashboard
- Select the chatbot you want to integrate
- Click on the "View Code" or "Integration" button
- A modal will appear with your unique integration code
- Add the code to your website:
- Copy the entire code snippet provided
- Paste it into the
<head>section of your website's HTML
This will add a chat button to your website based on the settings you configured in the dashboard. When clicked, it will open the chat interface where users can interact with your chatbot.
Platform-Specific Integration Guides
We provide detailed integration instructions for popular website platforms and content management systems:
WordPress
Add your chatbot to WordPress sites
Shopify
Integrate with Shopify stores
Wix
Add to Wix websites
Squarespace
Integrate with Squarespace sites
Webflow
Add to Webflow projects
More Platforms
View all supported platforms
Customization Options
All appearance and behavior customizations for your chatbot (such as position, colors, icon, welcome message, etc.) are managed directly from your Cloudpresser AI Chat dashboard.
Tip: Navigate to your chatbot's settings and look for the "Appearance" tab. Changes made in the dashboard will be automatically reflected in the embedded chatbot on your website without requiring any code changes.
Platform Integration Guides
We provide detailed integration instructions for the following platforms and content management systems:
WordPress Solutions
E-commerce Platforms
Google Platforms
Marketing Platforms
Manual Integration
Other Platforms
Training Data
Training your chatbot with your own data is what makes it truly valuable for your specific use case. The more relevant data you provide, the better your chatbot will be at answering questions related to your business.
Supported Document Types
You can upload the following types of documents to train your chatbot:
- PDF files (.pdf) - Product manuals, brochures, reports
- Text files (.txt) - Plain text information
- Word documents (.docx) - Formatted documentation
- CSV files (.csv) - Structured data in tabular format
- Markdown files (.md) - Documentation with simple formatting
Note: There is a 200MB size limit per file. For larger documents, consider breaking them into smaller files.
Uploading Documents
To upload documents for training your chatbot:
- Navigate to your chatbot settings:
- Go to your Cloudpresser AI Chat dashboard
- Select the chatbot you want to train or create a new one
- Click on the "Training Documents" tab
- Upload your documents:
- Drag and drop files into the upload area or click to browse your files
- You can upload multiple files at once
- Each file will appear in the documents list with a "Processing" status
Document Processing
After uploading, your documents go through several processing stages:
- Text extraction:
The system extracts text from your documents. For PDFs and images, this involves OCR (Optical Character Recognition).
- Content analysis:
The content is analyzed to identify key concepts, entities, and relationships.
- Knowledge embedding:
The information is converted into a format that the AI can use to answer questions.
- Integration with chatbot:
The processed knowledge is made available to your chatbot.
Processing time: Document processing typically takes 1-5 minutes per file, depending on size and complexity. Your chatbot will be available immediately, but its knowledge will expand as documents finish processing.
Best Practices for Training Data
- Use high-quality content:
Ensure your documents contain accurate, well-written information.
- Include diverse information:
Upload a variety of documents covering different aspects of your business or product.
- Update regularly:
As your information changes, upload new documents to keep your chatbot up to date.
- Remove outdated documents:
Delete documents that contain outdated information to prevent confusion.
Appearance Customization
You can extensively customize the look and feel of your chatbot directly from the Cloudpresser AI Chat dashboard. When editing your chatbot, navigate to the "Appearance" tab. The following settings are typically available:
- Chat Title: The title displayed at the top of the chat window.
- Welcome Message: The initial message the chatbot sends to the user.
- Position: Choose where the chatbot FAB (Floating Action Button) appears on your website (e.g., Bottom Right, Bottom Left).
- Button Color: Set the background color of the FAB.
- Button Icon: Select an icon for the FAB (e.g., Chat, Message, Question, Help).
- Button Radius: Control the roundness of the FAB (e.g., Square, Rounded, Circle). You can input specific CSS values like "4px" or "9999px".
- Button Padding: Adjust the padding around the icon within the FAB (e.g., Small, Medium, Large). Supports CSS values like "10px", "14px", or "18px".
- Chat Window Radius: Control the roundness of the chat window itself.
- Theme: Choose a Light, Dark, or System-based theme for the chat window.
These settings are saved with your chatbot configuration. Once you embed the chatbot on your website, it will automatically use these customized appearance settings. There's no need for additional client-side JavaScript initialization for appearance beyond the standard embed script.