Skip to main content

Integrate Hoory with Gatsby

If you have a website created on Gatsby, you can add a Hoory live chat widget to it and talk to your visitors in real-time.

This can be done in 3 simple steps using Hoory’s Gatsby plugin.

1. Add the Gatsby Plugin to Your Project

Add gatsby-plugin-hoory to your Gatsby project.

npm install --save gatsby-plugin-hoory

If you are using yarn, use:

yarn add gatsby-plugin-hoory

2. Add the Plguin to Your Gatsby Config File

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

You can get your Website token and base URL from your Inbox settings in your Hoory account.

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

3. Start Your Server

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