solveoai

<p><strong>SolveoAI</strong> lets you deploy a fully AI-powered chat widget on your WordPress site in minutes.</p>
<h4>How it works</h4>
<ol>
<li>Create an AI agent in the <a href="https://app.solveoai.io" rel="nofollow ugc">SolveoAI Dashboard</a>.</li>
<li>Install this plugin.</li>
<li>Go to <strong>Settings > SolveoAI</strong> and paste your Widget ID (or Agent ID).</li>
<li>Done — the widget appears on your site immediately.</li>
</ol>
<h4>Features</h4>
<ul>
<li><strong>One-click setup</strong> — no code required</li>
<li><strong>Full appearance control</strong> — override primary color, position, theme (light/dark/auto) from WordPress</li>
<li><strong>Behavior settings</strong> — custom greeting, auto-open, proactive teaser messages</li>
<li><strong>Page visibility rules</strong> — show on all pages, specific URLs only, or exclude specific URLs</li>
<li><strong>Per-page control</strong> — force show or hide the widget on individual posts/pages via a meta box</li>
<li><strong>Shortcode support</strong> — <code>[solveoai_chat]</code> to embed the widget in specific content areas</li>
<li><strong>Gutenberg block</strong> — drag-and-drop chat widget block with settings panel</li>
<li><strong>WooCommerce integration</strong> — automatic customer identification, product recommendations, order lookup, cart assistance</li>
<li><strong>Custom CSS injection</strong> — style the widget inside its Shadow DOM</li>
<li><strong>JavaScript API</strong> — programmatic control via <code>SolveoWidget.open()</code>, <code>.close()</code>, <code>.toggle()</code>, <code>.newChat()</code>, <code>.sendMessage()</code></li>
<li><strong>Self-hosting support</strong> — custom API URL and widget script URL</li>
<li>Shadow DOM isolation — no CSS conflicts with your theme</li>
<li>Compatible with all WordPress themes and builders (Elementor, Divi, Gutenberg, etc.)</li>
</ul>
<h4>Widget Capabilities</h4>
<p>All features from the SolveoAI widget are available:</p>
<ul>
<li>AI chat with markdown support</li>
<li>File attachments (images, video, audio, documents)</li>
<li>Voice note recording</li>
<li>Live chat / human handoff with queue position</li>
<li>Lead forms (pre-chat, inline, AI-triggered)</li>
<li>Chat history and persistence</li>
<li>Message feedback (thumbs up/down)</li>
<li>Notification sounds</li>
<li>Product cards with Add to Cart (Shopify & WooCommerce)</li>
<li>Order tracking and fulfillment cards</li>
<li>Booking integration (Cal.com, Calendly)</li>
<li>Image galleries and action buttons</li>
</ul>
<h4>Self-Hosting</h4>
<p>If you are running the SolveoAI platform yourself, update the <strong>API URL</strong> and <strong>Widget Script URL</strong> fields in the Advanced tab to point to your own deployment.</p>
<h3>External services</h3>
<p>This plugin connects to the <strong>SolveoAI</strong> platform to power an AI chat widget on your WordPress site.</p>
<h4>SolveoAI Widget Script (widget.solveoai.io)</h4>
<p>When any front-end page loads (and the widget is enabled), the plugin loads a JavaScript file from <code>https://widget.solveoai.io/widget-core.js</code>. This script renders the chat widget in the visitor’s browser. No personal data is sent during this step; the browser simply downloads the script file.</p>
<h4>SolveoAI API (api.solveoai.io)</h4>
<p>Once the widget script is loaded, it communicates with the SolveoAI API at <code>https://api.solveoai.io/api/v1</code> to provide chat functionality. The following data is sent to this service:</p>
<ul>
<li><strong>Widget / Agent configuration</strong> — the widget fetches its appearance and behavior settings using the Widget ID or Agent ID configured in the plugin settings. This happens on every page load where the widget is active.</li>
<li><strong>Chat messages</strong> — when a visitor types a message in the chat widget, the message text and any file attachments are sent to the API so that the AI agent can generate a response.</li>
<li><strong>Lead form submissions</strong> — if a pre-chat lead form is enabled, the visitor’s name, email, and any other form fields are sent to the API.</li>
<li><strong>Conversation history</strong> — the widget may request previous messages for a returning visitor’s conversation from the API.</li>
<li><strong>Real-time messaging</strong> — the widget opens a WebSocket connection (via Socket.IO) to the API for real-time message delivery, typing indicators, and queue updates.</li>
</ul>
<p>Both the API URL and the Widget Script URL can be changed in <strong>Settings > SolveoAI > Advanced</strong> to point to a self-hosted deployment if you prefer not to use the hosted service.</p>
<p>This service is provided by SolveoAI: <a href="https://solveoai.io/terms" rel="nofollow ugc">Terms of Service</a>, <a href="https://solveoai.io/privacy" rel="nofollow ugc">Privacy Policy</a>.</p>


SolveoAI Chat Widget

Embed the SolveoAI AI chat widget on your WordPress site with full control over appearance, behavior, and page visibility.

MihanWP

Team Ertano

