Wonderchat Documentation
  • 👋Welcome to Wonderchat
  • Overview
    • ⚖️Pricing
    • ✨Our Features
    • 🔍Content Overview
  • Setup Guides
    • 📪Setting up your Chatbot
      • Creating Your First Chatbot
      • How to set-up a Spontaneous Greeting Message
      • Setting up Multi-lingual Chatbots
      • How to Pick Between Source Citations Options For Your Chatbot
      • Add Suggested Questions to your Chatbot
      • Selecting Between AI models for your chatbots
      • How to Crawl and Update Private Sites
      • How to Customize Your Notification Settings for Your Chatbot
    • 🤖Training your Chatbot
      • How to add or delete webpages or websites from your chatbot
      • How to manually update your Chatbot website link for Re-Crawling
      • How to use PDF and website links simultaneously as data sources for your chatbot
      • How to upload Videos and Audio files into Wonderchat
      • How to add or delete PDFs from your chatbot
      • Writing Support Documentation for AI Chatbots
    • 🖥️Adding your Chatbot to your website
      • How to Embed a Chat Widget
      • How to Embed a Chat Screen
      • Embedding for Wix
      • Embedding for Shopify
      • Embedding for WordPress
      • Embedding for Drupal
      • Embedding for Webflow
    • ✍️Correcting your Chatbot
      • How to Set Up Chatbot Corrections
      • How to Resolve Pending Corrections
      • Export and Import Corrections
    • 💅Styling your Chatbot
      • How to Adjust Chat Widget Size
      • Customizing Your Chatbot's Style and Color
      • Using Custom CSS to style your chatbot
    • 👨‍💼Human Handover for your Chatbots
      • AI Chatbot Handover to Human Support via Email
      • How to Set Up Live Chat within Wonderchat
    • 📇Collecting Leads with your Chatbot
      • How to set-up leads generation sequences
      • How to collect user names, emails and phone numbers from users
      • Turning on email notifications for every new lead collected
      • [For Enterprise Users] How to Route Chats by Topic to Sales Representatives
    • 🤝Sharing your Chatbot
      • How to Share Your Chatbot Publicly
      • How to Add Team Members to Wonderchat
    • 🔋Using Chatbot Tools
      • Set-up Custom Chatbot Tools
    • ⚙️Adding Chatbot Workflows
      • Set-up Chatbot Workflows
  • Integration Guides
    • Active Campaign
    • Calendly
    • Freshdesk
    • HubSpot
      • Adding Wonderchat Tags to Hubspot
    • Shopify
    • Slack
      • Slack (via Zapier)
    • Twilio
    • WhatsApp
    • Zapier App
    • Zendesk
    • Google Drive
    • Microsoft Sharepoint
    • Facebook Messenger
    • Discord
  • FAQ
    • How To Exclude VAT/GST Charge at Checkout
    • How To Exclude VAT/GST Charge after Checkout (via Tax Refund)
    • How to Apply a Promo Code at Checkout
    • Upgrading Wonderchat Subscription
Powered by GitBook
On this page
  • Step 1: Log into your Drupal website:
  • Step 2: Navigate to Structure
  • Step 3: Select Blocks
  • Step 4: Add a new block
  • Step 5: Enter your chat widget code
  • Step 6: Configure the block visibility
  • Step 7: Save your block

Was this helpful?

  1. Setup Guides
  2. Adding your Chatbot to your website

Embedding for Drupal

A Guide on How to Embed Chat Widget for Drupal Users.

PreviousEmbedding for WordPressNextEmbedding for Webflow

Last updated 8 months ago

Was this helpful?

To add a chat widget to your Drupal website, you can do so by using the "Block" functionality provided by Drupal. Here's how.


Step 1: Log into your Drupal website:

Login your website's admin panel by entering your credentials.

Step 2: Navigate to Structure

Find and click on the "Structure" option in the main menu.

Step 3: Select Blocks

In the Structure menu, you will find an option called "Blocks". Click on this.

Step 4: Add a new block

On the Blocks page, there should be a link or button to "Add block". Click on this to create a new block.

Step 5: Enter your chat widget code

In the block configuration, there will be a text box for block content. This is where you can add your chatbot widget code. Make sure to select the "Full HTML" or "Raw HTML" text format to ensure that your code is not modified or filtered by Drupal.

For a more detailed guide on , customize your chat widget or page, see the pages below:

How to Embed a Chat Widget

How to Embed a Chat Screen

Step 6: Configure the block visibility

In the same block configuration, there will be settings for where and when this block should appear on your site. You can configure these settings to ensure the chat widget appears on all pages, only on certain pages, or only for certain users, etc.

Step 7: Save your block

Once you've entered your code and configured the block settings, you can save your block. The chat widget should now appear on your website according to the visibility settings you configured.


If you have any more questions, feel free to reach out to us at support@wonderchat.io

🖥️
how to retrieve your chatbot widget's code