Comment envoyer les données d'un formulaire HTML dans Automation ? – Webmecanik

A disposition, vous trouverez ci-joint dans l'article un exemple dans le fichier index.html.

Retrouvez la dernière version de cette méthode sur la page github dédiée

Comment je l'intègre ?

Intégrer le script js mautic_form_mapper.js dans votre page : <script src="js/mautic_form_mapper.js"></script>
Ajouter la variable js qui va contenir l'url de votre instance Automation : var urlAutomation = "https://test0719-1.automation.webmecanik.com";
Ajouter la variable js qui va contenir l'ID de votre formulaire : var mappedFormId = "formulaire_test";
Ajouter ensuite le tableau qui va contenir la correspondance des champs de votre formulaire avec les alias des champs de votre instance Automation : var mappingFields_form = {"civilite" : "title", "prenom" : "lastname"};
Et enfin l'attribut action peut contenir soit
- javascript:; si le formulaire ne doit rien faire d'autre qu'envoyer les informations à votre instance Automation : <form id="formulaire_test" action="javascript:;">
- http://monSite.fr/maPageDeTraitement.php si le formulaire doit envoyer les informations vers une autre url après les avoir envoyées à votre instance Automation :<form id="formulaire_test" action="http://monSite.fr/maPageDeTraitement.php">

Ajouter le champ input dans votre formualire html : <input id="nom" name="nom" type="text" placeholder="Nom" required>
Il faut mettre à jour le tableau de mapping. En clés, il faut mettre l'id de ce champ et en valeur, l'alias du champ dans Automation : var mappingFields_form = {"civilite" : "title", "prenom" : "lastname", "nom" : "firstname"};
Il faut que le champ personnalisé existe dans Automation et qu'il puisse être actualisé publiquement. *Si vous utilisez des inputs de type "checkbox", il faut un champs personnalisé d'Automation par input de ce type.

Si le nouveau lead n'apparait pas dans Automation, c'est peut être que :

Un lead existant à été mis à jour.
Une (ou plusieurs) donnée(s) éronnée(s) bloque(nt) l'envoi à Automation.
- Notamment une date invalide : une date doit être envoyée sous le format AAAA-MM-JJ et valide (2016-04-35 n'est pas valide).
- Pour les champs qui dépendent d'une liste, la valeur que vous envoyez doit être dans cette liste.
Il faut tester en navigation privée car on est connecté en administration de l'instance Automation sur le même navigateur.

Si le champ n'existe pas dans Automation, la valeur correspondante ne sera pas ajoutée au contact (les autres champs sont pris en compte).
Vérifiez que le tableau de correspondance est correct.
Vérifiez que tous vos champs personalisés soient actualisables publiquement.

Retrouvez d'autres techniques de collecte de données sur notre site.