Email

Setup

Alt, hvad du skal konfigurere, før Clerk.io kan sende emails på dine vegne.
Backend in the Clerk.io backend

Denne guide dækker den opsætning, der er nødvendig, før Clerk.io kan sende e-mails på dine vegne.

Den gælder for kampagner, flows og automatiske triggere såsom Forladt Kurv. Hvis du kun vil tilføje personlige produktanbefalinger til e-mails sendt fra Klaviyo, Mailchimp eller en anden platform, så gå til Embeds i stedet.

Hvert nedenstående koncept forklarer, hvad det gør, hvornår du har brug for det, og hvordan du håndterer det med Clerk.js eller API’et, hvor kode kræves.

Vælg den rigtige opsætningsvej #

Brug den sektion, der matcher den opgave, du skal udføre:

Opsætningen er opgavebaseret. For eksempel kræver Forladt Kurv e-mailidentifikation og tracking af kurv, mens en enkeltstående kampagne kræver et senderdomæne, abonnenter og et e-mail design.

Opsætningsstatus #

Fanen Opsætningsstatus giver dig et live overblik over din e-mailopsætning.

Find den i Email > Configuration > Setup Status. Den viser, om de nødvendige dele er konfigureret, om tracking virker, og om e-mails bliver sendt som forventet.

Hvert punkt har en farvet prik. Grøn betyder, at alt er i orden, rød betyder, at noget mangler eller er i stykker, og orange er en advarsel, der er værd at tjekke.

Tjekpunkterne er grupperet i tre områder:

Konfiguration dækker kerneopsætningen. Dette inkluderer, om e-mailsending er aktiveret, hvilket senderdomæne der er konfigureret, hvor mange tilmeldte modtagere der er tilgængelige, og om aktive flowtrin har e-mail designs.

On-site tracking viser, om besøgende bliver tracket. Den viser også, hvor mange besøgende eller kurve der er blevet forbundet til en e-mailadresse inden for de sidste syv dage.

Flows & sending viser, om aktive flows er konfigureret, hvor mange flowhændelser der afventer, hvor mange e-mails der er sendt for nyligt, og om sendekøen er sund.

Start her, når e-mails ikke bliver sendt som forventet. Det er det tætteste, e-mailopsætningen har på et dashboard, der stille og roligt holder øje med brændstofmåleren.

Sender Domæne #

How Clerk.io sends emails from your domain — a three-step overview of DNS setup

Senderdomænet er det domæne, Clerk.io bruger, når der sendes e-mails for din butik.

Før Clerk.io kan sende fra det domæne, skal du godkende det via DNS-registreringer. Disse registreringer fortæller modtagende mailservere, at Clerk.io må sende e-mails på dine vegne.

Uden dette bevis kan e-mails afvises eller havne i spam. Mailservere er professionelle skeptikere, og de har ærlig talt oplevet lidt af hvert.

DNS-registreringer #

Tilføj de nødvendige DNS-registreringer hos din domæneudbyder. Dette er typisk dér, hvor du administrerer dit domæne, såsom Cloudflare, GoDaddy, Route 53 eller en lignende udbyder.

Clerk.io bruger tre typer DNS-registreringer:

  • SPF erklærer, hvilke tjenester der må sende e-mails fra dit domæne.
  • DKIM tilføjer en signatur, så modtagere kan verificere, at e-mailen kommer fra dig og ikke er ændret undervejs.
  • CNAME bruges til at tracke åbninger og klik i dine kampagner.
SPF-registreringer: Et domæne kan kun have én SPF TXT-registrering. Hvis du allerede har én, skal du flettet direktivet, fx include:mailgun.org, ind i den eksisterende registrering i stedet for at oprette en ny.

For at finde dine registreringer, gå til Email > Configuration > Domain Setup og følg guiden for din hostingudbyder.

Efter du har indtastet din afsender-e-mail og afsendernavn, genererer Clerk.io de præcise registreringsværdier. Tilføj dem hos din domæneudbyder, og gå derefter retur til Email > Configuration > DNS Records og klik Verificér nu.

