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
Résumez cet article avec une IA
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

Capture d'écran de la page d'accueil de la recherche Google avec la barre de recherche et le logo Google.
Documentation
SEO

3 outils pour suivre vos positions SEO dans la SERP

3 outils pour suivre vos positions SEO dans la SERP
ChatGPT 5.0 OpenAI
News
IA

ChatGPT-5 vs ChatGPT-4 vs Claude Opus 4.1 : Le comparatif IA ultime 2025

ChatGPT-5 vs ChatGPT-4 vs Claude Opus 4.1 : Le comparatif IA ultime 2025
Capture d'écran montrant deux versions de la page d'accueil de Ramify. La version de fond représente un homme debout dans un bureau avec le texte « Vivez l'expérience banque privée, autrement ». La version au premier plan affiche une mise en page plus épurée avec le message « Votre patrimoine, notre expertise ».
Documentation

Comment Digidop a aidé Ramify à augmenter son taux de conversion grâce à une stratégie d’A/B testing avec Optibase ?

Comment Digidop a aidé Ramify à augmenter son taux de conversion grâce à une stratégie d’A/B testing avec Optibase ?

Transformez votre site web en un moteur de croissance.

Nous contacter