Comment ajouter Intercom sur Webflow ?
Apprenez à installer Intercom sur votre site Webflow : Custom Code, chargement différé et identification utilisateurs.
Dans ce tutoriel, Sandro cofondateur de l'agence Webflow Gemeos vous montre comment ajouter le widget Intercom sur votre site Webflow.
| Option | Méthode | Déclenchement |
|---|---|---|
| Chargement immédiat | Script dans le head | Au chargement de la page |
| Chargement différé (recommandé) | Script dans le body + defer | Après le rendu initial |
| Chargement au clic | Script injecté au clic | Au premier clic sur le bouton chat |
1. Récupérez votre script Intercom
Dans votre compte Intercom, allez dans Settings > Installation. Copiez le snippet JavaScript de base qui contient votre App ID.
2. Installez dans Webflow
Dans Project Settings > Custom Code > Footer Code, collez votre snippet Intercom. Le placer dans le footer (avant ) permet au reste de la page de se charger en premier, améliorant les performances perçues.
3. Différez le chargement pour les performances
Intercom est lourd (plus de 300 Ko). Pour ne pas pénaliser vos Core Web Vitals, chargez-le uniquement quand l'utilisateur clique sur un bouton "Chat" personnalisé. Consultez notre tutoriel sur la réduction du JavaScript inutilisé pour la méthode de chargement au clic.
4. Identifiez les utilisateurs connectés (optionnel)
Pour les sites avec authentification (Webflow Memberships, Memberstack), passez les données utilisateur à Intercom via la fonction window.Intercom('update', {name: ..., email: ...}) après connexion.
Conclusion
Intercom s'installe en quelques lignes dans le Custom Code Webflow. Pour les performances : réduire le JavaScript inutilisé.
bon à savoir
Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Lorem ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
