Halloween DealsAmazon USHalloween week deals: useful picks before month-endAmazon US: current deals, useful picks and tech finds.Check DealsPC HealthRecommendedCrashes, freezes, slowdowns? Check your PC nowSpot repairable issues before they interrupt work.Check PCHalloween DealsAmazon USOctober picks are moving - compare before checkoutAmazon US: current deals, useful picks and tech finds.See Picks×
FREEDOM251

Freedom251 › Blog › Alive5

How to Add Live Chat to a Drupal Site (Drupal 10 and 11 Guide)

By Freedom251 Team · · 12 min read

What’s actually slowing this PC down?

Pick the symptom - the matching free tool is one click away.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

To add live chat to a Drupal site, you need two parts: an account with a hosted chat provider and a Drupal integration that loads that provider’s widget. The practical workflow is to check your Drupal core version, choose a compatible integration, install its module with Composer, connect the provider widget or ID in Drupal, set page and audience rules, and test both included and excluded pages.

For current Drupal 10 and 11 sites, the clearest documented paths are Chatlio, tawk.to, and Alive5. Drift also states Drupal 9/10/11 compatibility, while the available LiveChat instructions describe an older Drupal 8.x plugin and should not be treated as proof of a current Drupal 10/11 installation path.

As an Amazon Associate I earn from qualifying purchases.

What you need before installing anything

  • Drupal administrator access: You need permission to install modules and change configuration.
  • Composer access: The documented Chatlio and tawk.to integrations are installed with Composer rather than by uploading a random ZIP file.
  • A provider account: The Drupal module is a bridge to a hosted service. Chatlio requires a Chatlio account, and tawk.to requires a tawk.to account. Installing the Drupal code by itself does not create an operator inbox or chat service.
  • Your Drupal core version: Compatibility is specific. The cited Chatlio 1.1.0 release supports ^10.3 || ^11; tawk.to 3.0.3 supports ^10 || ^11; Alive5 states Drupal 10/11 support; Drift states Drupal 9/10/11 compatibility.
  • A page-visibility plan: Decide whether the widget belongs everywhere or only on selected paths, content types, roles, or audiences.

Provider pricing, free-plan limits, privacy retention, consent requirements, accessibility conformance, and current service terms are not established by the integration documentation summarized here. Treat those as separate provider and legal checks rather than assuming that a Drupal module means the service is free or compliant for your site.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Drupal live-chat integrations at a glance

Provider/integration Documented Drupal compatibility Connection method Display controls described Maintenance or currency caution
Chatlio Release 1.1.0: Drupal 10.3 and 11 Composer module; paste provider embed code at /admin/config/services/chatlio Optional visibility settings Drupal.org labels the project minimally maintained and maintenance fixes only.
tawk.to Release 3.0.3: Drupal 10 and 11 Composer module; choose a widget at /admin/config/services/tawk_to/widget Extra settings include visibility controls Also labeled minimally maintained and maintenance fixes only. Its documentation mentions a configurable script-load delay of more than one to two seconds as a response to reported page-speed errors; that is module guidance, not a universal performance result.
Alive5 Drupal 10 and 11 Enter the provider Widget ID at /admin/config/system/alive5 Path patterns, audience, roles, content types, and exclusions The project says it is not covered by Drupal’s security advisory policy.
Drift Project states Drupal 9, 10, and 11 Configure the widget in Drift, then enable account configuration in Drupal Not detailed in the cited project summary Project information shows a June 2022 update; verify that the current product and module remain supported before deployment.
LiveChat Available vendor instructions identify a Drupal 8.x plugin Vendor plugin installation steps Not established in the cited instructions Instructions were updated September 20, 2022 and do not verify a Drupal 10/11 path.

“Not stated” in this table means the reviewed integration material does not establish the value. It is not a claim that the provider lacks the feature.

