Comment installer un chat en direct sur un site Gatsby ?

Si vous avez un site web créé avec Gatsby, vous pouvez ajouter un widget de chat en direct Chatwoot et discuter avec vos visiteurs en temps réel. Cela peut être fait en 3 étapes simples grâce au plugin Gatsby de Chatwoot.

Étape 1. Ajoutez le plugin Gatsby à votre projet​

Ajoutez gatsby-plugin-chatwoot à votre projet Gatsby.

npm install --save gatsby-plugin-chatwoot

Si vous utilisez yarn, utilisez la commande suivante :

yarn add gatsby-plugin-chatwoot

Étape 2. Ajoutez le plugin à votre fichier de configuration Gatsby​

// Dans votre gatsby-config.js
plugins: [
  {
    resolve: `gatsby-plugin-chatwoot`,
    options: {
      baseUrl: "BASE_URL", // Obligatoire
      websiteToken: "WEBSITE_TOKEN", // Obligatoire
      includeInDevelopment: false, // Optionnel
      chatwootSettings: {}, // Optionnel
    },
  },
];

Vous pouvez obtenir votre jeton de site web et l’URL de base depuis les paramètres de votre boîte de réception dans votre compte Chatwoot.

Si vous avez besoin de créer un nouveau canal pour votre site web, suivez la procédure illustrée ici.

Étape 3. Démarrez votre serveur​

Vous devriez maintenant voir le widget Chatwoot sur la page.