Torna alle integrazioni

Shopify: Integrazione della verifica e-mail

Usa JS Widget per integrare rapidamente e facilmente la convalida dell'email in tempo reale DeBounce nei tuoi campi Shopify.

Non è richiesta alcuna carta di credito. Da $0.0003 per Controllare.

JS Widget può essere facilmente integrato nei tuoi moduli Shopify e convalidare le tue e-mail prima dell'invio del modulo.

Di cosa hai bisogno prima di iniziare?

  1. DeBounce chiave API pubblica
  2. Account Shopify
  3. Shopify moduli.

Quali moduli e campi sono protetti?

  1. Moduli di contatto Shopify standard.
  2. Sezione Newsletter nel negozio Shopify.
  3. Shopify moduli di registrazione.

Ecco una guida passo passo su come integrare DeBounce nei tuoi moduli Shopify.

  • 01

    Creazione di una chiave API pubblica

    Accedere a https://app.debounce.com/api e crea una chiave API, quindi copia la chiave API pubblica.

    Successivamente, devi aggiungere l'URL del tuo dominio all'elenco dei domini approvati. Questo è un fattore di sicurezza che abilita il widget solo sul tuo dominio specifico. Fai clic su "Domini CORS" e aggiungi l'indirizzo del tuo sito web. Tieni presente che l'URL CORS deve seguire queste regole: 1) Non è sensibile a HTTP e HTTPS; 2) È sensibile a www e non www; 3) Se la tua pagina web si trova su un sottodominio, devi aggiungere anche il sottodominio; 4) Devi inserire l'URL principale della tua pagina web. Alcuni possibili esempi: example.com, my.example.com, www.example.com.

  • 02

    Imposta widget JavaScript

    Vai alla sezione Widget in tempo reale nella dashboard di DeBounce e seleziona la chiave API creata nel primo passaggio.

    Potrai quindi configurare il widget JavaScript in base alle tue esigenze. Una volta completata la configurazione, clicca sul pulsante "Crea codice widget".

    DeBounce genererà uno snippet JavaScript per te. Questo è il codice che aggiungerai al tuo negozio Shopify.

  • 03

    Aggiungi il codice widget a Shopify (installazione globale)

    Utilizza questo metodo se desideri che il widget JavaScript DeBounce funzioni sulla maggior parte delle pagine del tuo negozio Shopify, inclusi i moduli di iscrizione, i campi della newsletter e i moduli di contatto.

    1. Accedi al tuo Amministratore Shopify.
    2. Accedere a Negozio online → Temi.
    3. Clicchi Modifica codice sul tuo tema attivo.
    4. Aprire il file Disposizione → theme.liquid.
    5. Incolla il frammento del widget JavaScript DeBounce subito prima della chiusura </body> etichetta.

    Suggerimento:
    Se la documentazione del widget richiede specificamente il caricamento dello script all'interno di <head> sezione, puoi posizionarlo lì. Altrimenti, aggiungendolo prima </body> è consigliato per ottenere prestazioni migliori.