Home OneHash Chat Integrate OneHash Chat with Gatsby

Integrate OneHash Chat with Gatsby

By Ankur • Last updated on May 23, 2025

Gatsby

OneHash Chat has an official Gatsby plugin for integrating the widget on your websites

  1. Add gatsby-plugin-OneHash Chat to your gatsby project.
npm install --save gatsby-plugin-OneHash Chat  

if you are using yarn, use

yarn add gatsby-plugin-OneHash Chat  
  1. Add the plguin to your gatsby config file
// In your gatsby-config.js  
plugins: [  
{  
resolve: `gatsby-plugin-OneHash Chat`,  
options: {  
baseUrl: "BASE_URL", // Required  
websiteToken: "WEBSITE_TOKEN", // Required  
includeInDevelopment: false, // Optional  
OneChatSettings: {}, // Optional  
},  
},  
];  

You can get your website token and base url from your inbox settings, or you can create a new inbox from the OneHash Chat dashboard follwoing this link

  1. Start your sever and You would be able to see the OneHash Chat widget on the page now.