Comment intégrer un formulaire sur mon site internet ?
En intégrant un formulaire Qomon sur votre site, les contacts qui le remplissent seront directement ajoutés à votre base de données de contacts Qomon.
Avant de continuer, découvrez comment créer un formulaire en ligne ou une pétition !
1. Intégrer un formulaire sur mon site web (HTML)
L’intégration d’un formulaire Qomon sur votre site est simple, mais nécessite un accès pour modifier les pages de votre site.
Accédez à l’onglet Formulaires dans Qomon.
Sélectionnez ou créez le formulaire que vous souhaitez intégrer à votre site.
Une fois votre formulaire publié, cliquez sur le bouton "Intégrer".
Insérez ce code dans la balise <head> de votre page web où vous souhaitez afficher le formulaire :
<script defer async src="https://scripts.qomon.org/forms/v1/setup.js"></script>
Dans la balise <body> de votre page, insérez le code fourni dans la fenêtre pop-up à l’endroit où vous souhaitez que le formulaire apparaisse (vous pouvez insérer plusieurs formulaires sur la même page) :
🎉 Félicitations ! Votre formulaire est maintenant intégré à votre site web.
💡 Informations sur la balise <div> : Vous pouvez trouver l’ID de votre formulaire dans le champ data-base_id. Celui-ci se trouve dans l’URL de la page d’édition de votre formulaire (il ne s’agit pas de l’URL finale de votre formulaire).
2. Utiliser le plugin WordPress
Si votre site utilise WordPress, vous pouvez ajouter le plugin Qomon Forms :
Allez dans Plugins > Ajouter nouveau depuis le menu latéral.
Recherchez le plugin Qomon ou téléchargez le fichier .zip (à télécharger ici).
Cliquez sur Installer, puis sur Activer une fois l’installation terminée.
a. Ajouter via le bloc Qomon Form
Une fois activé, ajoutez un bloc Qomon Form à votre page.
Entrez l’ID de votre formulaire dans le bloc pour l’afficher.
b. Ajouter via le shortcode [qomon-form]
Ajoutez un bloc de type shortcode à votre page.
Insérez le code suivant dans le bloc, en remplaçant
my-form-idpar l’ID de votre formulaire :
3. Astuce d’expert : Comment personnaliser un formulaire intégré ?
Vous pouvez personnaliser complètement votre formulaire intégré pour qu’il corresponde à votre site web. Consultez cet article d’aide pour un guide pas à pas.
💬 Des questions supplémentaires ? Contactez notre support !