Requirements

• Access to the source code of your site
• An Assistcord Widget ID

Let's get started

Firstly, you'll need to install a package called gatsby-plugin-load-script, this plugin allows us to load the Assistcord script on your site correctly. To install with NPM, run npm install gatsby-plugin-load-script or to install with Yarn run yarn add gatsby-plugin-load-script.

Next, to actually load the Assistcord widget, you'll need to add the following to your gatsby-config.js file:

// gatsby-config.js
module.exports = {
  plugins: [
    // ...
    {
      resolve: 'gatsby-plugin-load-script',
      options: {
        src: '<https://widget-autoload.assistcord.com/autoload.js?id=YOUR_WIDGET_ID>',
      },
    },
  ],
}

<aside> 🚨 Make sure to replace MY_WIDGET_ID with your actual Widget ID, otherwise the widget will not load.

</aside>

<aside> ✅ You're all done! The widget is now fully installed. Make sure to push your site's code to production.

</aside>

What's with the "autoload" thing?

Because of the way Gatsby loads scripts, you'll have to use an unrecommended method to load the Assistcord script.

Having trouble?

If you've followed all the steps above and the widget still isn't appearing, contact us by pressing the chat button in the bottom right!