#1 Best Overall
Elebase USB to USB C Adapter for iPhone 18 Pro Max,USBC Car Charger Adapter | 4Pack Type C Female to A Male Cable Converter for Apple Duo 17 16 15 14 Plus,iWatch Watch 12 11 10,iPad 9 8 Air,Airpods 5 4
  • Read Before You Buy — No Video Output: These adapters support charging and USB 2.0 data transfer, but cannot transmit video signals. Except for standard USB webcams (which use USB data only), they are not compatible with HDMI/DisplayPort cables, video-capable USB-C hubs, or docking stations with video output.
  • Convert USB-A Ports to USB-C: Designed to connect USB-C earphones, cables, flash drives, card readers, and other USB-C accessories to standard USB-A ports. Plug-and-play with no drivers or software required.
  • Aluminum Alloy Housing: Built with a sturdy aluminum alloy shell that aids in heat dissipation and protects against daily wear and scratches. Designed to maintain a stable and secure connection.
  • Compact & Travel-Friendly: The ultra-compact design allows the adapter to stay plugged into your device without blocking adjacent ports or adding bulk, reducing wear and tear on your original USB ports.
  • 12-Month Warranty: Backed by a 12-month manufacturer warranty for peace of mind. Designed to meet strict quality control standards for reliable everyday performance.

Standard installation workflow

  1. Record the core version. In Drupal, open Reports > Status report and note the exact core version. A site on Drupal 10.2, for example, does not satisfy Chatlio 1.1.0’s stated ^10.3 lower bound even though both versions are in the Drupal 10 family.
  2. Create or configure the provider account. Sign in to the hosted service, create the site or property, and configure the chat widget there. The provider account supplies the embed code, widget selection, or Widget ID that Drupal will load.
  3. Back up configuration and code. Commit your composer.json and composer.lock changes and export Drupal configuration before changing production. Installing a module changes the codebase; enabling it and saving settings changes active configuration.
  4. Install the compatible module with Composer. Run the command from the Drupal project root, not from an arbitrary directory. Use the version constraint documented by the integration project and let Composer resolve dependencies.
  5. Enable the module. Enable it from Extend or with Drush. The module must be enabled before its configuration route appears.
  6. Enter the provider credential or snippet. Depending on the integration, paste an embed code, select a widget, or enter a Widget ID. Save the configuration.
  7. Set visibility rules. Define included paths or content types and then add exclusions where the widget would be distracting, such as checkout, account recovery, or administrative paths. If the integration supports roles or audiences, decide whether anonymous visitors, authenticated users, or both should see it.
  8. Clear caches. Use Configuration > Development > Performance and clear Drupal caches, or use the cache-rebuild command appropriate to your deployment process. Cached page output can make a correctly saved setting appear missing.
  9. Test in a private browser window. Check the widget as an anonymous visitor and then as each relevant logged-in role. Visit an included page, an excluded page, a content type with a different rule, and a path containing query parameters.
  10. Promote through staging. Confirm that the provider property, module version, configuration export, and deployment process are identical between staging and production. Check the page source or browser developer tools for one widget script and one visible launcher, not multiple copies.

1. Chatlio: Composer installation with an embed-code setting

Chatlio is the most explicit current example for a Drupal 10.3 or 11 site in the available project documentation. Release 1.1.0 states compatibility with ^10.3 || ^11. The service requires a Chatlio account; the Drupal module does not provide the hosted account or operator interface.

Install and connect Chatlio

  1. From the Drupal project root, run composer require 'drupal/chatlio:^1.1', following the project’s current release instructions.
  2. Enable the module through Extend or your normal Drush workflow.
  3. Sign in to Chatlio and copy the account’s widget embed code.
  4. Open /admin/config/services/chatlio, paste the embed code, and save.
  5. Review the optional visibility settings supplied by the module, then clear caches and test the configured paths.

Who should choose this path

Chatlio suits an administrator who wants a small, direct configuration page: Composer installs the bridge and Drupal stores the provider’s embed code. The project is labeled minimally maintained and maintenance fixes only on Drupal.org, so include module update monitoring in your maintenance plan and review changes before applying them to production.

