Drupal Chat module

Create your All-in-One Chat module
Screenshots
Description
Visitors pick the messaging app they like, and you reply from the apps you already use. Add a live chat to your Drupal website with 16 contact buttons plus a Custom one, all in a single chat window.
The conversation continues in the messenger, not in a window on your website, so there is no extra inbox to check.
The chat can open on page load, after time on page or on the website, on scroll position or on exit intent, so it appears when visitors are ready to ask.
Show it to the right people: pick devices and visitor type (all, new or returning) and set a schedule with days, working hours and a time zone.
Key features of the Drupal Chat module
- All messaging apps in one chat – 16 contact button types plus a Custom button, including WhatsApp, Telegram, Facebook Messenger, Instagram, Viber and Line.
- Open at the right moment – on page load, after time on page or on the website, on scroll position or on exit intent.
- Display rules and schedule – show the chat by device and visitor type, and only on the days and hours you set.
- Three placement formats – floating bubble, embed bubble or embed chat window.
- Profile and design – set the avatar, name, Online caption and reply time, and restyle the bubble, icon, header, message and window colors to match your website.
- Changes without reinstalling – publish edits in the editor and they appear on your live website.
Try every setting in the free configurator below.
Why add a chat to your Drupal website
- Add the code once – after you publish changes in the editor, they appear on your live website without pasting the code again.
- See it before it goes live – adjust the widget in the free configurator and watch the changes as you make them.
- Reply where you already work – the conversation continues in the messenger app, so you answer from the apps you use every day.
- Show it when it helps – choose devices, new or returning visitors and a schedule.
How to add All-in-One Chat to Drupal
Set up the chat in the Elfsight editor, copy the installation code and add it to the backend of your Drupal website. You can show the chat on one selected page or on all pages.
Add the chat to a specific page
- Log in to your Drupal website’s backend, click Manage, then select Content.
- Find the page you want to add the chat to and click Edit.
- Convert the page into the Full HTML format.
- Click the Source button to open the initial HTML view and paste your installation code into the required page area.
- Save the changes and open the published page to check that the chat appears.
Add the chat to all pages
- Log in to your Drupal website’s backend, go to the Structure tab and click Block layout.
- Scroll down, choose a Footer section, for example Footer first, and click Place block.
- Click Add custom block and enter the name of the block.
- Convert the page into the Full HTML format.
- Click the Source button to open the initial HTML view.
- Paste your installation code into the required page area and save the changes.
- Uncheck Display title and check all the pages of your website within the Content types section.
- Select the needed Region from the Select dropdown and click Save.
- Scroll to the bottom of the page and click Save blocks.
- Open any page of your website and check that the chat appears and opens.
Need a hand? Check our Help Center guide or contact the support team.