Retour aux intégrations

Shopify 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 Shopify.

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

JS Widget peut facilement s'intégrer dans vos formulaires Shopify 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 Shopify
  3. Formulaires Shopify.

Quels formulaires et champs sont protégés?

  1. Formulaires de contact Shopify standard.
  2. Section Newsletter sur la boutique Shopify.
  3. Formulaires d'inscription Shopify.

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

  • 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

    Ajouter le code du widget à Shopify (installation globale)

    Utilisez cette méthode si vous souhaitez que le widget JavaScript DeBounce fonctionne sur la plupart des pages de votre boutique Shopify, y compris les formulaires d'inscription, les champs de newsletter et les formulaires de contact.

    1. Connectez-vous à votre Administrateur Shopify.
    2. Accédez à Boutique en ligne → Thèmes.
    3. Cliquez à nouveau sur Modifier le code sur votre thème actif.
    4. Ouvrez le fichier Mise en page → theme.liquid.
    5. Collez l'extrait de code du widget JavaScript DeBounce juste avant la fermeture </body> Étiquette.

    Astuce:
    Si la documentation du widget exige spécifiquement le chargement du script à l'intérieur du <head> section, vous pouvez le placer là à la place. Sinon, ajoutez-le avant </body> est recommandé pour de meilleures performances.