2. tawk.to: widget selection plus extra settings

tawk.to release 3.0.3 states support for Drupal 10 and 11. The integration requires a tawk.to account and exposes a widget-selection page rather than asking you to paste a complete script into a generic block.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Install and configure tawk.to

  1. Run composer require 'drupal/tawk_to:^3.0' from the Drupal project root, using the current project instructions for the version you select.
  2. Enable the module.
  3. Log in to tawk.to and make sure the intended property and widget exist.
  4. Open /admin/config/services/tawk_to/widget and select the widget and its settings.
  5. Use the module’s extra settings to control visibility, save, clear caches, and test the result on included and excluded pages.

Script-delay guidance

The project documentation suggests a script-load delay of more than one to two seconds as a way to address reported page-speed errors. Treat that as an option provided by the module, not as a guaranteed performance improvement. Measure your own pages before and after changing the setting, and ensure the delay does not hide the launcher for users who need immediate help.

Maintenance status

Like Chatlio, the tawk.to project is labeled minimally maintained and maintenance fixes only. That label concerns the Drupal integration project; it does not establish the provider’s commercial terms, service uptime, or current pricing.

3. Alive5: Widget ID and granular display rules

Alive5 documents a Drupal 10/11 integration that identifies the widget with a Widget ID. Its configuration page also describes the broadest set of display controls in the reviewed material: path-pattern matching, audience, role, content-type, and exclusion controls.

Configure Alive5

  1. Set up the desired widget in the Alive5 account and copy its Widget ID.
  2. Enable the Drupal integration.
  3. Open /admin/config/system/alive5 and enter the Widget ID.
  4. Define the paths, audiences, roles, and content types that should display the launcher. Add explicit exclusions for pages where it must not load.
  5. Save, clear caches, and test every audience and role combination you configured.

The project documentation includes this implementation statement: “The vendor script loads asynchronously and exactly once (duplicate-load guard included), preserving the official Alive5 embed attributes.” That describes the project’s intended script behavior; verify the actual rendered page in your own browser.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
Rank #2
Anker USB-C Hub, 5-in-1 USB Hub for Laptops, 4K HDMI Multiport Adapter | USB C Dongle with 90W Max Power Delivery, 3×5Gbps USB A Data Ports, for MacBook, Dell, and More (Charger Not Included)
  • 5-in-1 USB-C Hub: Experience comprehensive connectivity featuring a Power Delivery input, two USB-A 2.0 ports, a USB-A 3.0 port, and an HDMI port. (Note: The USB-C power delivery input port is only for connecting an external wall charger to power your laptop and cannot power peripheral devices.)
  • 90W Pass-Through Charging: Achieve optimal charging with 90W pass-through power to your laptop, supported by a total input of 100W, with the hub reserving 10W for operational efficiency. (Note: Wall charger not included.)
  • Quick Data Transfers: Accelerate your productivity with rapid data transfers using a high-speed 5Gbps USB 3.0 port and two 480Mbps USB 2.0 ports.
  • 4K HDMI Display: Enhance your visual experience with a hub capable of delivering 4K resolution at 30Hz in both mirror and extend modes. Please note that this hub is compatible with MacBook (macOS 12 and newer), Windows 10 and 11, ChromeOS, and laptops equipped with DP Alt Mode and Power Delivery. Note: This device is not compatible with Linux.
  • What You Get: Anker USB-C Hub (5-in-1, 4K HDMI), welcome guide, 18-month warranty, and our friendly customer service.

Security-policy qualification

The Alive5 project page says the project is not covered by Drupal’s security advisory policy. Before production use, decide how your team will monitor vulnerabilities and review updates for an integration outside that policy.

4. Drift: stated Drupal 9, 10, and 11 compatibility