Abonnenter #

En abonnent er en e-mailadresse, der har accepteret at modtage markedsføringsmails.

Clerk.io skal have abonnenter, før der kan sendes kampagner. Et flow kan identificere en besøgende og vide præcis, hvad de har kigget på, men den kan stadig ikke sende markedsføringsmail til nogen, der ikke har tilmeldt sig.

Der er flere måder at bringe abonnenter ind i Clerk.io:

  • Synkronisér dem fra en eksisterende e-mailplatform.
  • Importér dem fra en CSV-fil.
  • Inkludér dem i dit datafeed med subscribed: true.
  • Indsaml nye tilmeldinger fra din hjemmeside med en formular.

Synkronisering af eksisterende abonnenter #

Abonnentsynkronisering er den bedste løsning, hvis du allerede har abonnenter i en platform som Klaviyo eller Mailchimp.

Først tilknyt din e-mailplatform i Settings > Integrations. Gå derefter til Email > Configuration > Sync Subscribers og slå synkronisering til for integrationen.

Sync Subscribers tab in Email Configuration

For at finde guiden til en specifik e-mailplatform skal du bruge integrationsmenuen i sidebaren og følge dens Sync Data guide.

Hvis du ikke bruger en ekstern e-mailplatform, kan du importere abonnenter med en CSV-fil eller inkludere dem i dit datafeed ved at bruge subscribed: true på kundeprofiler.

Double opt-in #

Double opt-in confirmation email settings

Double opt-in kræver, at nye abonnenter bekræfter deres e-mailadresse, før Clerk.io sender dem nyhedsbreve. Dette er nyttigt, hvis din virksomhed opererer i Tyskland eller et andet marked, hvor bekræftet samtykke er påkrævet.

For at aktivere det, gå til Email > Configuration > Sync Subscribers, slå Double opt-in til, og gem ændringerne.

Når en besøgende har tilmeldt sig, sender Clerk.io en bekræftelsesmail. Abonnenten modtager ikke nyhedsbreve, før de klikker på bekræftelseslinket.

Bekræftelsesmailen viser en live forhåndsvisning, mens du redigerer den. Du kan tilpasse Emne, Overskrift, Besked og Knaptekst. E-mailen bruger som standard butikkens bekræftede afsenderdomæne, og det sikre bekræftelseslink lægges automatisk ind.

Lad et felt stå tomt for at bruge standardteksten for den del af bekræftelsesmailen.

Få nye abonnenter #

At få nye abonnenter betyder at indsamle friske tilmeldinger fra din hjemmeside.

Dette er anderledes end at synkronisere eksisterende abonnenter. Synkronisering bringer personer ind, der allerede har tilmeldt sig et andet sted. En tilmeldingsformular lader nye besøgende tilmelde sig direkte fra din butik.

Brug dette, hvis Clerk.io er din primære e-mailplatform, eller hvis du vil have en formular, der tilmelder besøgende direkte til Clerk.io.

Ved brug af Clerk.js #

Brug Clerk.js, når en besøgende tilmelder sig direkte på din hjemmeside.

Eksemplet nedenfor tilmelder den indtastede e-mailadresse globalt. Du kan placere formularen i en footer, på forsiden eller i en popup – og designe den, så den matcher din butik.

Subscriber sign-up form example
<div class="clerk-sign-up">
   <h2 class="clerk-sign-up-headline">Sign up now!</h2>
   <div class="clerk-sign-up-subtitle">Get personal offers and stay up-to-date with trends.</div>
   <div class="clerk-input-wrapper">
      <input type="text" id="clerk-add-subscriber-input" placeholder="Enter your email">
      <button id="clerk-add-subscriber-btn" onclick="add_subscriber()">Subscribe</button>
   </div>
   <div id="clerk-subscribe-message"></div>
</div>

