E-mail verzenden vanuit Shopify Flow via een aangepaste SMTP-server

Overzicht

Met Workflow Transactional Email kunt u transactionele e-mails vanuit Shopify Flow versturen via uw eigen SMTP-server. In dit voorbeeld krijgt een klant een VIP-tag toegewezen, wordt Shopify Flow geactiveerd en verstuurt de workflow een e-mail in uw huisstijl via uw opgeslagen SMTP-server en e-maillay-out.

Deze opstelling bestaat uit drie onderdelen:

1. Maak een SMTP-verbinding aan onder E-mailafzenders
2. Ontwerp de e-mail onder E-mailindelingen
3. Gebruik de actie Send Transactional Email in Shopify Flow en voer klantgegevens door naar de lay-out

Elke provider die SMTP ondersteunt, is geschikt, waaronder Gmail, SendGrid, Mailgun, Amazon SES en uw eigen e-mailserver.

Videogids

De volledige installatie: SMTP-server, e-mailopmaak en de Shopify Flow-workflow. De video heeft geen geluid; pas de afspeelsnelheid daarom naar wens aan.

Voordat u begint

• Installeer Workflow Transactional Email in uw Shopify-winkel.
• Zorg ervoor dat u de hostnaam, poort, gebruikersnaam en het wachtwoord van uw SMTP-provider bij de hand hebt.
• Bepaal vanaf welk afzenderadres de VIP-e-mails moeten worden verzonden.

Scenario: een welkomstmail voor VIP’s

The workflow works as follows:

1. Een klant is gemarkeerd als VIP
2. Shopify Flow start de workflow
3. De workflow voert de actie Send Transactional Email uit
4. De actie maakt gebruik van de door u opgeslagen SMTP-server
5. Met deze actie wordt uw opgeslagen e-mailopmaak verzonden, waarbij de gegevens van de klant al zijn ingevuld

Stap 1: Configureer uw SMTP-server

Open in de app het gedeelte E-mailafzenders en ga naar het SMTP-gedeelte. Hier voert u de e-mailserver in die uw transactionele e-mails zal verzenden.

Voer de SMTP-host, poort, gebruikersnaam en het wachtwoord van uw provider in en klik vervolgens op Verbinding testen.

Als de inloggegevens correct zijn, krijgt u een succesmelding te zien.

Kies het adres waarvan het bericht afkomstig moet zijn. Stel ook een weergavenaam in, zodat ontvangers de naam van uw winkel zien in plaats van het ruwe adres.

Sla de configuratie op, zodat deze later door uw Shopify Flow-actie kan worden geselecteerd.

Stap 2: Ontwerp de e-mail

Ga naar E-mailontwerpen. Hier stelt u de inhoud op van de e-mails die Shopify Flow zal versturen.

Stel een opmaak op voor uw VIP-scenario, met een onderwerpregel en een hoofdtekst. In het onderwerp kunt u variabelen gebruiken die vanuit Shopify Flow worden doorgegeven. In dit voorbeeld wordt firstName gebruikt, met het default-filter van Liquid als terugvaloptie:

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

Voeg blokken toe om een ontwerp te maken dat bij uw merk past.

In dit voorbeeld wordt gebruikgemaakt van een koptekstblok, een afbeeldingsblok en een tekstblok. Het tekstblok verwijst naar de variabele firstName, die door Shopify Flow wordt aangevuld.

Gebruik het gedeelte Testvariabelen om voorbeeldwaarden in te voeren en te controleren of het ontwerp wordt weergegeven zoals u verwacht.

Sla de lay-out op, zodat deze kan worden geselecteerd binnen de Shopify Flow-actie.

Raadpleeg Een e-mailopmaak opstellen voor de volledige blokdocumentatie.

Stap 3: Stel de workflow samen in Shopify Flow

Open Shopify Flow en maak een workflow aan voor uw VIP-proces. Gebruik de trigger ‘klanttaggen’, zodat de workflow wordt uitgevoerd wanneer een klant de tag VIP krijgt.

Klik op** Gebeurtenissen vastleggen** en voeg vervolgens in een nieuw tabblad de tag toe aan een klant. Selecteer de trigger aan de linkerkant en u ziet de daadwerkelijke triggergegevens - dit maakt het kiezen van de juiste variabelen een stuk eenvoudiger.

Voeg de actie Send Transactional Email toe. Gebruik in het veld To Email(s) de e-mailvariabele van de klant. Klik vervolgens op Configure email.

Kies in het configuratiescherm onder Verzenden vanaf de SMTP-server waarlangs deze e-mail moet worden verzonden en onder Lay-out de e-maillay-out die u hebt aangemaakt. Daaronder toont Voorbeeld die lay-out met de onderwerpregel, ingevuld met de testvariabelen van de lay-out, zodat u kunt controleren of dit de juiste is. Klik op Opslaan: onderaan de pagina verschijnt de melding Configuratie succesvol opgeslagen. Klik vervolgens op Afsluiten om terug te keren naar de workflow.

Terug naar de actie: voer de gegevens die uw lay-out nodig heeft in het veld Variabelen (JSON) in:

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

Schakel de workflow in zodra u hebt gecontroleerd of de trigger, de voorwaarde, de lay-out en de variabelen allemaal correct zijn.

Hoe de stukjes in elkaar passen

Zodra de klant de VIP-tag krijgt, voert Shopify Flow de workflow uit en activeert de e-mailactie. Die actie omvat:

• uw opgeslagen serverinstellingen van e-mailafzenders
• uw opgeslagen ontwerp uit E-mailontwerpen
• de klantgegevens die vanuit de Shopify Flow-stap als JSON-variabelen zijn doorgegeven

Door deze elementen gescheiden te houden, wordt de lay-out herbruikbaar - u kunt hetzelfde ontwerp naar elke klant sturen zonder telkens de HTML te hoeven bewerken.

Test het van begin tot eind

1. Voeg de tag VIP toe aan een testklant
2. Controleer of de workflow in Shopify Flow wordt uitgevoerd
3. Controleer of de klant de e-mail ontvangt
4. Controleer of de onderwerpregel en de HTML correct worden weergegeven
5. Zorg ervoor dat de naam en het adres van de afzender overeenkomen met uw merk

Mocht het bericht niet aankomen, open dan de geschiedenis in de app om het uitvoeringsresultaat en de exacte foutmelding te bekijken. Zie Geschiedenis en probleemoplossing.

Hieronder vindt u de verzonden e-mail, waarbij gebruik is gemaakt van de SMTP-server en het ontwerp uit deze handleiding:

Gerelateerd

• E-mail verzenden vanuit Shopify Flow met Microsoft 365 - maak gebruik van een Microsoft 365-mailbox in plaats van SMTP.
• E-mail verzenden vanuit Shopify Flow met Google - maak gebruik van een Google-mailbox in plaats van SMTP.
• Variabelen en vloeistoffen - de volledige referentie over variabelen en Liquid.