The Drift project states Drupal 9/10/11 compatibility and directs administrators to configure the widget in Drift, then enable account configuration in Drupal. The project information shows a June 2022 update, so its stated version range should be confirmed against the current module release and your site before installation.

General Drift setup

  1. Create or select the Drift widget in the Drift service.
  2. Install and enable the Drupal integration version that explicitly supports your core release.
  3. Use the module’s account-configuration screen to connect the Drupal site to the Drift widget.
  4. Save, clear caches, and test the widget on the paths and user states where it is intended to appear.

The cited project summary does not establish detailed path, role, or content-type controls, current pricing, or present-day product availability. Do not infer those details from the existence of the module.

5. LiveChat: an older vendor plugin path

LiveChat’s vendor help instructions describe plugin installation for Drupal 8.x and were updated on September 20, 2022. They do not verify a Drupal 10 or 11 path. For a current site, treat those instructions as historical guidance only unless the vendor supplies a maintained integration that explicitly names your Drupal core version.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

If you are maintaining a Drupal 8 site

Follow the vendor’s documented plugin installation and account-connection steps, then verify that the plugin still receives security and compatibility updates. Do not install a Drupal 8 plugin on Drupal 10/11 merely because the provider name is familiar; a major-core mismatch can leave the module unavailable or unsupported.

How to control which Drupal pages show the widget

Visibility rules are often more important than installation. A site-wide launcher may be appropriate for a documentation site, but a store may want chat on product and support pages while excluding checkout and payment screens.

Path rules

Start with a short allowlist of paths such as /support, /contact, or a product-detail pattern. Add exclusions for administrative routes and transactional pages. Test both the exact path and a path with a trailing slash or query string if your rule syntax distinguishes them.

Rank #3
Sale
Anker USB C Hub, 7in1 Multi-Port USB Adapter, 4K@60Hz USBC to HDMI Splitter | 85W Max PD, 2 USB 3.0 & 1 USBC Data Ports, SD/TF Card Reader, for Laptops/Mac and Other Type C Devices (Charger Not Included)
  • Sleek 7-in-1 USB-C Hub: Features an HDMI port, two USB-A 3.0 ports, and a USB-C data port, each providing 5Gbps transfer speeds. It also includes a USB-C PD input port for charging up to 100W and dual SD and TF card slots, all in a compact design.
  • Flawless 4K@60Hz Video with HDMI: Delivers exceptional clarity and smoothness with its 4K@60Hz HDMI port, making it ideal for high-definition presentations and entertainment. (Note: Only the HDMI port supports video projection; the USB-C port is for data transfer only.)
  • Double Up on Efficiency: The two USB-A 3.0 ports and a USB-C port support a fast 5Gbps data rate, significantly boosting your transfer speeds and improving productivity.
  • Fast and Reliable 85W Charging: Offers high-capacity, speedy charging for laptops up to 85W, so you spend less time tethered to an outlet and more time being productive.
  • What You Get: Anker USB-C Hub (7-in-1), welcome guide, 18-month warranty, and our friendly customer service.

Roles and audiences

If the integration supports roles or audiences, test as an anonymous visitor and each authenticated role that should see the launcher. A rule intended for customers can accidentally expose the widget to editors or hide it from logged-in customers if role precedence is misunderstood.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Content types

Content-type controls are useful when support content and editorial content share the same domain. Verify at least one node of every included type and one node of every excluded type after saving configuration.

Exclusions

Use exclusions for pages where a third-party launcher could interfere with a critical task. Confirm exclusion behavior in a private window after clearing caches; an old cached page can make a rule appear ineffective.

Testing checklist before launch

  • The widget appears once, not twice, on an included page.
  • The launcher is absent from every excluded path.
  • Anonymous and authenticated users see the intended result.
  • Mobile and desktop layouts both leave the launcher usable and do not cover navigation or form controls.
  • The provider console receives a test conversation and an agent can reply.
  • Refreshing the page, navigating between routes, and opening a second tab do not create duplicate launchers.
  • The browser console has no module errors caused by a missing setting or malformed embed code.
  • Configuration is exported or recorded so the same settings can be deployed consistently.