<script>
   function add_subscriber() {
      var clerk_btn = document.getElementById("clerk-add-subscriber-btn");
      var clerk_input = document.getElementById("clerk-add-subscriber-input");
      var clerk_message = document.getElementById("clerk-subscribe-message");
      Clerk("call", "subscriber/subscribe", {
         email: clerk_input.value
      },
      function(response) {
         clerk_message.style.color = "#008001";
         clerk_message.innerText = "You are now subscribed!";
         clerk_btn.innerText = "Subscribed!";
         clerk_btn.style.opacity = "0.5";
         clerk_btn.disabled = true;
      },
      function(response) {
         clerk_message.style.color = "#EE360E";
         clerk_message.innerText = "Could not subscribe. Please try again.";
      });
   }
</script>

<style>
   .clerk-sign-up {
      width: 50%;
      padding: 60px 0;
      max-width: 800px;
      min-width: 500px;
      margin: 40px auto;
      background-color: #FEFAF4;
   }
   .clerk-sign-up-headline {
      margin: 0 14px 14px;
      text-align: center;
   }
   .clerk-sign-up-subtitle {
      margin: 14px 14px 28px;
      text-align: center;
      color: #808080;
   }
   .clerk-input-wrapper {
      margin: 10px auto;
      text-align: center;
   }
   #clerk-add-subscriber-input {
      height: 28px;
      width: 50%;
      padding: 0 0 0 6px;
      border: 1px solid #D3D3D3;
   }
   #clerk-add-subscriber-btn {
      height: 30px;
      background-color: #008001;
      border: 1px solid #008001;
      color: white;
      cursor: pointer;
   }
   #clerk-subscribe-message {
      height: 20px;
      margin: auto;
      text-align: center;
   }
</style>

For at tilmelde til en specifik liste, tilføj list_id. List-ID’er findes i Email > Subscribers > Lists.

Clerk("call", "subscriber/subscribe", {
  email: "customer@example.com",
  list_id: "FSY27248"
});

Læs mere i Abonnenter.

Ved brug af API #

Brug API’et, når din tilmeldingsformular eller backend skal håndtere abonnenter direkte.

Kald subscriber/subscribe for at tilmelde en e-mailadresse:

curl -X POST https://api.clerk.io/v2/subscriber/subscribe \
  -H 'Content-Type: application/json' \
  -d '{
    "key": "your-public-api-key",
    "email": "customer@example.com"
  }'

For at tilmelde på en specifik liste, inkludér list_id:

curl -X POST https://api.clerk.io/v2/subscriber/subscribe \
  -H 'Content-Type: application/json' \
  -d '{
    "key": "your-public-api-key",
    "email": "customer@example.com",
    "list_id": "FSY27248"
  }'

Læs den fulde reference på docs.clerk.io/reference/subscriberssubscribe.

Afmelding #

Afmelding er måden, modtagere framelder sig markedsføringsmails.

Enhver markedsføringsmail skal indeholde en måde, så modtagere kan afmelde sig. Hvordan du håndterer det, afhænger af, om modtageren klikker på et link i mailen, eller om dit backend håndterer afmeldingen.

Ved brug af ekstern platform — Bliv ved med at bruge afmeldingslinket fra din eksisterende platform. Klaviyo, Mailchimp eller en anden platform håndterer afmeldingen og holder abonnentlisten opdateret.

Ved udsendelse via Clerk.io — Tilføj Clerk.io’s afmeldingslink i designet. Hvis du bruger Ask Clerk.io, så bed om at få tilføjet et afmeldingslink, og det bliver sat ind for dig.

For designs, du bygger manuelt, brug linket nedenfor.

Variablen {{ email }} erstattes med modtagerens e-mailadresse ved afsendelse. Erstat YOUR_PUBLIC_API_KEY med den offentlige nøgle fra Developers > API Keys.

<a href="https://api.clerk.io/v2/subscriber/unsubscribe?key=YOUR_PUBLIC_API_KEY&email={{ email }}&redirect=true">Unsubscribe</a>

