Inviare un’e-mail da Shopify Flow utilizzando un server SMTP personalizzato

Panoramica

Workflow Transactional Email Le consente di inviare e-mail transazionali da Shopify Flow tramite il proprio server SMTP. In questo esempio, un cliente riceve un tag VIP, viene eseguito Shopify Flow e il workflow invia un'e-mail personalizzata con il marchio utilizzando il server SMTP e il layout e-mail da Lei salvati.

Questa configurazione si compone di tre parti:

  1. Creare una connessione SMTP nella sezione “Mittenti e-mail”
  2. Progettate l'e-mail nella sezione "Layout e-mail"
  3. Utilizzi l'azione "Invia e-mail transazionale" in Shopify Flow e inserisca i dati del cliente nel layout

È compatibile con qualsiasi provider che supporti il protocollo SMTP, inclusi Gmail, SendGrid, Mailgun, Amazon SES e il vostro server di posta.

Guida video

La configurazione completa: server SMTP, layout delle e-mail e workflow Shopify Flow. Il video è privo di audio, pertanto vi invitiamo a regolare la velocità di riproduzione in base alle vostre esigenze.

Prima di iniziare

  • Installi "Workflow Transactional Email" nel Suo negozio Shopify.
  • Si assicuri di avere a portata di mano l'host, la porta, il nome utente e la password forniti dal Suo provider SMTP.
  • Decida da quale indirizzo mittente debbano provenire le e-mail VIP.

Scenario: un'e-mail di benvenuto per un cliente VIP

Il workflow funziona in questo modo:

  1. Un cliente è stato contrassegnato VIP
  2. Shopify Flow avvia il workflow
  3. Il workflow esegue l'azione "Invia email transazionale"
  4. L'azione utilizza il server SMTP da Lei salvato
  5. Questa azione invia il layout dell'e-mail da Lei salvato con i dati del cliente già inseriti

Fase 1: Configurare il server SMTP

Nell’app, apra la sezione “Mittenti e-mail” e acceda alla sezione SMTP. È qui che deve inserire il server di posta che invierà le sue e-mail transazionali.

La pagina “Mittenti delle e-mail” su Workflow Transactional Email

Inserisca l'host SMTP, la porta, il nome utente e la password forniti dal Suo provider, quindi prema "Verifica connessione".

Inserimento dell’host SMTP, della porta, del nome utente e della password

Il modulo del server SMTP, in cui sono stati inseriti nome, host e porta, accanto alla scheda contenente il nostro indirizzo IP di invio
Il modulo del server SMTP. I valori riportati in questa immagine sono fittizi. Se il Suo server di posta limita i mittenti in base all’IP, inserisca nella lista dei mittenti autorizzati l’indirizzo indicato alla voce “Il nostro indirizzo IP di invio”.
La parte inferiore del modulo del server SMTP con nome utente, password e indirizzo del mittente
Più in basso: le credenziali di accesso al Suo server di posta elettronica e l’indirizzo da cui vengono inviate le Sue e-mail.

Se le credenziali sono valide, verrà visualizzato un messaggio di conferma.

Test di connessione SMTP riuscito

Selezioni l'indirizzo da cui dovrà provenire il messaggio. Imposti anche un nome da visualizzare, in modo che i destinatari vedano il nome del Suo negozio anziché l'indirizzo grezzo.

Impostazione dell'indirizzo del mittente e del nome visualizzato

Salvi la configurazione in modo che possa essere selezionata in seguito dall'azione Shopify Flow.

Salvataggio della configurazione SMTP

Fase 2: Progettare l'e-mail

Acceda alla sezione "Modelli di e-mail". È qui che potrà creare il contenuto delle e-mail che Shopify Flow invierà.

La pagina "Layout delle e-mail"

Crei una struttura per il Suo scenario VIP, con un oggetto e un corpo del messaggio. L’oggetto può utilizzare variabili trasmesse da Shopify Flow. Questo esempio utilizza firstName con il default filtro di Liquid come soluzione alternativa:

Hi {{ variables.firstName | default: "Customer" }} Welcome to VIP Club

Aggiunga dei blocchi per creare un design in linea con il Suo marchio.

Selezione dei blocchi nell'editor di e-mail

