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

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

Copia pagina

Collegare Gmail, SendGrid, Mailgun, Amazon SES o un server SMTP personalizzato a Shopify Flow e inviare e-mail di benvenuto VIP con il proprio marchio.

Panoramica

La funzione Workflow Transactional Email Le consente di inviare email transazionali da Shopify Flow tramite il Suo server SMTP. In questo esempio, un cliente riceve un tag VIP, Shopify Flow viene eseguito e il workflow invia un'email personalizzata con il Suo marchio utilizzando il server SMTP e il layout dell'email 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 Send Transactional Email 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 di 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 VIP

Il workflow funziona in questo modo:

  1. A un cliente viene assegnato il tag VIP
  2. Shopify Flow avvia il workflow
  3. Il workflow esegue l'azione Send Transactional Email
  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" in Workflow Transactional Email

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

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

Il modulo del server SMTP compilato con 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 nella sezione “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 corrette, verrà visualizzato un messaggio di conferma.

Test di connessione SMTP riuscito

Selezioni l'indirizzo da cui deve 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 di Shopify Flow.

Salvataggio della configurazione SMTP

Fase 2: Progettare l'e-mail

Vada alla sezione Layout delle e-mail. È qui che può creare il contenuto delle e-mail che Shopify Flow invierà.

La pagina "Layout delle e-mail"

Crei un layout 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 filtro default di Liquid come valore predefinito:

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

Aggiunga dei blocchi per creare un layout che rispecchi il Suo marchio.

Selezione dei blocchi nell'editor delle e-mail

In questo esempio vengono utilizzati un blocco di intestazione, un blocco 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 la documentazione completa relativa 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 “Etichettatura cliente”, in modo che il workflow venga eseguito quando a un cliente viene assegnata l’etichetta VIP.

Un flusso di lavoro di Shopify Flow che utilizza un trigger basato su un tag clientee

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ò rende molto più semplice la scelta delle variabili giuste.

Recording degli eventi per acquisire dati reali relativi ai trigger

Aggiunga l'azione Send Transactional Email. Nel campo To Email(s), utilizzi la variabile relativa all'indirizzo e-mail del cliente. Quindi faccia clic su Configure email.

Aggiunta dell'azione Send Transactional Email

Nella schermata di configurazione, selezioni il server SMTP attraverso il quale deve passare questa e-mail nella sezione Invia da e il layout dell’e-mail che ha creato nella sezione Layout. Sotto di essi, la sezione Anteprima mostra tale layout con la riga dell’oggetto, compilata con le variabili di test del layout, in modo da poter verificare che sia quello corretto. Premere Salva: nella parte inferiore della pagina comparirà il messaggio Configurazione salvata con successo. Successivamente, premere Esci per tornare al workflow.

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, le condizioni, il layout e le variabili siano tutti corretti.

Attivazione del flusso di lavoro

Shopify Flow
Ogni workflow ha inizio con un trigger. In questo esempio viene utilizzata una delle nostre estensioni per i trigger dei flussi di lavoro (Workflow Trigger Extensions); qualsiasi trigger di Shopify funziona allo stesso modo.
Shopify Flow
Aggiunga un'azione, apra Workflow Transactional Email e selezioni Send Transactional Email.
L'azione Send Transactional Email con i relativi campi "A", "CC", "BCC" e "Variabili"
Indichi chi riceve l'e-mail. Ciascun campo accetta variabili di Shopify Flow.
La pagina di configurazione dell'azione "Email" con un mittente e un layout di email selezionati, e l'anteprima di tale layout riportata di seguito
La sezione "Configura e-mail" apre questa pagina: selezionate il mittente e il layout, controllate l'anteprima sottostante, quindi cliccate su "Salva".

Come si incastrano i vari elementi

Quando al cliente viene assegnato il tag VIP, Shopify Flow esegue il workflow e attiva l'azione relativa all'invio dell'e-mail. Tale azione comprende:

  • le impostazioni del server salvate relative ai mittenti delle e-mail
  • il Suo progetto salvato dalla sezione Layout e-mail
  • i valori relativi ai clienti trasmessi dal passaggio "Shopify Flow" sotto forma di 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. Assegnare 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. Si veda 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

Correlati