Send e-post fra Shopify Flow med en tilpasset SMTP-server

Send e-post fra Shopify Flow med en tilpasset SMTP-server

Kopier side

Koble Gmail, SendGrid, Mailgun, Amazon SES eller egen SMTP-server til Shopify Flow og send en merkevaretilpasset VIP-velkomst-e-post.

Oversikt

Med Workflow Transactional Email kan du sende transaksjons-e-post fra Shopify Flow via din egen SMTP-server. I dette eksemplet får en kunde tildelt en VIP-tag, Shopify Flow utløses, og arbeidsflyten sender en e-post med bedriftens profil ved hjelp av den lagrede SMTP-serveren og e-postmalen din.

Dette oppsettet består av tre deler:

  1. Opprett en SMTP-tilkobling under E-postavsendere
  2. Utform e-posten under E-postoppsett
  3. Bruk handlingen Send Transactional Email i Shopify Flow, og overfør kundedata til oppsettet

Alle tjenesteleverandører som støtter SMTP, fungerer - inkludert Gmail, SendGrid, Mailgun, Amazon SES og din egen e-postserver.

Videoveiledning

Hele oppsettet - SMTP-server, e-postoppsett og Shopify Flow-arbeidsflyten. Videoen har ikke lyd, så du kan justere avspillingshastigheten slik det passer deg best.

Før du begynner

  • Installer Workflow Transactional Email i din Shopify-butikk.
  • Ha vertsnavnet, portnummeret, brukernavnet og passordet fra SMTP-leverandøren din klart.
  • Bestem hvilken avsenderadresse VIP-e-postene skal sendes fra.

Scenario: en velkomst-e-post til en VIP

Arbeidsflyten fungerer slik:

  1. En kunde er merket som VIP
  2. Shopify Flow starter arbeidsflyten
  3. Arbeidsflyten utfører handlingen Send Transactional Email
  4. Handlingen bruker den lagrede SMTP-serveren din
  5. Denne handlingen sender det lagrede e-postoppsettet ditt med kundens opplysninger allerede utfylt

Trinn 1: Konfigurer SMTP-serveren din

I appen åpner du E-postavsendere og går til SMTP-delen. Her angir du e-postserveren som skal sende transaksjons-e-postene dine.

Siden «E-postavsendere» i Workflow Transactional Email

Skriv inn SMTP-vert, port, brukernavn og passord fra leverandøren din, og trykk deretter på Test tilkobling.

Angi SMTP-vert, port, brukernavn og passord

Leverandørlisten øverst i SMTP-server-skjemaet, med et landvalg og et søkefelt
Begynn med e-postleverandøren din: Velg den, så fylles serverinnstillingene ut automatisk.
SMTP-serverfeltet er fylt ut med navn, vert og port, ved siden av feltet med vår avsender-IP-adresse
SMTP-server-skjemaet. Verdiene på dette bildet er oppdiktede. Hvis e-postserveren din begrenser avsendere basert på IP-adresse, må du legge til adressen som vises under «Vår IP-adresse for utsendelse» på tillatelseslisten.
Den nedre delen av SMTP-server-skjemaet med brukernavn, passord og avsenderadresse
Lenger ned: påloggingsopplysningene til e-postserveren din og adressen som e-postene dine sendes fra.

Hvis påloggingsopplysningene er riktige, vil du se en melding om at operasjonen lyktes.

En vellykket SMTP-tilkoblingstest

Velg adressen som meldingen skal sendes fra. Angi også et visningsnavn, slik at mottakerne ser butikknavnet ditt i stedet for den rene adressen.

Angi avsenderadresse og visningsnavn

Lagre konfigurasjonen slik at den senere kan velges av Shopify Flow-handlingen din.

Lagre SMTP-konfigurasjonen

Trinn 2: Utform e-posten

Gå til E-postmaler. Her oppretter du innholdet i e-postene som Shopify Flow skal sende.

Siden «E-postoppsett»

Lag et oppsett for VIP-scenariet ditt, med emnelinje og brødtekst. Emnelinjen kan inneholde variabler som overføres fra Shopify Flow. I dette eksemplet brukes firstName, med Liquids default-filter som reserve:

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

Legg til blokker for å lage et design som passer til merkevaren din.

Velge blokker i e-postdesigneren

