Offrir de l'assistance lorsque le contenu d'une page change

Offrir de l'assistance lorsque le contenu d'une page change

Copier la page

Alertez votre équipe d'assistance sur Slack dès qu'une page de politique change, grâce à Workflow Trigger Extensions et Shopify Flow.

Pourquoi ce workflow est-il important ?

Si votre politique de retour passe de 30 à 14 jours, votre boutique en ligne est mise à jour immédiatement, mais votre équipe d'assistance risque de continuer à fournir les anciennes informations, à moins que vous ne l'en informiez sans délai.

Ce workflow comble cette lacune. Grâce à Workflow Trigger Extensions, Shopify Flow et à un webhook Slack, vous pouvez avertir votre équipe d'assistance dès qu'une page de politique est mise à jour.

Ce que vous allez réaliser

Vous allez créer :

  • Un workflow Slack qui démarre à l'aide d'un webhook
  • Une variable de type texte nommée « text » qui reçoit le message provenant de Shopify Flow
  • Un workflow Shopify Flow qui démarre avec le déclencheur « Mise à jour de la page » disponible à l'adresse Workflow Trigger Extensions
  • Une condition qui vérifie si page.handle est égal à return-policy ou à un autre identifiant de page que vous souhaitez surveiller
  • Une action de notification qui envoie le titre et le contenu mis à jour de la page à votre webhook Slack

Avant de commencer

  • Vous avez installé « Workflow Trigger Extensions ».
  • Vous avez accès à Shopify Flow.
  • Vous avez accès aux workflows Slack dans l'espace de travail Slack où vous souhaitez recevoir les alertes.
  • Vous savez quelle URL de page vous souhaitez surveiller, par exemple return-policy.

Guide vidéo

La vidéo montre l'ensemble du processus. Elle a été enregistrée avec une ancienne version de l'application, dans laquelle le déclencheur était activé à un autre endroit : veuillez suivre l'étape 1 ci-dessous pour cette partie.

Étape 1 : Activez le déclencheur « Mise à jour de la page »

Ouvrez « Workflow Trigger Extensions » dans l’interface d’administration d’Shopify, puis accédez à la section « Déclencheurs ». Saisissez « Page » dans le champ de recherche et activez « Mise à jour de la page ».

Si l'application ne dispose pas encore d'un accès aux blogs et aux pages, Shopify vous le demande immédiatement : validez la boîte de dialogue et le déclencheur est activé. L'activation d'un workflow Shopify Flow qui commence par ce déclencheur l'active également.

La page « Déclencheurs » a recherché « Page », la fonction « Mise à jour de la page » étant activée
Déclencheurs, recherche par page : activer la mise à jour de la page.

Étape 2 : Créer le workflow Slack

Commencez par créer le compte Slack afin de disposer d'une URL de webhook pour Shopify Flow.

Dans Slack, créez un workflow et sélectionnez « Commence par un webhook » comme déclencheur.

Dans la configuration du webhook, créez une variable nommée « text ». Il s'agit de la valeur que Slack recevra depuis Shopify Flow.

Ajoutez une étape « Envoyer un message », par exemple « Envoyer un message à #assistance-team ».

Dans le corps du message Slack, insérez la variable de texte afin que le message exact provenant de Shopify Flow soit publié dans le canal d'assistance.

Enregistrez le workflow Slack afin que l'URL du webhook soit disponible.

Workflow Slack configuré pour se déclencher via un webhook et envoyer un message au canal d'assistance
Workflow Slack configuré pour se déclencher via un webhook et envoyer un message au canal d'assistance

Copiez l'URL du webhook

Ouvrez les paramètres du webhook dans Slack et copiez l'URL de la requête Web. Vous utiliserez cette URL sur Shopify Flow.

Configuration du webhook Slack affichant l'URL de la requête Web et le bouton « Copier le lien »
Configuration du webhook Slack affichant l'URL de la requête Web et le bouton « Copier le lien »

Étape 3 : Vérifiez l'identifiant de la page sur Shopify

Avant de définir la condition, veuillez vérifier l'identifiant exact de la page que vous souhaitez surveiller.

Dans l'interface d'administration d'Shopify, ouvrez la page et consultez l'aperçu de l'affichage dans les moteurs de recherche. Pour une page consacrée à la politique de retour, l'URL peut être return-policy.

Shopify Éditeur de page affichant l'identifiant de la page « return-policy » dans les résultats des moteurs de recherche
Shopify Éditeur de page affichant le code d'accès « return-policy » dans les résultats des moteurs de recherche

Étape 4 : Créer le workflow Shopify Flow

Créez maintenant le processus d'automatisation dans Shopify Flow.

Ouvrez Shopify Flow et créez un nouveau workflow.

Recherchez la page et sélectionnez « Mise à jour de la page » dans la rubrique «Workflow Trigger Extensions ».

Une fois sélectionné, le workflow se lance dès qu'une page est mise à jour.

Shopify Flow Sélecteur de déclencheurs affichant le déclencheur « Mise à jour de la page » issu de Workflow Trigger Extensions
Shopify Flow Sélecteur de déclencheurs affichant le déclencheur « Mise à jour de la page » issu de Workflow Trigger Extensions