In questo esempio vengono utilizzati un blocco di intestazione, un blocco di immagine e un blocco di testo. Il blocco di testo fa riferimento alla variabile firstName, che verrà fornita da Shopify Flow.

Un layout composto da intestazioni, immagini e blocchi di testo

Utilizzi la sezione “Variabili di prova” per inserire valori di esempio e verificare che il progetto venga visualizzato come previsto.

Verifica del layout con variabili di esempio

Salvi il layout in modo che possa essere selezionato all’interno dell’azione Shopify Flow.

Salvataggio del layout dell'e-mail

Per il riferimento completo al blocco, si veda Creare un layout per un’e-mail.

Fase 3: Creare il workflow in Shopify Flow

Apra Shopify Flow e crei un workflow per il Suo processo VIP. Utilizzi il trigger “Assegnazione tag cliente”, in modo che il workflow venga eseguito quando a un cliente viene assegnato il tag VIP.

Un workflow di Shopify Flow che utilizza un trigger basato su tag cliente

Clicchi su “Registra eventi”, quindi, in una nuova scheda, aggiunga il tag a un cliente. Selezioni il trigger a sinistra e vedrà i dati effettivi del trigger: ciò semplifica notevolmente la scelta delle variabili corrette.

Registrazione degli eventi per acquisire dati reali relativi ai trigger

Aggiunga l'azione “Invia email transazionale”. Nel campo “A”, utilizzi la variabile relativa all’indirizzo email del cliente. Quindi faccia clic su “Configura email”.

Aggiunta dell’azione “Invia e-mail transazionale”

Nella schermata di configurazione, selezioni il modello di e-mail che ha creato e il server SMTP attraverso il quale deve passare questa e-mail. Premano “Salva”, quindi “Esci” per tornare al workflow.

Selezione del layout delle e-mail e del server SMTP

Tornando all’azione, inserite i dati necessari al vostro layout nel campo Variabili (JSON):

{
  "firstName": "{{ customer.firstName }}"
}

Trasmissione dei dati dei clienti come variabili JSON

Attivi il workflow dopo aver verificato che il trigger, la condizione, il layout e le variabili siano tutti corretti.

Attivazione del workflow

Shopify Flow
Ogni workflow ha origine da un trigger. In questo esempio viene utilizzato uno dei nostri trigger Workflow Trigger Extensions; qualsiasi trigger di tipo Shopify funziona allo stesso modo.
Shopify Flow
Aggiunga un'azione, apra Workflow Transactional Email e selezioni "Invia email transazionale".
L'azione "Invia e-mail transazionale" con i campi "A", "CC", "CCN" e "Variabili"
Indichi chi riceve l'e-mail. Ogni campo accetta variabili di Shopify Flow.
La pagina di configurazione dell'azione "Email" con un mittente e un layout dell'e-mail selezionati
La voce “Configura e-mail” apre questa pagina: scelga il mittente e il layout, quindi faccia clic su “Salva”.

Come si incastrano i vari elementi

Quando il cliente riceve il tag VIP, Shopify Flow avvia il workflow e attiva l’azione e-mail. Tale azione combina:

  • le impostazioni del server salvate relative ai mittenti delle e-mail
  • il Suo progetto salvato dalla sezione “Layout e-mail”
  • i valori relativi al cliente trasmessi dal passaggio "Shopify Flow" come variabili JSON

È proprio il fatto di tenerli separati che rende il layout riutilizzabile: potrete inviare lo stesso design a ogni cliente senza dover modificare il codice HTML ogni volta.

Lo si verifichi dall’inizio alla fine

  1. Applichi il tag VIP a un cliente di prova
  2. Verifichi che il workflow venga eseguito in Shopify Flow
  3. Si assicuri che il cliente riceva l’e-mail
  4. Si verifichi che l'oggetto e il codice HTML vengano visualizzati correttamente
  5. Si assicuri che il nome e l'indirizzo del mittente corrispondano al Suo marchio

Se il messaggio non viene recapitato, apra la sezione “Cronologia” nell’app per visualizzare il risultato dell’esecuzione e l’errore esatto. Consulti Cronologia e risoluzione dei problemi.

Ecco l'e-mail inviata, utilizzando il server SMTP e la configurazione descritti in questa guida:

L’e-mail di benvenuto VIP inviata all’indirizzo

Correlati