L'installation du Messenger sur votre site web ne prend que quelques minutes. Une fois installé, vous pourrez accueillir, discuter avec vos visiteurs et leads, et les convertir en clients.
Visiteurs/Leads vs. Users
Les visiteurs du site deviennent leads lorsqu'ils communiquent via le Messenger, tandis que les users sont connectés à votre site ou application. La principale différence réside dans la quantité d'informations que vous possédez à leur sujet. Si vous installez Intercom pour des users connectés, utilisez ce guide.
Vous aurez besoin d'un essai ou abonnement Intercom pour installer le Messenger.
Installation initiale du Messenger pour visiteurs et leads sur le web
Avant de choisir votre méthode d'installation, considérez les exigences de votre site web :
Sites web standards avec Messenger accessible à tous les visiteurs - Choisissez cette option si vous souhaitez que le Messenger soit disponible pour les users connectés et non connectés.
Sites web standards avec Messenger réservé aux users connectés - Sélectionnez cette option si vous souhaitez limiter l'accès au Messenger aux users authentifiés uniquement.
Installation d'application monopage (SPA) - Utilisez cette méthode spécifique si votre site est construit comme une application monopage.
Allez d'abord dans Paramètres > Messenger > Installer et choisissez Installer pour le web.
Choisissez comment installer le Messenger
Sélectionnez la méthode d'installation parmi les options suivantes :
Extrait de code
React
Angular
Vue
Ember
WordPress
Google Tag Manager
Shopify
Segment
Chaque méthode fournit des étapes spécifiques une fois sélectionnée. Beaucoup offrent une installation via node package manager (NPM) pour vous faciliter la tâche.
Demandez l'aide de votre développeur (optionnel)
Si nécessaire, vous pouvez demander à un collègue (comme un ingénieur) de compléter l'installation. Cliquez simplement sur Inviter un collègue.
Une fois leur adresse e-mail saisie, une invitation par e-mail leur sera envoyée pour rejoindre l'espace de travail de votre équipe.
Le collègue invité recevra un siège léger sur les plans Advanced / Expert et un siège complet sur les plans Essential. Il disposera des permissions minimales nécessaires pour installer le Messenger :
Peut gérer les paramètres généraux et de sécurité
Peut gérer les paramètres du Messenger
Peut gérer les données de l'espace de travail
Installez vous-même
Si vous sélectionnez Extrait de code, React, Angular, Vue, Ember ou Shopify comme méthode d'installation, vous aurez la possibilité d'installer Intercom pour les visiteurs du site sans connexion.
Nous recommandons d'installer le Messenger pour les users et visiteurs.
Installez Intercom via la méthode choisie
Suivez maintenant les instructions données pour la méthode sélectionnée.
Si vous avez choisi la méthode Extrait de code, React, Angular, Vue, ou Ember, un package NPM contenant un extrait de code à copier-coller dans la base de code de votre application vous sera fourni. Cet extrait est pré-rempli avec l'ID unique de votre espace de travail, il est donc prêt à l'emploi.
Vous pouvez aussi trouver le package directement sur le site NPM.
Plusieurs autres modèles sont disponibles, comme inclure l'extrait de code dans un JavaScript basique ou une application monopage, ou utiliser le gem Rails pour installer l'extrait.
Cliquez sur Copier le code et collez-le avant la balise </body> sur chaque page où vous souhaitez que le Messenger apparaisse dans votre application.
Après avoir ajouté le code, visualisez votre site en tant que visiteur et le Messenger apparaîtra.
Si vous utilisez le CSS zoom sur votre page web, assurez-vous que les widgets d'Intercom ne le reçoivent pas.
Options d'apparence et de ressenti
La première option vous permet de choisir si vous souhaitez afficher ou masquer le messenger pour le public de votre site avant le lancement. Sinon, il est affiché par défaut.
La deuxième option renvoie à vos paramètres Messenger, où vous pouvez changer les couleurs et le thème du Messenger.
Vérifiez l'installation
Vous pouvez vérifier que l'installation a réussi en cliquant sur Vérifier l'installation. Ce bouton affiche une notification de succès si le Messenger a été trouvé ou indique si un problème est survenu.
Si vous avez installé le Messenger Intercom et qu'il n'apparaît pas correctement, voici quelques solutions courantes.
Apprenez à :
Installer Intercom pour un client
Si vous n'avez pas accès à l'espace de travail Intercom, vous pouvez récupérer le code JavaScript ici 👇 Vous devrez remplacer manuellement WORKSPACE_ID par l'ID unique de l'espace de travail de votre compte Intercom.
<script>
var APP_ID = "WORKSPACE_ID"; // Replace this with your workspace ID
window.intercomSettings = {
app_id: APP_ID
};
</script>
<script>(function(){var w=window;var ic=w.Intercom;if(typeof ic==="function"){ic('reattach_activator');ic('update',w.intercomSettings);}else{var d=document;var i=function(){i.c(arguments);};i.q=[];i.c=function(args){i.q.push(args);};w.Intercom=i;var l=function(){var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://widget.intercom.io/widget/' + APP_ID;var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);};if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})();</script>
Installer Intercom pour des espaces de travail hébergés en UE et AU
Pour installer Intercom si vous utilisez notre hébergement UE ou AU, vous devrez fournir un paramètre supplémentaire api_base. Les valeurs sont listées dans le tableau ci-dessous
Région d'hébergement des données | Valeur |
États-Unis (US) | |
Union européenne (EU) | |
Australie (AU) |
Étapes courantes de dépannage
Si le Messenger n'apparaît pas sur votre site, vous pouvez utiliser ces étapes courantes de dépannage pour diagnostiquer le problème.
1. Vérifiez votre installation
Commencez par confirmer que l'extrait JavaScript du Messenger ou le plugin sélectionné a été correctement installé. Si vous utilisez l'extrait JavaScript, assurez-vous qu'il est placé juste avant la balise de fermeture `</body>` sur votre site.
2. Vérifiez les Trusted Domains
Assurez-vous que le domain de votre site est correctement configuré dans Paramètres > Sécurité > Trusted Domains dans votre espace de travail. Si votre domain n'est pas listé, le Messenger ne se chargera pas.
3. Vérifiez la vérification d'identité
Si vous avez activé la vérification d'identité, vérifiez qu'elle est correctement configurée. Une mauvaise configuration peut provoquer une erreur 403 et empêcher le Messenger de se charger sur votre site.
4. Désactivez les bloqueurs de publicité et la navigation privée
Certaines fonctionnalités et extensions de navigateur, comme les bloqueurs de publicité et les modes de navigation privée, peuvent interférer avec le Messenger. Essayez de les désactiver temporairement pour voir si le Messenger devient visible.
Note : La vérification d'identité est une mesure de sécurité supplémentaire. Si elle est appliquée mais mal configurée sur votre site, une erreur 403 peut survenir.