Website Live Chat
Docusaurus Integration
Learn how to integrate the Chatwik live chat widget into your Docusaurus website.
Chatwik integrates seamlessly with Docusaurus via the @chatwik/docusaurus-plugin. This plugin helps you easily install the Chatwik live-chat widget on a Docusaurus-powered website.
Follow the quick steps below to install and configure the plugin.
Installation & Setup
Add the Plugin to Your Project
Run one of the following commands in your Docusaurus project root:
yarn add @chatwik/docusaurus-pluginnpm install @chatwik/docusaurus-plugin --savepnpm add @chatwik/docusaurus-pluginConfigure the Plugin in docusaurus.config.js
Add the plugin and configuration options inside your docusaurus.config.js file:
module.exports = {
plugins: ["@chatwik/docusaurus-plugin"],
themeConfig: {
chatwik: {
websiteToken: "Your website inbox token",
baseURL: "https://app.chatwik.com", // optional
enableInDevelopment: false, // optional
chatwootSettings: {
hideMessageBubble: false,
position: "right", // "left" or "right"
locale: "en", // Language code
useBrowserLanguage: false, // Set widget language from user's browser
darkMode: "auto", // "light" or "auto"
type: "expanded_bubble",
launcherTitle: "Chat with us",
}
}
}
};