Zurück zu Integrationen

Shopify E-Mail-Verifizierungsintegration

Verwenden Sie JS Widget, um die DeBounce-Echtzeit-E-Mail-Validierung schnell und einfach in Ihre Shopify-Felder zu integrieren.

Keine Kreditkarte erforderlich. $0.00045 für Prüfen.

JS Widget kann problemlos in Ihre Shopify-Formulare integriert und Ihre E-Mails vor dem Absenden des Formulars validiert werden.

Was brauchst du bevor du anfängst?

  1. DeBounce öffentlichen API-Schlüssel
  2. Shopify-Konto
  3. Shopify Formulare.

Welche Formen und Felder sind geschützt?

  1. Standard Shopify Kontaktformulare.
  2. Newsletter-Bereich im Shopify Store.
  3. Anmeldeformulare von Shopify.

Hier finden Sie eine schrittweise Anleitung zum Integrieren von DeBounce in Ihre Shopify-Formulare.

  • 01

    Erstellen eines öffentlichen API-Schlüssels

    Navigieren https://app.debounce.com/api Erstellen Sie einen API-Schlüssel und kopieren Sie den öffentlichen API-Schlüssel.

    Als Nächstes müssen Sie Ihre Domain-URL zur Liste der zugelassenen Domains hinzufügen. Dies dient der Sicherheit, da das Widget nur auf Ihrer spezifischen Domain funktioniert. Klicken Sie auf „CORS-Domains“ und geben Sie Ihre Website-Adresse ein. Bitte beachten Sie, dass die CORS-URL folgende Regeln erfüllen muss: 1) Sie unterscheidet nicht zwischen HTTP und HTTPS; 2) Sie unterscheidet zwischen www und Nicht-www; 3) Befindet sich Ihre Webseite auf einer Subdomain, müssen Sie diese ebenfalls hinzufügen; 4) Sie müssen die Stamm-URL Ihrer Webseite eingeben. Beispiele: example.com, my.example.com, www.example.com.

  • 02

    JavaScript-Widget einrichten

    Gehen Sie im DeBounce-Dashboard zum Bereich „Echtzeit-Widget“ und wählen Sie den API-Schlüssel aus, den Sie im ersten Schritt erstellt haben.

    Anschließend können Sie das JavaScript-Widget Ihren Bedürfnissen entsprechend konfigurieren. Sobald die Konfiguration abgeschlossen ist, klicken Sie auf die Schaltfläche „Widget-Code erstellen“.

    DeBounce generiert für Sie einen JavaScript-Codeausschnitt. Diesen Code fügen Sie dann in Ihren Shopify-Shop ein.

  • 03

    Widget-Code zu Shopify hinzufügen (Globale Installation)

    Verwenden Sie diese Methode, wenn Sie möchten, dass das DeBounce JavaScript-Widget auf den meisten Seiten Ihres Shopify-Shops funktioniert, einschließlich Anmeldeformularen, Newsletter-Feldern und Kontaktformularen.

    1. Einloggen, um Shopify-Administrator.
    2. Navigieren Online-Shop → Themen.
    3. Klicken Sie auf Code bearbeiten zu Ihrem aktiven Thema.
    4. Öffnen Sie die Datei Layout → theme.liquid.
    5. Fügen Sie den DeBounce JavaScript-Widget-Snippet ein. unmittelbar vor dem Schluss </body> Etikett.

    TIPP:
    Wenn die Widget-Dokumentation ausdrücklich das Laden des Skripts innerhalb des <head> In diesem Abschnitt können Sie es stattdessen einfügen. Andernfalls fügen Sie es vor dem Abschnitt hinzu. </body> wird für eine bessere Leistung empfohlen.