Il peut être difficile de comprendre les problèmes rencontrés par les visiteurs de votre site web et leurs explications peuvent ne pas être suffisamment claires pour que vous puissiez les aider. Il peut être nécessaire de pouvoir voir leur écran et d'y effectuer des actions pour les aider. C'est pourquoi nous avons intégré Upscope dans Conversations pour vous permettre de voir l'écran de vos visiteurs et d'en prendre le contrôle, ou même de démarrer un appel si nécessaire à tout moment de votre conversation et de faciliter l'assistance à la clientèle.
Avant de commencer
- Connectez-vous ou créez un compte Upscope.
- Configurez vos paramètres Upscope pour créer des équipes, ajouter des membres, choisir si vous voulez demander le consentement de vos visiteurs ou non, quelles actions peuvent être effectuées par vos agents sur les écrans des visiteurs, et plus encore. Pour en savoir plus, consultez le Centre d'aide Upscope.
- Copiez le code d'installation d'Upscope à partir de leur page < > Instructions d'installation.
⚙️ Étape 1 : installer Upscope sur votre site web
- Accédez à votre compte Shopify et allez sur Boutique en ligne > Thèmes.
- Cliquez sur Personnaliser.
- En haut à gauche de votre écran, cliquez sur ··· > Modifier le code.
- Sous Mise en page, cliquez sur le code theme.liquid. Recherchez la balise <head> et collez le code d'installation d'Upscope que vous pouvez récupérer sur la page < > Instructions d'installation.
- Cliquez sur Enregistrer en haut à droite de votre écran. Assurez-vous que votre boutique est publiée.
- Installez le plugin WP Code - Insert Headers and Footers + Custom Code Snippets sur votre site web WordPress ou WooCommerce :
- Connectez-vous à votre site web WordPress ou WooCommerce et accédez à Plugins > Ajouter nouveau dans la barre latérale de gauche.
- Saisissez WP code dans la barre de recherche.
- Cliquez sur Installer maintenant à côté de WP Code - Insert Headers and Footers + Custom Code Snippets.
- Une fois le plugin installé, cliquez sur Code Snippets > Header & Footer dans la barre latérale gauche.
- Dans la section En-tête, collez le code d'installation d'Upscope que vous pouvez récupérer sur la page < > Instructions d'installation d'Upscope.
- Accédez à votre compte Google Tag Manager.
- Cliquez sur Balises > Nouvelle.
- Nommez votre balise et cliquez sur Configuration de la balise. Choisissez ou recherchez HTML personnalisée dans la liste des types de balises.
- Dans le champ HTML, collez le code d'installation d'Upscope que vous pouvez récupérer sur la page < > Installation instructions d'Upscope.
- Facultatif : configurez les Paramètres avancés de votre balise si nécessaire.
- Cliquez sur Déclenchement et choisissez Toutes les pages.
- Cliquez sur Enregistrer.
- Maintenant que votre balise est créée, cliquez sur Soumettre pour l'activer.
- Renseignez les champs Nom de la version et Description de la version pour votre balise et cliquez sur Publier pour installer l'intégration Upscope.
Accédez au code HTML de votre site web et collez le code d'installation d'Upscope que vous pouvez récupérer sur la page < > Instructions d'installation d'Upscope. Nous vous recommandons de coller le code juste avant ou à l'intérieur de la balise <head> pour installer l'intégration sur l'ensemble de votre site web.
Félicitations ! 🚀 Votre intégration Upscope est installée sur votre site web. Vous pouvez désormais accéder à Conversations et l'utiliser ⬇️.
👀 Étape 2 : commencer le partage d'écran avec Upscope dans Conversations
Vous ne pouvez commencer à voir l'écran de vos visiteurs qu'une fois qu'ils ont entamé une conversation avec vous. Lorsque vous discutez avec les visiteurs de votre site web, vous pouvez accéder à leur écran à tout moment pour les aider et résoudre les incidents.
Dans le panneau de droite de votre conversation, sous Partager l'écran et co-naviguer, cliquez sur le bouton Démarrer une session :
Une fois la session lancée, vous pouvez effectuer différentes actions grâce à la barre d'outils située au bas de votre page :
| Outil | Action |
| Choisissez votre couleur de surbrillance. Vous avez le choix entre le jaune, le vert, le violet, le noir et le rouge. | |
| Mettez en surbrillance une partie de l'écran de vos visiteurs et montrez-leur les instructions. Cela peut s'avérer utile s'ils doivent effectuer plusieurs actions à la suite. | |
| Naviguez sur l'écran de vos visiteurs. Vous pouvez cliquer sur l'actualisation de la page, cliquer sur des boutons, faire défiler ou même naviguer dans les différentes pages de votre site web comme si vous y étiez. | |
| Mettez en évidence une partie de l'écran de vos visiteurs. Il peut être utile de leur montrer où cliquer lorsqu'ils ne trouvent pas un bouton, par exemple. | |
| Cliquez sur ce bouton pour lancer un appel audio avec vos visiteurs s'ils ont besoin d'indications orales. | |
| Cliquez sur ce bouton lorsque vous avez fini d'aider vos visiteurs et mettez fin à la session de partage d'écran. |
⏭ Et après ?
🤔 Vous avez des questions ?
Pour toute question, n’hésitez pas à contacter notre service client en créant un ticket à partir de votre compte. Si vous n’avez pas encore de compte, vous pouvez nous contacter ici.
Si vous avez besoin d'aide pour un projet impliquant Brevo, nous pouvons vous mettre en relation avec un Partenaire Brevo certifié.