Aller au contenu
All articles
Integrations

Formulaires de site web, WordPress et SDK de capture

Capturez des leads depuis n'importe quel formulaire de votre site web (WordPress, Wix, HTML pur) directement dans le CRM : collez un formulaire HTML prêt à l'emploi ou le SDK de capture JS. Chaque soumission devient automatiquement un Lead.

L'intégration « Formulaires de site web / WordPress » capture des leads depuis n'importe quel formulaire de votre site et crée un Lead dans le CRM à chaque soumission. Elle est développée par nous, sans compte externe : vous générez simplement une adresse de capture (un jeton public) et vous pointez un formulaire vers celle-ci. Les champs sont mappés de manière flexible (nom/e-mail/téléphone/entreprise/message), et la source du lead reste « website » (ou la valeur que vous définissez dans le champ « source »).

Elle accepte la soumission comme un formulaire HTML normal (application/x-www-form-urlencoded) ou en JSON, ce qui fonctionne aussi bien avec un <form> que vous collez qu'avec des appels de code. L'adresse accepte les POST depuis n'importe quel domaine (CORS ouvert), puisque tout l'intérêt est de recevoir la soumission depuis le site du client. Elle démarre inerte : rien n'est capturé tant que vous n'avez pas généré l'adresse et ne l'avez pas activée.

Prérequis

  • Aucun compte ni identifiant externe : la capture est développée par nous.
  • Un accès pour modifier votre site : coller un <form> ou un <script> (dans WordPress, un bloc « HTML personnalisé » ou le pied de page du thème ; cela fonctionne aussi avec Contact Form 7, Elementor, Wix ou du HTML pur).
  • Dans Sellio, être administrateur pour générer l'adresse de capture et activer l'intégration dans Paramètres → Intégrations.

Comment l'activer

  1. Ouvrez Paramètres → Intégrations et allez sur la carte « Formulaires de site web / WordPress ».
  2. Cliquez sur « Générer l'adresse de capture » pour créer l'URL du webhook (un jeton de capture unique et public).
  3. Copiez le formulaire HTML prêt à l'emploi (ou le SDK) et collez-le sur votre site, comme indiqué ci-dessous.
  4. Cliquez sur « Activer ». À partir de là, les soumissions commencent à créer des Leads dans le CRM.

Option A : formulaire HTML prêt à l'emploi

Sur la carte, copiez le bloc <form> prêt à l'emploi (il pointe déjà vers votre adresse de capture) et collez-le où vous souhaitez afficher le formulaire. Dans WordPress, utilisez un bloc « HTML personnalisé ». Vous pouvez ajuster les champs librement : les noms name, email, phone, company et message sont reconnus automatiquement. Un champ caché optionnel « redirect » redirige le visiteur vers une page de remerciement après soumission.

Example: <form action="https://app.yourdomain.com/api/inbound/webform/YOUR_TOKEN" method="POST"> … <input name="email" required> … </form>

Option B : SDK de capture JS (développeurs)

Pour les sites qui ont déjà leurs propres formulaires (ou applications), collez le <script> du SDK sur votre site. Il expose deux méthodes dans le navigateur, sans donnée sensible (seul le jeton public de capture figure dans le script) :

  • window.Sellio.capture({ name, email, phone, company, message, source }) envoie un lead directement (utile dans des boutons, des popups ou des parcours applicatifs).
  • Sellio.trackForm('#mon-formulaire') intercepte la soumission d'un formulaire existant et envoie les champs au CRM, sans que vous touchiez au HTML du formulaire.
Example: <script src="https://app.yourdomain.com/api/sdk/YOUR_TOKEN/sellio.js" async></script> → puis : Sellio.trackForm('.wpcf7-form')

WordPress : Contact Form 7, Elementor et bloc HTML

  • Bloc HTML : collez le formulaire prêt à l'emploi (Option A) dans un bloc « HTML personnalisé » de la page.
  • Contact Form 7 : conservez votre formulaire CF7 et ajoutez le SDK (Option B) au pied de page du thème ; puis appelez Sellio.trackForm(".wpcf7-form"). Les noms de champs CF7 (your-name, your-email) sont déjà reconnus.
  • Elementor : conservez le formulaire Elementor et ajoutez le SDK au site ; utilisez Sellio.trackForm() avec le sélecteur de votre formulaire pour envoyer chaque soumission au CRM.

Ce qui devient un Lead

Chaque soumission contenant un élément identifiable (e-mail, téléphone ou nom) crée un Lead, avec la source définie par le champ « source » (par défaut « website »). Les champs que vous envoyez qui ne sont pas les champs standards sont ajoutés au message du lead, afin que rien ne soit perdu. La capture est idempotente en best-effort : si vous envoyez un « external_id », les renvois du même id ne créent pas de doublons ; sans external_id, les leads avec le même e-mail ne sont pas non plus dupliqués.

Sécurité

  • Le jeton d'URL est PUBLIC et sert uniquement à la capture : il identifie votre compte, mais n'expose aucune donnée et ne permet de rien lire.
  • Ne mettez jamais de secret dans le formulaire ou le SDK.
  • Si vous devez invalider l'adresse actuelle, utilisez « Générer un nouveau jeton », et l'ancien formulaire/SDK cesse de fonctionner.
  • Un jeton invalide ou une intégration désactivée renvoie 404 ; les soumissions vides (sans rien d'identifiable) sont silencieusement ignorées.
💡 Commencez par le formulaire HTML prêt à l'emploi pour valider rapidement, puis passez au SDK (trackForm) lorsque vous voulez conserver l'apparence de votre formulaire WordPress actuel.

Comment tester

  1. Collez le formulaire HTML prêt à l'emploi (Option A) sur une page de test de votre site et activez l'intégration.
  2. Remplissez et soumettez le formulaire avec un e-mail de test.
  3. Dans le CRM, ouvrez la liste des Leads et vérifiez qu'un Lead est apparu avec la source « website » (ou la valeur du champ « source »).
  4. Soumettez à nouveau avec le même e-mail (ou le même external_id) et vérifiez qu'il n'y a PAS de doublon.

Dépannage

  • Ne crée pas de Lead : vérifiez que l'intégration est « Activée » et que le <form>/SDK pointe vers la bonne adresse de capture. Les soumissions complètement vides (sans e-mail, téléphone ou nom) sont silencieusement ignorées.
  • 404 sur l'URL : le jeton de l'adresse a changé (vous avez cliqué sur « Générer un nouveau jeton ») ou l'intégration est désactivée. Copiez l'adresse actuelle et mettez à jour le formulaire/SDK.
  • Le SDK n'intercepte pas le formulaire : vérifiez le sélecteur passé à Sellio.trackForm() (par ex. « .wpcf7-form ») ; dans CF7/Elementor, le SDK doit se charger sur le site (pied de page du thème).
  • Les champs ne remontent pas : utilisez les noms reconnus (name, email, phone, company, message) ; les noms CF7 (your-name, your-email) sont déjà acceptés. Les champs supplémentaires sont ajoutés au message du lead.
  • Ne mettez pas de secrets dans le formulaire : le jeton d'URL est PUBLIC et sert uniquement à la capture, il n'expose ni ne lit aucune donnée.

Open this article inside the system

Read it and want to see it working?

The account is free and the whole manual is available inside the system, with an assistant that answers from this very content.

Créer un compte gratuit
Formulaires de site web, WordPress et SDK de capture · Sellio