Comment intégrer HubSpot sur Webflow - en utilisant Webflow Apps

Tutoriel
August 30, 2023
3 min
Logo Webflow et Hubspot avec une flèche représentant l'intégration depuis Webflow
Points clés de l'article

Introduction

Jusqu'à récemment, intégrer HubSpot à votre site Webflow nécessitait soit l'utilisation d'un outil d'automatisation tiers comme Zapier ou Make, soit une astuce avec du code personnalisé.

Heureusement, tout cela a changé.

→ Vous pouvez désormais réaliser cette intégration sur votre CMS en quelques clics, directement depuis l'interface du Designer Webflow, grâce à l'onglet "Apps".

Et dans ce tutoriel, nous vous montrerons comment faire, étape par étape.

Webflow et HubSpot : Les intégrations possibles

  • Ajouter un formulaire HubSpot directement sur votre page
  • Connecter vos formulaires Webflow à HubSpot
  • Incorporer des assets HubSpot sur votre site Webflow
  • Intégrer les chatbots HubSpot
  • Activer le suivi du site (tracking)
Connexion de Webflow à Hubspot
Just. Like. That. 🪄

Intégration en 3 étapes simples

Grâce à Webflow Apps, l'intégration est un jeu d'enfant :

  1. Installer l'App sur le site Webflow ou l'espace de travail de votre choix.
  2. Connecter l'App au compte HubSpot désiré.
  3. Une fois de retour dans le Webflow Designer, lancez l'App HubSpot depuis le panneau "Apps" et commencez à intégrer !

Exemple : Intégrer et personnaliser un Formulaire HubSpot avec Webflow Apps

Lorsque vous utilisez HubSpot comme CRM, vous pourriez être tenté d'utiliser également leurs formulaires intégrés. Cependant, ces formulaires sont souvent limités en termes de personnalisation visuelle, ce qui peut entraîner une discordance avec le design global de votre site Webflow.

Mais, avec la nouvelle fonctionnalité Apps de Webflow, il est désormais possible de combiner le meilleur des deux outils : la centralisation de gestion des leads depuis HubSpot et la flexibilité de design de Webflow. Et vous pouvez donc maintenant :

→ Intégrer un formulaire HubSpot dans votre site Webflow et le personnaliser entièrement grâce aux options de style CSS de Webflow.

💡 Comment faire ?

1 - Créez votre formulaire dans HubSpot : Commencez par créer le formulaire que vous souhaitez utiliser dans l'interface de HubSpot.

1/3

2 - Accédez à l'App HubSpot dans Webflow : Ouvrez votre projet Webflow et allez dans le panneau "Apps". Sélectionnez l'App HubSpot.

Application HubSpot sur Webflow Apps
2/3

3 - Intégrez et Personnalisez : Une fois l'App ouverte, choisissez le formulaire HubSpot que vous souhaitez intégrer. Vous pourrez ensuite le personnaliser comme n'importe quel autre élément dans Webflow, en utilisant les options de style CSS.

Formulaire HubSpot personnalisable avec les classes CSS dans Webflow
3/3
Webflow + HubSpot = Super-pouvoir 💪

Les avantages

  • Intégration rapide : Ajoutez un formulaire HubSpot à votre site Webflow en quelques clics.
  • Cohérence du design : Votre formulaire HubSpot peut maintenant s'intégrer parfaitement au design de votre site Webflow.
  • Gestion efficace des leads : Continuez à bénéficier des fonctionnalités robustes de suivi et de gestion des leads de HubSpot.

Et cette intégration de formulaire HubSpot n'est qu'un exemple parmi tant d'autres. La nouvelle fonctionnalité Apps de Webflow ouvre un nouveau monde de possibilités.

Car avec cette mise à jour de Webflow Apps, on peut s'attendre à voir dans les prochaines semaines de nombreuses nouvelles autres intégrations innovantes, révolutionner la manière dont nous utilisions Webflow pour le Marketing jusqu'à maintenant. Alors, restez connecté en vous abonnant à notre chaîne YouTube, car le meilleur est encore à venir !

_____

En savoir plus sur l'ensemble des plugins disponibles sur Webflow ?

Découvrir l'ensemble des outils disponibles sur le Webflow Apps Store ↗

Découvrir la vidéo d'introduction au Webflow Apps Store ↗

Florian Bodelot
Florian Bodelot
Co-fondateur

Articles qui devraient vous intéresser

A woman speaks on stage at a conference, wearing a headset microphone. Behind her, a large black screen displays the question “What then?” in bold white text.
Evénements
Webflow

Digidop participe à la FLOWconf 2025, le plus grand événement Webflow & marketing d’Europe.

Digidop participe à la FLOWconf 2025, le plus grand événement Webflow & marketing d’Europe.
Aperçu visuel de plusieurs typographies modernes utilisées sur le web en 2025, chacune présentée sur une image de fond inspirante : Editorial New, DM Serif Display, Aeonik, SF Pro Rounded, Rader, Champ, Monument, Canicule, Clash Display, Supply, Agrandir, et d’autres — une composition graphique mettant en avant la diversité typographique.
Documentation
Design

Les 20 meilleures typographies pour un site web moderne et impactant en 2025

Les 20 meilleures typographies pour un site web moderne et impactant en 2025
Mosaic of homepage designs from several Webflow agencies (Digidop, N4, Refokus, Flow Ninja, Tonik, Finsweet, Edgar Allan), showcasing diverse creative approaches and visual identities centered around the Webflow logo.
Storytelling
Webflow

Mon top 7 des meilleures agences Webflow en 2025 (avis d’un fondateur d’agence)

Mon top 7 des meilleures agences Webflow en 2025 (avis d’un fondateur d’agence)

Transformez votre site web en un moteur de croissance.

Nous contacter