Étape 5 : Ajoutez une condition pour la page que vous souhaitez surveiller

En général, vous ne souhaitez pas recevoir d'alertes à chaque mise à jour d'une page. Ajoutez une condition afin que le workflow ne s'exécute que pour la page de politique qui vous intéresse.

Après le déclencheur « Mise à jour de la page », ajoutez une étape « Condition ».

Définissez la valeur de ce champ sur « Handle » ou page.handle.

Définissez la règle sur « Égal à ».

Saisissez return-policy ou l'URL exacte de la page que vous souhaitez surveiller.

Shopify Flow condition vérifiant si le descripteur de page est égal à « return-policy »
Shopify Flow condition vérifiant si le descripteur de page correspond à la politique de retour

Étape 6 : Envoyez la mise à jour de la page vers Slack

Une fois la branche « True » de la condition exécutée, envoyez les détails de la mise à jour à votre webhook Slack.

Si votre forfait Shopify inclut la fonctionnalité « Envoyer une requête HTTP »

Ajoutez l'action intégrée « Envoyer une requête HTTP » d'Shopify Flow et utilisez l'URL du webhook Slack que vous avez copiée.

Envoyez un corps JSON qui transmet les détails de la page à la variable de texte Slack.

swift
{
  "body": {
    "text": "⚠️ Policy page updated\n\nPage title: {{ page.title }}\nPage handle: {{ page.handle }}\n\nUpdated content:\n{{ page.bodyHtml }}"
  }
}

Si vous disposez de la formule « Basic » Shopify

Il se peut que l'action intégrée « Envoyer une requête HTTP » ne soit pas disponible dans votre forfait. Dans ce cas, utilisez le Shopify Flow « E-mail transactionnel » de et son action « Requête HTTP » comme solution de contournement pour les webhooks sortants.

Le guide correspondant utilise ces zones et ces libellés réels de l'application :

  • Requêtes HTTP
  • Créer une demande
  • Requête HTTP dans Shopify Flow
  • Historique des événements

Pour connaître la procédure de configuration complète, veuillez consulter le guide publié sur le blog mentionné par l'utilisateur : Effectuer une requête HTTP.

Format recommandé pour les messages sur Slack

Afin que les alertes restent lisibles pour les équipes d'assistance, envoyez un message comme celui-ci :

swift
{
  "body": {
    "text": "⚠️ Policy page updated\n\nPage title: {{ page.title }}\nPage handle: {{ page.handle }}\n\nUpdated content:\n{{ page.bodyHtml }}"
  }
}

Comportement recommandé du workflow

Dans le cas de l'exemple de la politique de retour, la logique finale du workflow se présente comme suit :

  1. Le déclencheur « Mise à jour de la page » se déclenche dès qu'une page est modifiée
  2. La condition vérifie si page.handle est égal à return-policy
  3. Si cette condition est vérifiée, la fonction Shopify Flow envoie le nouveau titre et le contenu de la page au webhook Slack
  4. Slack publie immédiatement le message sur votre canal d'assistance

Cela permet à votre équipe d'assistance de prendre connaissance des modifications apportées aux politiques avant de continuer à répondre aux clients en leur fournissant des informations obsolètes.

Testez le workflow

Apportez une petite modification à la page surveillée dans l'interface d'administration d'Shopify, puis enregistrez-la.

Ouvrez Shopify Flow et vérifiez que le workflow s'est exécuté à partir de l'événement « Mise à jour de la page ».

Vérifiez que le nom d'utilisateur correspond bien à la valeur que vous avez saisie.

Ouvrez votre canal d'assistance et vérifiez que le workflow Slack a bien publié le SMS reçu.

Le message Slack se présente comme suit :

Bonnes pratiques

  • Dans votre condition, utilisez l'identifiant exact de la page, et non son titre.
  • Commencez par une page essentielle, telle que return-policy, avant de passer aux autres pages consacrées aux politiques.
  • Veillez à ce que le canal Slack reste axé sur les opérations internes, comme #assistance-team ou un canal dédié aux mises à jour des politiques.
  • Si votre boutique utilise la version « Basic » d'Shopify, utilisez « Shopify Flow Transactional Email » pour l'étape de webhook sortant.
  • Veuillez tester à nouveau le workflow après avoir modifié votre webhook Slack ou le format du message.

Exemples de cas d'utilisation

L'assistance vous fournira l'information en cas de modification des délais de retour, des conditions d'échange ou des modalités des ventes définitives.

Prévenez l'équipe lorsque les délais de livraison, les zones d'expédition ou les règles des transporteurs sont modifiés.

Veillez à ce que l'assistance reste conforme en cas de modification des dispositions juridiques ou des conditions de couverture.

Résultat

Grâce à ce workflow, votre site web et votre équipe d'assistance restent en phase. Dès qu'une page de politique faisant l'objet d'une surveillance est modifiée, Slack alerte votre équipe afin qu'elle puisse réagir immédiatement en fournissant les informations correctes.