Live chat for WordPress
Live chat for WordPress: install Chtio with widget code
Chtio can be connected to a WordPress website with the supplied JavaScript code. It is not an official WordPress plugin: add the code through a suitable script insertion tool, a child theme or a template setting. After domain approval, verify the widget on the public site and send a test message.
Verifiable facts
Product facts
A concise summary with links to detailed conditions.
Reviewed:
Quick answer
Quick answer
Chtio can be connected to a WordPress website with the supplied JavaScript code. It is not an official WordPress plugin: add the code through a suitable script insertion tool, a child theme or a template setting. After domain approval, verify the widget on the public site and send a test message.
What matters
- ✓Works beyond a specific theme
- ✓No WordPress core modification
- ✓Conversation where decisions happen
How it works
From preview to working chat
Three clear steps without hidden settings or a required payment.
Preview the chat
Enter a domain and inspect the standard Free appearance before signup.
Create the project
Activate the account, confirm the domain, and receive the working code.
Start replying
Connect AI, agents, and the channels available on the selected plan.
What you get
Works beyond a specific theme
The code-based widget can work with most current WordPress themes when the site allows JavaScript and its security policy does not block the required connections.
No WordPress core modification
Use a dependable code insertion tool, theme setting or child theme. A normal WordPress update should not remove code that is stored in a stable location.
Conversation where decisions happen
Make chat available on service pages, landing pages, WooCommerce product views or useful articles where a visitor is deciding what to do next.
Test before the full rollout
Open the site in a private window, send a message and inspect the mobile layout. This exposes conflicts with caching, cookie notices or overlapping theme controls.
Common WordPress use cases
Service websites
Prospects can clarify pricing, timing and scope directly on a landing page instead of moving to a separate contact form.
WooCommerce stores
Shoppers ask about products, delivery and payment in catalogue context. A timely answer can resolve uncertainty before checkout.
Blogs and knowledge bases
A reader can ask for clarification, report a missing instruction or turn an informational visit into a consultation.
How to add live chat to WordPress correctly
The most suitable method depends on the website configuration. Many owners use a reputable header and footer code tool, while developers often add the script through a child theme or a dedicated WordPress hook. Avoid editing a parent theme directly because an update can overwrite those changes. Make a backup before modifying the site and use a staging copy when the production setup is business-critical.
The Chtio script needs to load on every page where chat should be available. It is normally placed near the end of the HTML so the primary content is not held back by the widget. JavaScript optimisation tools may delay or exclude third-party scripts, so their settings can affect chat startup. Clear the WordPress, server and CDN caches after installation, then inspect the browser console if the widget does not load.
Checks to complete after installation
Visit the site as a new user and confirm that the chat button does not cover navigation, a purchase control, the cookie consent notice or mobile interface elements. Test the home page, important landing pages, blog posts and WooCommerce product screens. If the widget is absent, confirm first that the code belongs to an approved project and that the project domain matches the public website address.
Next, submit an enquiry and complete the full reply journey. Verify team notifications, the offline contact path and the greeting text. On a multilingual WordPress website, open each language version and confirm that the widget follows the intended project configuration. A successful end-to-end test is stronger evidence than simply finding the script in the page source.
How it works
Create a Chtio project
Enter the WordPress domain and wait for the project to be approved.
Copy the project code
Use the script from the approved project so that it contains a working token for the website.
Add code to WordPress
Place the script before the closing body tag with a safe insertion method or a child theme.
Clear caches and test
Refresh WordPress and CDN caches, visit several page types and send messages from desktop and mobile.
What to confirm before installation
This setup is suitable when
- ✓You can access WordPress settings or work with its administrator.
- ✓The website permits the required external JavaScript.
- ✓You can clear caches and inspect several page templates.
- ✓The team is ready to process a test enquiry.
Developer assistance may be needed when
- !A restrictive CSP blocks the required connections.
- !A builder or optimiser removes the code after publishing.
- !The site uses complex caching, proxies or a nonstandard WordPress mode.
- !You need a custom interface instead of the ready-made widget.
Questions about this use case
Is there an official Chtio plugin for WordPress?+
This guide covers JavaScript code installation, not an official WordPress plugin. Use a reliable script insertion method or ask a developer to add the code to a child theme.
Where should I place live chat code in WordPress?+
It is usually added to the footer before the closing body tag with a script tool, theme setting or child theme. The exact method depends on your WordPress configuration.
Can I use Chtio with WooCommerce?+
The widget can appear on WooCommerce pages when the theme and site settings allow the script. Check product, basket and checkout screens to ensure that chat does not cover essential controls.
Why did the widget not appear after installation?+
Check the project domain, working token, WordPress and CDN caches, JavaScript optimisation, cookie consent rules and browser console errors. Confirm that the code exists on the affected page.
Will live chat slow down my WordPress site?+
Every additional script has some cost. Measure the same pages before and after installation, watch Core Web Vitals and avoid loading multiple chat products at the same time.
Must I add the code again after a theme update?+
Usually not when it is stored in a child theme or a durable script insertion tool. Code placed directly in parent theme files can be overwritten, which is why that method is discouraged.
Connect Chtio to your WordPress website
Create a project, obtain the code after domain approval and test the complete conversation journey on key WordPress pages.