Combien coûte un simple relais de données entre un formulaire Elementor Pro et un CRM HubSpot ? Sur ce projet, la réponse initiale était vingt dollars par mois d’abonnement Zapier, pour faire transiter une trentaine de soumissions mensuelles d’un point A à un point B, sans aucune logique métier intermédiaire. Un appel direct à l’API HubSpot, depuis l’action webhook native d’Elementor Pro Forms, a permis de supprimer cet intermédiaire.
Ce diagnostic ne traite pas de la configuration du CRM HubSpot lui-même (pipelines, propriétés personnalisées), ni des workflows marketing associés, qui restent entièrement du ressort de l’équipe commerciale une fois le contact créé.
Ce que fait réellement Zapier dans ce schéma
Dans la configuration initiale, Zapier recevait un webhook du formulaire Elementor, reformattait les champs, puis appelait l’API HubSpot Forms pour créer un contact. Aucune de ces trois étapes ne justifie un service payant tiers : Elementor Pro Forms peut envoyer un webhook directement au format attendu par HubSpot, sans étape de reformattage intermédiaire.
Appel direct à l’API HubSpot Forms
HubSpot expose un point de terminaison de soumission de formulaire, documenté publiquement, qui accepte un appel HTTP POST classique avec les champs au format JSON, sans nécessiter d’authentification OAuth complexe pour ce cas d’usage précis (soumission via l’API Forms, adossée à un portail et un identifiant de formulaire HubSpot créé au préalable dans l’interface).
// Action "Webhook" du widget Elementor Pro Forms, réglée sur :
// URL : https://api.hsforms.com/submissions/v3/integration/submit/{portalId}/{formGuid}
// Méthode : POST
// Corps (mapping des champs Elementor vers le format HubSpot) :
{
"fields": [
{ "name": "email", "value": "{field:email}" },
{ "name": "firstname", "value": "{field:prenom}" }
],
"context": { "pageUri": "{page_url}", "pageName": "{page_title}" }
}
Elementor Pro Forms permet de composer ce corps JSON directement dans l’onglet de configuration de l’action Webhook, en utilisant les jetons dynamiques du formulaire ({field:nom_du_champ}) pour injecter les valeurs saisies par le visiteur sans écrire de code côté serveur.
Points de vigilance sur ce montage
- L’identifiant de portail (
portalId) et l’identifiant de formulaire (formGuid) HubSpot se récupèrent dans le code d’intégration proposé par l’interface HubSpot au moment de la création du formulaire côté CRM - Le contexte
hutk(cookie de suivi HubSpot) peut être transmis pour rattacher la soumission à une session de navigation déjà identifiée, ce qui améliore l’attribution marketing - Une réponse HTTP différente de 200 doit être surveillée : Elementor Pro Forms ne relance pas automatiquement un webhook en échec
Ce que Zapier apportait malgré tout
Zapier n’est pas sans valeur : il propose une interface de journalisation des échecs plus lisible qu’un simple appel webhook, et permet d’ajouter facilement une logique conditionnelle (créer un contact seulement si telle case est cochée). Sur ce projet, ni la logique conditionnelle ni l’historique détaillé n’étaient nécessaires : le formulaire est simple, à vocation unique, ce qui a rendu la suppression de Zapier pertinente.
Conseil maison : avant d’ajouter un service d’automatisation payant entre deux outils qui savent déjà se parler directement, vérifier la documentation de l’API du service cible. Beaucoup de connecteurs Zapier ne font qu’appeler une API publique accessible directement.
Journalisation des échecs sans Zapier
Pour compenser l’absence d’historique Zapier, un court plugin maison intercepte la réponse du webhook via le hook elementor_pro/forms/webhook/send et journalise les échecs dans une table dédiée, consultable depuis l’administration WordPress, afin de ne jamais perdre silencieusement une soumission en cas d’indisponibilité ponctuelle de l’API HubSpot.
En résumé
Pour un formulaire Elementor Pro Forms à vocation unique, l’appel direct à l’API HubSpot depuis l’action Webhook native évite un abonnement Zapier disproportionné par rapport au volume traité, au prix d’une journalisation des échecs à mettre en place soi-même.
