leads centralisés
AccueilDocumentation

Intégrer votre formulaire dans WordPress

Une fois votre formulaire créé dans Qualify CRM, intégrez-le dans votre site WordPress en quelques clics. Le snippet gère automatiquement l'envoi sécurisé des données via HMAC-SHA256.

Sites panel showing WordPress integration snippet and site key

Récupérer le snippet

  1. Depuis la page « Formulaires », cliquez sur le formulaire souhaité.
  2. Cliquez sur « Code d'intégration » pour ouvrir la modale du snippet.
  3. Copiez le code JavaScript affiché dans l'onglet « Snippet ».

Intégration par méthode

Choisissez la méthode qui correspond à votre éditeur WordPress :

Elementor

  1. Ajoutez un widget « HTML personnalisé » à votre page.
  2. Collez le snippet copié dans le champ HTML.
  3. Publiez la page. Le formulaire s'affiche automatiquement.

Gutenberg (éditeur de blocs)

  1. Insérez un bloc « HTML personnalisé » dans votre page.
  2. Collez le snippet et basculez en mode « Aperçu » pour vérifier le rendu.
  3. Publiez ou mettez à jour la page.

PHP (thème ou template)

  1. Ouvrez le fichier template de votre thème (ex. page-contact.php).
  2. Collez le snippet à l'endroit souhaité dans le HTML.

Personnaliser l'apparence

Le formulaire utilise des classes CSS BEM que vous pouvez surcharger dans votre thème :

  • .crm-form — conteneur principal du formulaire.
  • .crm-form__field — wrapper de chaque champ.
  • .crm-form__input — champs de saisie (input, textarea, select).
  • .crm-form__button — bouton de soumission.

Sécurité de l'intégration

Chaque soumission est signée avec HMAC-SHA256. Le timestamp est vérifié (tolérance de 5 minutes) pour empêcher les attaques par rejeu. Le rate limiting est appliqué côté serveur (100 requêtes/minute par IP).

Vérifier que tout fonctionne

Après intégration, effectuez cette checklist :

  • Soumettez un formulaire test depuis votre site WordPress.
  • Vérifiez que le lead apparaît dans la page « Leads » de Qualify CRM.
  • Vérifiez que l'email de notification a bien été reçu (si activé).
  • Testez sur mobile pour vérifier le responsive.

💡 Astuce : L'onglet « Vérification » du snippet propose une checklist interactive pour valider votre intégration pas à pas.