 |
+ |
 |
de
|
+ |
|
JS Widget peut facilement s'intégrer dans vos formulaires Lander et valider vos e-mails avant la soumission du formulaire.
De quoi avez-vous besoin avant de commencer?
Voici un guide étape par étape sur la façon d'intégrer DeBounce dans vos formulaires Lander.
Accédez à https://app.debounce.io/api et créez une clé API, puis copiez la clé API publique.
Ensuite, vous devez ajouter l'URL de votre domaine à la liste des domaines approuvés. Il s'agit d'un facteur de sécurité qui n'active le widget que sur votre domaine spécifique. Cliquez sur "CORS Domains" et ajoutez l'adresse de votre site Web. Veuillez noter que l'URL CORS doit suivre ces règles: 1) Elle n'est pas sensible à HTTP et HTTPS; 2) Il est sensible à www et non-www; 3) Si votre page Web est sur un sous-domaine, vous devez également ajouter le sous-domaine; 4) Vous devez entrer l'URL racine de votre page Web. Quelques exemples possibles: example.com, my.example.com, www.example.com.
Ajoutez votre clé API publique dans le code suivant. Le code d'intégration est maintenant prêt. Il vous suffit de l'ajouter à votre page Lander.
<script type="text/javascript">
DeBounce_APIKEY = 'YOUR_PUBLIC_API_KEY_HERE';
DeBounce_BlockFreeEmails = 'false'; //Set this value true to block free emails like Gmail.
</script>
<script async type="text/javascript" src="https://cdn.debounce.io/widget/DeBounce.js"></script>
Copiez / collez le code JS du widget dans l'éditeur Lander. Le widget JS détectera automatiquement les champs de courrier électronique et les validera en temps réel.
Notez que: Le widget JavaScript ne validera les e-mails que sur la version en direct de la page, pas à partir de l'écran de l'éditeur.