din
ÎNCEARCĂ ACUM

Integrare verificare e-mail Shopify

Utilizați JS Widget pentru a integra rapid și ușor validarea de e-mail în timp real a DeBounce în câmpurile dvs. Shopify.


+

JS Widget se poate integra cu ușurință în formularele dvs. Shopify și vă poate valida e-mailurile înainte de trimiterea formularului.

De ce aveți nevoie înainte de a începe?

  1. Cheia publică DeBounce API
  2. Cont Shopify
  3. Formulare Shopify.

Ce forme și câmpuri sunt protejate?

  1. Formulare de contact standard Shopify.
  2. Secțiunea Newsletter din magazinul Shopify.
  3. Formulare de înregistrare Shopify.

Iată un ghid pas cu pas despre modul de integrare a DeBounce în formularele dvs. Shopify.

Crearea unei chei API publice

Navigheaza catre https://app.debounce.io/api și creați o cheie API, apoi copiați cheia API publică.

Apoi, trebuie să adăugați adresa URL a domeniului în lista de domenii aprobate. Acesta este un factor de securitate care activează widgetul doar pe domeniul dvs. specific. Faceți clic pe „Domenii CORS” și adăugați adresa site-ului dvs. Vă rugăm să rețineți că adresa URL CORS trebuie să respecte aceste reguli: 1) Nu este sensibilă la HTTP și HTTPS; 2) Este sensibil la www și non-www; 3) Dacă pagina dvs. web se află pe un subdomeniu, trebuie să adăugați și subdomeniul; 4) Trebuie să introduceți adresa URL rădăcină a paginii dvs. web. Câteva exemple posibile: example.com, my.example.com, www.example.com.

Adăugarea API-ului public în codul JavaScript

Adăugați cheia API publică în următorul cod. Codul de integrare este acum gata. Trebuie doar să îl adăugați la pagina dvs. Shopify.

<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.v2.js"></script>

Introduceți widgetul JavaScript în Shopify

  • Conectați-vă la contul dvs. Shopify.
  • Accesați „Teme” din meniul din stânga.
  • Navigați la „Acțiuni” -> „Editați codul”.
  • Faceți clic pe editați „theme.liquid”.
  • Lipiți eticheta scriptului chiar înainte de .