For kun at afmelde fra en bestemt liste, tilføj list_id:

<a href="https://api.clerk.io/v2/subscriber/unsubscribe?key=YOUR_PUBLIC_API_KEY&email={{ email }}&list_id=FSY27248&redirect=true">Unsubscribe from this list</a>

For at dirigere videre til din egen bekræftelsesside efter afmelding, tilføj redirect_url:

<a href="https://api.clerk.io/v2/subscriber/unsubscribe?key=YOUR_PUBLIC_API_KEY&email={{ email }}&redirect=true&redirect_url=https://yoursite.com/unsubscribed">Unsubscribe</a>

Ved brug af API #

Brug subscriber/unsubscribe for at afmelde en e-mailadresse programmatisk.

Dette er nyttigt for brugerdefinerede afmeldingssider eller backend automatiseringer.

curl -X POST https://api.clerk.io/v2/subscriber/unsubscribe \
  -H 'Content-Type: application/json' \
  -d '{
    "key": "your-public-api-key",
    "email": "customer@example.com"
  }'

Dette afmelder globalt. For kun at afmelde fra en specifik liste, inkludér list_id:

curl -X POST https://api.clerk.io/v2/subscriber/unsubscribe \
  -H 'Content-Type: application/json' \
  -d '{
    "key": "your-public-api-key",
    "email": "customer@example.com",
    "list_id": "FSY27248"
  }'

Læs den fulde reference på docs.clerk.io/reference/subscribersunsubscribe.

Butikspersonalisering #

Email Personalization showing Store Logo settings

Butikspersonalisering styrer de standard brandaktiver, Clerk.io bruger i e-maildesigns.

Gå til Email > Configuration > Personalization for at sætte din butiks logo. Du kan uploade et billede manuelt eller bruge Auto-detect from website for at lade Clerk.io finde det på din webshop.

Logoet her bruges som standardlogo i Clerk.io-byggede e-maildesigns. Hvis du bygger designs manuelt, kan du stadig referere til logoets URL direkte i skabelonen.

Email Designs #

Ask Clerk.io Design Studio showing an unsaved email preview

Et e-mail design er den visuelle skabelon, Clerk.io bruger til at bygge e-mailen, der sendes.

Hver kampagne og automatisk flow skal bruge et design. Designet styrer layout, farver, tekst, produktblokke, afmeldingslinks og alt andet, modtageren ser.

Med Ask Clerk.io Design Studio #

Den nemmeste måde at lave et design på er med Ask Clerk.io Design Studio.

Beskriv, hvad du ønsker, i talesprog, fx layout, farver, hvilke produkter der skal vises, og hvordan udsalgspriser skal fremgå. Design Studio bygger en forhåndsvisning direkte i chatten, som du kan gennemgå og tilpasse.

Du kan også pege på din side eller vedhæfte et screenshot. Så bruges det som visuel reference, hvilket er meget hurtigere end at forklare din grønne nuance som om den var mistænkt i en politiafhøring.

Læs mere i Design Studio guiden.

Med MJML #

Brug den indbyggede MJML editor, hvis du ønsker mere kontrol over koden.

MJML kompileres til HTML, der vises ens i Gmail, Outlook, Apple Mail og andre e-mailklienter. Se MJML Designs guiden for fuld gennemgang og eksempler.

Alle e-mail designs i Clerk.io er responsive. De tilpasser sig automatisk til desktop, tablet og mobil.

Statiske billeder #

Brug Mediebiblioteket til statiske billeder som bannere, logoer og sæsonbestemte headers.

Billeder uploadet her får en skabelonreference som {{ media.your-image }}, som du kan bruge i ethvert design.

Du kan også vedhæfte et billede direkte i Ask Clerk.io og bede om at få det uploadet og brugt i designet.

Email Identification #

E-mailidentifikation forbinder en besøgsession med en e-mailadresse.