Troubleshooting common failures

The configuration page does not exist

Confirm that the module is enabled, that Composer installed the intended release, and that your account has permission to administer its settings. Clear caches after enabling the module.

The widget never appears

Check that the provider account is active, the embed code or Widget ID is complete, and the current page satisfies the visibility rules. Test an unrestricted page first, then add conditions one at a time.

Free tools Windows power users keep installed

One-click scans. No signup required.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

The widget appears on excluded pages

Review path syntax, role or audience precedence, and cached output. Clear Drupal caches and test in a private window. If a theme or custom block also contains the provider script, remove the duplicate source.

The widget appears twice

Search the theme templates, custom blocks, tag-management configuration, and the Drupal module settings for a second copy of the provider snippet. Keep one integration path and remove the others.

Rank #4
Sale
UGREEN USB to USB C Adapter Combo 4-Pack, 10Gbps USB C Converter Space Gray | Data transfer & Fast charging for MacBook, iPhone 17/16/15, iPad, Samsung Galaxy, Apple Watch
  • Dual Converters, Infinite Potential:Includes 2× USB C male to USB A female adapters and 2× USB A male to USB C female adapters. Perfect for a wide range of uses—tablets with Bluetooth keyboards, expand USB ports on macbook, and more. Two different converters for all your daily needs
  • Next-Level 10Gbps & 3A Charging: No more slow 480Mbps, this usb to usb c adapter has a transfer speed of up to 10Gbps, allowing you to do more transferring in less time. This usb adapter fits both USB A and USB C charger, supporting up to 3A fast charging
  • Upgraded Exquisite Craftsmanship: With an aluminum alloy housing and metal connector, the usbc to usb adapter is extremely durable and sturdy. Rigorously tested to withstand more than 10,000 times of plugging and unplugging, ensuring long-lasting performance
  • Broad Compatible: The usb c to usb adapter widely supports all USB C/ USB A devices like laptops, tablets, cellphones, car chargers, and phone chargers. Such as compatible with MacBook Pro/Air 2023/2022, Thunderbolt 4/3 Devices,Apple MagSafe Watch 9/8/7/SE/Ultra, iPad Pro 2022/2021, Samsung Galaxy S23/S20/S10, and iPhone 17/16/15 Pro. Plug and play
  • Please Note: To reach 10Gbps speed, keep the cable under 3.3 ft. For USB A Male to USB C adapters, try flipping the USB C connector. USB C Male to USB A adapters support bidirectional 10Gbps transfer within 3.3 ft

Composer reports a compatibility conflict

Read the module’s declared core range and compare it with the exact version in your status report. Do not force Composer to install a module outside its stated range. Choose an integration that names your core version or upgrade Drupal through your normal change process.

Pages feel slower after installation

Confirm whether the provider script is loading once and whether the module offers a delay option. For tawk.to, the project mentions a delay of more than one to two seconds as guidance for reported page-speed errors; test the effect on your own pages instead of assuming a benefit.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Support on Ko-Fi

Maintenance and security decisions

Compatibility and maintenance are separate checks. Chatlio and tawk.to are labeled minimally maintained and maintenance fixes only. Alive5 states that its project is outside Drupal’s security advisory policy. Drift’s project information is dated June 2022, and the LiveChat instructions are from 2022 and identify Drupal 8.x. Record these qualifications in your change-management notes, subscribe to available provider and Drupal notifications, and review module updates before deploying them.

The reviewed integration pages do not establish provider pricing, free tiers, data retention, consent obligations, accessibility conformance, or comparative performance. Obtain those details from the provider and complete your organization’s privacy, security, and accessibility review before enabling chat for production visitors.

Frequently Asked Questions

Can I add live chat without installing a Drupal module?