<p>Chatina AI brings advanced live chat functionality to your WordPress website, enhancing user engagement and support efficiency with an AI-powered chat solution. (Coming Soon…)</p>
<p><a href="https://app.chatina.ai" rel="nofollow ugc">Try Operator Panel</a>  – <a href="#screenshots" rel="nofollow ugc">Screenshots</a></p>
<h3>Key Features</h3>
<ul>
<li>Real-Time Chat: Connect instantly with website visitors to provide seamless support and boost engagement.</li>
<li>AI-Powered Responses: Leverage AI-driven responses to answer common queries and reduce response time. (Coming Soon…)</li>
<li>Customizable Chat Widget: Easily customize the chat widget to match your site’s design and brand identity.</li>
<li>User-Friendly Dashboard: Manage conversations, view analytics, and optimize your chat interactions through an intuitive dashboard.</li>
<li>Integration with Chatina Platform: Fully compatible with the Chatina AI platform, integrating seamlessly with additional features on <a href="https://chatina.ai" rel="nofollow ugc">chatina.ai</a>.</li>
</ul>
<h3>Why Choose Chatina AI?</h3>
<p>With Chatina AI, you can enhance customer satisfaction by providing fast, accurate, and efficient live chat support. Ideal for businesses, e-commerce sites, and service providers looking to improve customer interaction and support.</p>
<h3>External Services</h3>
<p>This plugin connects to external APIs to provide live chat functionality and manage related services. The external services are detailed below:</p>
<h3>Chatina AI API</h3>
<ul>
<li>
<p><strong>What it is used for:</strong><br />
The Chatina AI API powers the live chat functionalities, including initializing chats, fetching chat information, and interacting with businesses using Chatina’s platform.</p>
</li>
<li>
<p><strong>Data sent and when:</strong></p>
<ul>
<li><strong>API Endpoints:</strong>  </li>
<li><code>https://api.chatina.ai/v1/chat</code>: Used to initialize and manage live chats. It sends chat-related metadata, such as chat ID and user tokens, when a chat is started.  </li>
<li><code>https://api.chatina.ai/v1/business/</code>: Sends the user’s token and business identifiers to fetch details about businesses available for chat.  </li>
<li><code>https://api.chatina.ai/v1/c/</code>: Sends a chat token and chat metadata to validate and retrieve chat data.  </li>
<li>
<p><code>https://api.chatina.ai/v1/chat/information</code>: Sends the chat ID and chat token to retrieve detailed chat-related information.</p>
</li>
<li>
<p><strong>Other Data Sent:</strong></p>
</li>
<li><strong>User Tokens:</strong> Used to authenticate the user with the service.  </li>
<li><strong>Chat Metadata:</strong> Includes chat ID and session-related identifiers.</li>
</ul>
</li>
<li>
<p><strong>Why:</strong><br />
The API is required to facilitate the core functionalities of the plugin, including establishing communication between users and businesses.</p>
</li>
<li>
<p><strong>Service Provider:</strong><br />
Chatina AI</p>
<ul>
<li><a href="https://chatina.ai/terms" rel="nofollow ugc">Terms of Service</a>  </li>
<li><a href="https://chatina.ai/privacy" rel="nofollow ugc">Privacy Policy</a>  </li>
</ul>
</li>
</ul>
<h3>Chatina AI CDN</h3>
<ul>
<li>
<p><strong>What it is used for:</strong><br />
The Chatina AI CDN (<code>https://cdn.chatina.ai/static/</code>) is used to serve assets and resources required for the plugin’s operation, such as JavaScript files and static content.</p>
</li>
<li>
<p><strong>Data sent and when:</strong><br />
No personal or user data is sent to the CDN. It is accessed to fetch static resources required for plugin functionality.</p>
</li>
</ul>
<h3>Loading CSS and JavaScript Remotely</h3>
<p>To ensure proper functioning of your Chatina chat widget, it is essential to load the required CSS and JavaScript files directly from Chatina’s CDN. Below are the URLs for the necessary assets:</p>
<p>Required Assets</p>
<p>JavaScript</p>
<p>URL: https://cdn.chatina.ai/static/widget.js</p>
<p>CSS</p>
<p>URL: https://cdn.chatina.ai/static/widget.css</p>
<p>By including these resources, your chat widget will have the most up-to-date code and styling, ensuring compatibility and optimal performance. Simply add the following  and  tags to your HTML:</p>
</p>
<p>Embedding these assets will integrate the necessary functionality and styles seamlessly into your webpage.</p>
<h3>Source Code</h3>
<p>To comply with WordPress.org guidelines, all source code related to this plugin is available in both the plugin directory and a public repository.</p>
<p>Unminified JavaScript and CSS files can be found in the following locations:<br />
– Plugin Directory: /assets/js/widget-normal.js and /assets/css/widget-normal.css<br />
– GitHub Repository: <a href="https://github.com/chatinaai/chatina-wordpress/" rel="nofollow ugc">Chatina AI GitHub</a></p>
<p>For instructions on rebuilding the compressed files, please refer to the <code>BUILD.md</code> file in the GitHub repository or see the section below.</p>
<h3>Build Instructions</h3>
<p>This plugin uses build tools (e.g., Webpack, npm) for compression. Follow these steps to recreate the production files:<br />
1. Clone the repository: git clone https://github.com/chatinaai/chatina-wordpress/chatina-wordpress.git<br />
2. Navigate to the project directory: cd chatina-wordpress<br />
3. Install dependencies: npm install<br />
4. Build the files: npm run build</p>
<h3>Additional Notes</h3>
<p>Chatina uses React.js, a powerful and flexible open-source JavaScript library, to build and manage the dynamic components of the plugin. React.js is licensed under the MIT License, ensuring freedom for developers to use, modify, and distribute the library as needed.</p>


Chatina Ai – Live Chat Online Platform

A seamless live chat solution powered by AI to enhance user engagement and customer support on your WordPress website.

SolveoAI Chat Widget vs Chatina Ai – Live Chat Online Platform