Det er påkrævet for automatiske flows som browse abandonment, welcome-serier og Forladt Kurv. Uden det kan Clerk.io måske vide, hvad en besøgende har gjort, men ikke hvem, der skal sendes e-mail til.

Hver besøgende på din side får et besøgs-ID. I starten er det anonymt. E-mailidentifikation forbinder det til en e-mailadresse, når besøgende indtaster sin mail eller vender tilbage som logget ind.

Med Clerk.js #

Brug collect_email for at lad Clerk.js automatisk detektere e-mailfelter.

Hvis du bruger et af Clerk.io’s installerbare plugins, aktivér collect_email direkte i plugin-indstillingerne. Dette gælder for DanDomain Classic, Magento 1, Magento 2, PrestaShop, Shopware 6, VTEX og WooCommerce.

For andre opsætninger, aktiver det i din Clerk.js-konfiguration:

Clerk('config', {
  key: 'your-public-api-key',
  collect_email: true
});

Clerk.js overvåger e-mail inputfelter og logger adressen, så snart en besøgende indtaster den.

Dette virker til checkoutfelter, nyhedsbrevs-tilmeldinger, login-formularer, og andre <input type="email"> elementer.

Hvis en kunde allerede er logget ind, log deres mail én gang per session med Clerk('call', 'log/email').

if (!sessionStorage.getItem('clerk_email_logged')) {
  Clerk('call', 'log/email', {
    email: 'CUSTOMER_EMAIL'
  });
  sessionStorage.setItem('clerk_email_logged', '1');
}

Erstat CUSTOMER_EMAIL med den faktiske e-mailadresse fra din platform. Render scriptet kun, når en e-mailadresse er tilgængelig.

Ved brug af API #

Brug log/email til at associere et besøgs-ID med en e-mailadresse.

Kald den én gang pr. session, når en e-mailadresse er tilgængelig. Dette gælder, når en kunde logger ind og når de vender tilbage allerede logget ind.

curl -X POST https://api.clerk.io/v2/log/email \
  -H 'Content-Type: application/json' \
  -d '{
    "key": "your-public-api-key",
    "email": "customer@example.com",
    "visitor": "SESSION_VISITOR_ID"
  }'

Erstat SESSION_VISITOR_ID med besøgs-ID’et for nuværende session.

Ved brug af API’et er du ansvarlig for at generere og vedligeholde besøgs-ID. Se Tracking guiden for detaljer.

Cart Tracking #

Kurvtracking fortæller Clerk.io, hvad en besøgende aktuelt har i deres kurv.

Det er et krav for Forladt Kurv e-mails. Når en besøgende forlader uden at købe, kan Clerk.io kun sende kurvens indhold, hvis kurven er tracket.

Kald kurvtracking hver gang kurven ændres. Det vil sige, når et produkt tilføjes, fjernes eller ved opdatering af hele kurven.

Med Clerk.js #

Hvis du bruger plugin til Magento 1, Magento 2, PrestaShop eller WooCommerce, håndteres kurvtracking automatisk.

For andre opsætninger, informer Clerk.io om nuværende kurvindhold ved at bruge set-metoden. Hver kald hører til nuværende besøgs-session.

Clerk('cart', 'set', [1234, 5678, 42]);

Læs mere i Shopping Cart integration.

Med API #

Brug log/cart/update for at sætte kurven til dens aktuelle indhold.

Kald den, hver gang kurven ændres, og send hele listen af produkter i kurven.

curl -X POST https://api.clerk.io/v2/log/cart/update \
  -H 'Content-Type: application/json' \
  -d '{
    "key": "your-public-api-key",
    "visitor": "SESSION_VISITOR_ID",
    "products": [
      {"id": 1234, "quantity": 2},
      {"id": 5678, "quantity": 1}
    ]
  }'

Du kan også sende email i stedet for eller sammen med visitor, hvis e-mailadressen allerede er kendt.

Denne side er oversat af en hjælpsom AI, og der kan derfor være sproglige fejl. Tak for forståelsen.