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: Configure your chatbot's base language as English
  • Step 2: Customizing Greeting Messages for Multi-lingual Websites
  • Step 3: Embedding onto your multi-language website

Was this helpful?

  1. Setup Guides
  2. Setting up your Chatbot

Setting up Multi-lingual Chatbots

A quick guide on setting up multilingual chatbots if you have multilingual webpages.

PreviousHow to set-up a Spontaneous Greeting MessageNextHow to Pick Between Source Citations Options For Your Chatbot

Last updated 8 months ago

Was this helpful?

Wonderchat supports multilingual websites, allowing you to use a single chatbot across multiple languages. This guide demonstrates how to implement a versatile chatbot that works seamlessly with all languages on your site.


Step 1: Configure your chatbot's base language as English

Navigate to your Dashboard and enter the "Edit Chatbot" page.

Once you've entered the "Chatbot Settings" page, go to the "General" tab

Set "English" as the base language. This acts as a universal setting, allowing the chatbot to understand queries in multiple languages and to respond in the user's language automatically.

Note: English is recommended as the base language for multilingual support. However, you can choose a different base language if needed.


Step 2: Customizing Greeting Messages for Multi-lingual Websites

To configure one chatbot to speak multiple languages, adjust the greeting message based on the page language.

Here's how:

  1. Set up your chatbot in the dashboard.

  2. Click on "Embed to Website".

  1. In the embed code, add a data-greeting parameter to override the default greeting:

html Copy<script 
  src="your-embed-script-url" 
  data-greeting="Bonjour! Comment puis-je vous aider aujourd'hui?"
></script>
  1. Use this customized embed code on your language-specific pages.

For example, here is how you can use a French greeting on pages that mainly use the French language.


<script
    src="https://app.wonderchat.io/scripts/wonderchat.js"
    data-name="wonderchat"
    data-address="app.wonderchat.io"
    data-id="f12kfnlkjn312321flkqwjenflkqwjenf"
    data-greeting="Hello there!"
    defer
></script>

The bot will greet with "Hello there!", but if using the script:

<script
    src="https://app.wonderchat.io/scripts/wonderchat.js"
    data-name="wonderchat"
    data-address="app.wonderchat.io"
    data-id="f12kfnlkjnflkqwjenflkqw21323jenf"
    data-greeting="Bonjour!"
    defer
></script>

The bot will greet with "Bonjour", which you can switch this to whichever language in the different language domains of your website.

As long as the greeting message is displayed in the same language of the webpage, your users would be able to interact with the bot in their native language.


Step 3: Embedding onto your multi-language website

You can copy and paste the same widget code, and make edits to the script parameter (data-greeting="Hello there!") to reflect the greeting in the language of your choice.


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


📪
Click on the "⋮" button and go to "Edit Chatbot"
Go to the "General" tab and click on the "language" option
Click on 'embed to website' to modify script settings