Le CRM hubspot permet la création de formulaires directement liés à la base de données de contacts.
Il est possible de faire une intégration entre Hubspot et Weblow, plusieurs options sont possibles.
| Comment ça marche ? 💭 | Inconvénients ❌ | Avantages ✅ | |
|---|---|---|---|
| Intégration iframe | . Création du formulaire dans Hubspot, champs (propriétés) directement connectés au CRM | ||
| . Génération d’un script pour iframe | |||
| . Ajout du script dans un embed dans webflow | |||
| . Design par défaut hubspot (avec branding hubspot) | |||
| . Modification possible (avec forfait Marketing Hub Pro) du CSS manuellement | Besoin d’un compte Marketing Hub Pro pour obtenir le html but et ajouter du CSS (pour personnaliser l’apparence) |
Donc non personnalisable par défaut
On ne peut pas monitorer les réponses au formulaire via le back office webflow car le formulaire n’est pas natif webflow (pas d’historique des réponses du coup) | Rapide et simple
Mise à jour automatique possible si la modification dans hubspot correspond à un type de champ déjà formaté par le CSS mis en place
Possibilité de créer un formulaire “dynamique” en jouant sur le formID et une collection webflow - on peut donc imaginer utiliser plusieurs formulaires avec un même embed | | (Webflow app - Mapping ) - Non recommandé | . Installer l’app hubspot sur webflow . Connecter à son compte hubspot et choisir le workspace hubspot correspondant . Créer un formulaire dans webflow tel qu’on le souhaite, comme si c’était un formulaire webflow basique (design des éléments à loisir)
. Dans la modale de l’app, depuis le designer webflow, sélectionner (map webflow form to hubspot form) . Choisir le form hubspot qu’on souhaite mapper . Associer ensuite dans la modale de l’app chaque champ du formulaire webflow à un champ hubspot | ⚠️ Les données de certains types de champs ne sont pas bien remontées dans Hubspot, les check box notamment
Pas mis à jour automatiquement | Utilise les fonctionnalités natives de Webflow
Possibilité d’avoir la main sur le design | | Webflow app - Intégration | . Via l’app hubspot webflow, sélectionner l’option “Add existing Hubspot form to your page” + “Styleable Hubspot form” pour pouvoir personnaliser l’apparence
. Choisir le formulaire
. Personnaliser les éléments qui apparaissent avec les classes du site | Pas mis à jour automatiquement
Un peu plus de temps de formatage
On ne peut pas monitorer les réponses au formulaire via le back office webflow car le formulaire n’est pas natif webflow (pas d’historique des réponses du coup) | Possibilité d’avoir la main sur le design
On peut ajouter des éléments custom (placeholders par exemple)
Tous les champs sont très bien mappés et les données remontent dans Hubspot
Pas besoin du plan Marketing Hub Pro | | Connexion avec Make | Il est possible d’automatiser des actions complémentaires selon le remplissage d’un formulaire via des outils comme Make
| | |
Un webinaire complet sur les différentes manières de connecter Hubspot et webflow :
https://www.youtube.com/watch?v=9xcGGiTX_rk