Some providers supply a standalone embed snippet that can be placed through a theme or tag-management system, but the documented examples here use Drupal integrations. A module gives you a Drupal configuration route and, depending on the project, visibility controls; a raw snippet does not automatically provide those controls.

Does installing a module give me a free chat service?

No. The documented integrations connect Drupal to provider accounts. The reviewed material does not establish current pricing or free-plan limits for those services.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Which option is documented for Drupal 10.3?

Chatlio release 1.1.0 explicitly states ^10.3 || ^11. tawk.to release 3.0.3 states ^10 || ^11, and Alive5 states Drupal 10/11 support.

Best Value
Anker USB C Hub, 5-in-1 USBC to HDMI Splitter with 4K Display | 85W Max PD, 1 Powered USB-C 5Gbps & 2 Powered USB-A 3.0 5Gbps Data Ports, for MacBook Pro, MacBook Air, Dell and More (Black)
  • 5-in-1 Connectivity: Equipped with a 4K HDMI port, a 5 Gbps USB-C data port, two 5 Gbps USB-A ports, and a USB C 100W PD-IN port. Note: The USB C 100W PD-IN port supports only charging and does not support data transfer devices such as headphones or speakers.
  • Powerful Pass-Through Charging: Supports up to 85W pass-through charging so you can power up your laptop while you use the hub. Note: Pass-through charging requires a charger (not included). Note: To achieve full power for iPad, we recommend using a 45W wall charger.
  • Transfer Files in Seconds: Move files to and from your laptop at speeds of up to 5 Gbps via the USB-C and USB-A data ports. Note: The USB C 5Gbps Data port does not support video output.
  • HD Display: Connect to the HDMI port to stream or mirror content to an external monitor in resolutions of up to 4K@30Hz. Note: The USB-C ports do not support video output.
  • What You Get: Anker 332 USB-C Hub (5-in-1), welcome guide, our worry-free 18-month warranty, and friendly customer service.

How can I show chat only on support pages?

Use the integration’s visibility controls to allow the support paths and exclude other routes. Alive5 documents path-pattern, audience, role, content-type, and exclusion controls; Chatlio and tawk.to also document visibility-related settings.

Why should I test as both anonymous and logged-in users?

Role and audience rules can change whether the launcher is rendered. A page that works for an administrator may be hidden from anonymous visitors, or vice versa.

Is the older LiveChat Drupal plugin suitable for Drupal 11?

The cited vendor instructions identify Drupal 8.x support and were updated in 2022. They do not verify Drupal 10/11 compatibility, so obtain a current vendor-supported path before using it on a newer core release.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

What should I do if the provider script loads twice?

Locate every copy of the provider code in module settings, theme templates, custom blocks, and tag-management tools. Remove duplicate sources, clear caches, and verify one launcher and one script load in the browser.

Frequently Asked Questions

Do I need a provider account before configuring the Drupal module?

Yes. The module connects Drupal to a hosted chat account; it does not create the provider service itself.

Can I target specific content types or roles?

That depends on the integration. Alive5 documents content-type, role, audience, path, and exclusion controls; other projects describe narrower visibility settings.

Are current prices or free plans confirmed for these integrations?

No. The reviewed integration documentation does not establish current pricing or free-plan limits.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

What is the safest way to verify a new widget?

Test included and excluded paths in a private window as anonymous and logged-in users, confirm one launcher, and send a real test conversation through the provider account.

Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.

Alive5ChatlioDriftDrupalDrupal 10Drupal 11Live ChatLiveChattawk.to

Leave a Reply

Your email address will not be published. Required fields are marked *

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Recommended PC Tool
Recommended PC Tool
Outdated Drivers Are Slowing You DownFree scan - exact matches
Windows Errors? Fix Them Before They SpreadFree repair scan

Two free Windows tools

One Free Minute Could Fix That PC

Before you go - each of these free tools takes about a minute and tackles what quietly slows a Windows PC down.

Special offer. View Outbyte info, uninstall instructions, EULA, and Privacy Policy.