Retour aux intégrations

Lander Intégration de la vérification des e-mails

Utilisez JS Widget pour intégrer rapidement et facilement la validation des e-mails en temps réel DeBounce dans vos champs Lander.

Aucune carte de crédit n'est requise. À partir de $0.0003 / Vérifiez.

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?

  1. Clé API publique DeBounce
  2. Compte Lander
  3. Une page Lander qui comprend un formulaire.

Voici un guide étape par étape sur la façon d'intégrer DeBounce dans vos formulaires Lander.

  • 01

    Créer une clé API publique

    Accédez à https://app.debounce.com/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. Cette mesure de sécurité permet d'activer le widget uniquement sur votre domaine. Cliquez sur « Domaines CORS » et ajoutez l'adresse de votre site web. Veuillez noter que l'URL CORS doit respecter les règles suivantes : 1) Elle n'est pas sensible aux protocoles HTTP et HTTPS ; 2) Elle est sensible à la présence ou non de « www » ; 3) Si votre page web se trouve sur un sous-domaine, vous devez également l'ajouter ; 4) Vous devez saisir l'URL racine de votre page web. Exemples : example.com, my.example.com, www.example.com.

  • 02

    Configurer le widget JavaScript

    Accédez à la section Widget en temps réel de votre tableau de bord DeBounce et sélectionnez la clé API que vous avez créée à la première étape.

    Vous pourrez ensuite configurer le widget JavaScript selon vos besoins. Une fois la configuration terminée, cliquez sur le bouton « Créer le code du widget ».

    DeBounce générera un extrait de code JavaScript pour vous. C'est ce code que vous devrez ajouter à votre boutique Shopify.

  • 03

    Ajoutez le code du widget à votre site web (installation globale)

    Dans cette étape, vous ajouterez le code du widget JavaScript DeBounce généré à votre site Web afin qu'il se charge sur les pages pertinentes telles que les formulaires d'inscription, les champs de newsletter, les formulaires de contact et les pages de capture de prospects.

    La plupart des plateformes le permettent en insérant le code du widget dans une section de mise en page globale, d'en-tête ou de pied de page, garantissant ainsi son chargement sur l'ensemble du site.

    • Connectez-vous au panneau d'administration de votre site web ou de votre plateforme.
    • Repérez la zone où les fichiers HTML globaux, les fichiers de thème ou les fichiers de mise en page peuvent être modifiés.
    • Ouvrez le fichier de mise en page principale, d'en-tête ou de pied de page.
    • Collez l'extrait de code du widget JavaScript DeBounce juste avant la clôture </body> Étiquette.

    Astuce:
    Si la documentation du widget exige spécifiquement que le script soit chargé à l'intérieur de la section, vous pouvez le placer à cet endroit. Sinon, ajoutez le script avant est recommandé pour de meilleures performances et un chargement de page optimal.