I dette eksemplet brukes en overskriftsblokk, en bildeblokk og en tekstblokk. Tekstblokken refererer til variabelen firstName, som Shopify Flow vil fylle ut.

Et oppsett bestående av overskrift, bilde og tekstblokker

Bruk delen Testvariabler til å legge inn eksempelverdier og sjekke at designet vises slik du forventer.

Test av oppsettet med eksempler på variabler

Lagre oppsettet slik at det kan velges i Shopify Flow-handlingen.

Lagre e-postoppsettet

For fullstendig blokkreferanse, se Lag et e-postoppsett.

Trinn 3: Opprett arbeidsflyten i Shopify Flow

Åpne Shopify Flow og opprett en arbeidsflyt for VIP-prosessen din. Bruk utløseren «kundemerking», slik at arbeidsflyten utløses når en kunde får merket VIP.

En Shopify Flow-arbeidsflyt som bruker en utløser basert på en kundetag

Trykk på Registrer hendelser, og legg deretter til taggen for en kunde i en ny fane. Velg utløseren til venstre, så får du se de faktiske utløserdataene - dette gjør det mye enklere å velge de riktige variablene.

Registrering av hendelser for å innhente reelle utløserdata

Legg til handlingen Send Transactional Email. I feltet Til e-postadresse(r) bruker du kundens e-postvariabel. Trykk deretter på Konfigurer e-post.

Legge til handlingen Send Transactional Email

I konfigurasjonsskjermen velger du SMTP-serveren som denne e-posten skal sendes via under Send fra, og e-postoppsettet du har opprettet under Oppsett. Under disse vises Forhåndsvisning, som viser oppsettet med emnelinjen fylt ut med oppsettets testvariabler, slik at du kan kontrollere at det er riktig. Trykk på Lagre: Konfigurasjonen er lagret vises nederst på siden. Trykk deretter på Avslutt for å gå tilbake til arbeidsflyten.

Nå som vi er tilbake i prosessen, legger du inn dataene som oppsettet ditt trenger i feltet Variabler (JSON):

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

Overføring av kundedata som JSON-variabler

Aktiver arbeidsflyten når du har bekreftet at utløseren, betingelsen, oppsettet og variablene er riktige.

Aktivere arbeidsflyten

Shopify Flow
Hver arbeidsflyt starter med en utløser. I dette eksemplet bruker vi en av våre utvidelser for arbeidsflytutløsere (Workflow Trigger Extensions); alle Shopify-utløsere fungerer på samme måte.
Shopify Flow
Legg til en handling, åpne Workflow Transactional Email og velg Send Transactional Email.
Handlingen Send Transactional Email med feltene «Til», «CC», «BCC» og «Variabler»
Fyll inn hvem som skal motta e-posten. Hvert felt støtter Shopify Flow-variabler.
Konfigurasjonssiden for e-posthandlingen, med en avsender og et e-postoppsett valgt, samt forhåndsvisningen av dette oppsettet nedenfor
Når du velger «Konfigurer e-post», åpnes denne siden: Velg avsender og oppsett, sjekk forhåndsvisningen under, og klikk deretter på «Lagre».

Hvordan brikkene passer sammen

Når kunden får VIP-merket, kjører Shopify Flow arbeidsflyten og utløser e-posthandlingen. Denne handlingen omfatter:

  • dine lagrede serverinnstillinger fra e-postavsendere
  • det lagrede designet ditt fra E-postmaler
  • kundeverdiene som er overført fra Shopify Flow-trinnet som JSON-variabler

Det er nettopp ved å holde disse elementene adskilt at oppsettet blir gjenbrukbart - du kan sende det samme designet til alle kunder uten å måtte redigere HTML-koden hver gang.

Test det fra start til slutt

  1. Bruk VIP-taggen på en testkunde
  2. Kontroller at arbeidsflyten kjører i Shopify Flow
  3. Kontroller at kunden mottar e-posten
  4. Kontroller at emnelinjen og HTML-koden vises riktig
  5. Sørg for at avsenderens navn og adresse stemmer overens med merkevaren din

Hvis meldingen ikke kommer frem, kan du åpne Historikk i appen for å se utførelsesresultatet og den nøyaktige feilmeldingen. Se Historikk og feilsøking.

Her er e-posten som ble sendt, ved hjelp av SMTP-serveren og oppsettet fra denne veiledningen:

Den utsendte VIP-velkomst-e-posten

Relatert