Home Website Live Chat How to install live chat on a Gatsby website

How to install live chat on a Gatsby website

Last updated on Nov 07, 2025

If you have a website created on Gatsby, you can add a VowChat live chat widget and talk to your visitors in real time. This can be done in 3 simple steps using VowChat's Gatsby plugin.

Step 1. Add the Gatsby plugin to your project

Add gatsby-plugin-vowchat to your Gatsby project.

npm install --save gatsby-plugin-vowchat

If you are using yarn, use the following:

yarn add gatsby-plugin-vowchat

Step 2. Add the plugin to your Gatsby config file

// In your gatsby-config.js
plugins: [
  {
    resolve: `gatsby-plugin-vowchat`,
    options: {
      baseUrl: "BASE_URL", // Required
      websiteToken: "WEBSITE_TOKEN", // Required
      includeInDevelopment: false, // Optional
      vowchatSettings: {}, // Optional
    },
  },
];

You can get your Website token and base URL from your Channel settings in your VowChat account.

If you need to create a new website channel, follow the procedure illustrated here.

Step 3. Start your server

You would be able to see the VowChat widget on the page now.