Comment ajouter Intercom sur Webflow ?

Dans ce tutoriel, Sandro cofondateur de l'agence Webflow Gemeos vous montre comment ajouter le widget Intercom sur votre site Webflow.

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é.