Email

Setup

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

Denne guide dækker opsætningen, der skal være på plads, før Clerk.io kan sende emails på dine vegne.

Den gælder for kampagner, flows og automatiske triggers som Abandoned Cart. Hvis du kun vil tilføje personlige produktanbefalinger til emails sendt fra Klaviyo, Mailchimp eller en anden platform, skal du i stedet gå til Embeds.

Hver enkelt sektion nedenfor forklarer, hvad det gør, hvornår du har brug for det, og hvordan du administrerer det med Clerk.js eller API’et, hvor kode er påkrævet.

Vælg den rigtige opsætningsvej #

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

Opsætningen er opgavebaseret. For eksempel kræver Abandoned Cart email-identifikation og cart tracking, mens en engangs-kampagne kræver et senderdomæne, abonnenter og et email-design.

Setup Status #

Setup Status-fanen giver dig et live overblik over din email-opsætning.

Find den i Email > Configuration > Setup Status. Den viser, om de krævede dele er konfigureret, om tracking virker, og om emails 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 ødelagt, og orange er en advarsel, der bør tjekkes.

Tjekpunkterne er grupperet i tre områder:

Configuration dækker kerneopsætningen. Dette inkluderer, om email-afsendelse er aktiveret, hvilket senderdomæne der er konfigureret, hvor mange tilmeldte modtagere der er tilgængelige, og om aktive flow-trin har email-designs.

On-site tracking viser, om besøgs-tracking kører. Det viser også, hvor mange besøgende eller kurve der er blevet knyttet til en emailadresse de seneste syv dage.

Flows & sending viser, om aktive flows er konfigureret, hvor mange flow-hændelser der afventer, hvor mange emails der er sendt for nylig, og om sendekøen er sund.

Start her, hvis emails ikke bliver sendt som forventet. Det er det nærmeste, email-opsætningen har til et dashboard, der stille banker på benzinmåleren.

Sender Domain #

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 emails sendes fra din butik.

Før Clerk.io kan sende fra domænet, skal du godkende det med DNS-registreringer. Disse poster fortæller modtagende mailservere, at Clerk.io må sende emails på dine vegne.

Uden dette bevis kan emails blive afvist eller sendt til spam. Mailservere er mistænksomme af natur, og de har ærligt talt set ting.

DNS Records #

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

Clerk.io bruger tre typer DNS-poster:

  • SPF deklarerer, hvilke tjenester der må sende emails fra dit domæne.
  • DKIM tilføjer en signatur, så modtagere kan verificere, at emailen kom fra dig og ikke blev ændret undervejs.
  • CNAME bruges til at tracke åbninger og klik i dine kampagner.
SPF records: Et domæne kan kun have én SPF TXT-post. Hvis du allerede har en, skal du flette direktivet, f.eks. include:mailgun.org, ind i den eksisterende post i stedet for at oprette en ekstra.

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

Efter du har indtastet din Sender Email og Sender Name, genererer Clerk.io de nøjagtige værdier til posterne. Tilføj dem hos din domæneudbyder, gå derefter tilbage til Email > Configuration > DNS Records og klik på Verify Now.

Subscribers #

En subscriber er en emailadresse, der har sagt ja til at modtage markedsføringsemails.

Clerk.io skal have abonnenter, før der kan sendes kampagner. Et flow kan identificere en besøgende og vide præcis, hvad vedkommende har set, men det kan stadig ikke sende markedsføringsemail til en, der ikke har abonneret.

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

  • Synkroniser dem fra en eksisterende emailplatform.
  • Importer dem fra en CSV-fil.
  • Inkluder dem i dit datafeed med subscribed: true.
  • Indsaml nye tilmeldinger fra dit website via en formular.

Synkronisering af eksisterende abonnenter #

Abonnent-synkronisering er den bedste mulighed, hvis du allerede har abonnenter i en platform som Klaviyo eller Mailchimp.

Først forbinder du din emailplatform i Settings > Integrations. Gå derefter til Email > Configuration > Sync Subscribers og aktiver integrationen.

Sync Subscribers tab in Email Configuration

For at finde guiden til en specifik emailplatform, brug integrationsmenuen i sidepanelet og følg Sync Data-guiden.

Hvis du ikke bruger en ekstern emailplatform, kan du importere abonnenter med en CSV-fil eller inkludere dem i dit data feed med subscribed: true på kundeposterne.

Få nye abonnenter #

At få nye abonnenter betyder at indsamle friske tilmeldinger fra dit website.

Dette er anderledes end at synkronisere eksisterende abonnenter. Synkronisering henter folk, der allerede har tilmeldt sig andetsteds. En tilmeldingsformular lader nye besøgende tilmelde sig direkte fra din butik.

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

Brug af Clerk.js #

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

Eksemplet herunder tilmelder den indtastede emailadresse globalt. Du kan placere formularen i en footer, på forsiden eller i en popup, og style den så den passer til 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 en specifik liste skal du tilføje list_id. Liste-ID’er findes i Email > Subscribers > Lists.

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

Læs mere i Subscribers.

Brug af API’et #

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

Kald subscriber/subscribe for at tilføje en emailadresse som abonnent:

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 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 hele referencen på docs.clerk.io/reference/subscriberssubscribe.

Unsubscribing #

Afmelding er den måde, modtagere fravælger markedsførings-emails på.

Hver markedsførings-email skal indeholde en måde for modtagere at afmelde sig på. Hvordan du håndterer det afhænger af, om modtageren klikker på et link i en email, eller om dit backend styrer frameldingen.

Bruger en ekstern platform — Fortsæt med at bruge dit nuværende platforms afmeldingslink. Klaviyo, Mailchimp eller din anden platform håndterer afmeldingen og holder abonnentlisten synkroniseret.

Sender via Clerk.io — Tilføj Clerk.io’s afmeldingslink til designet. Hvis du bruger Ask Clerk.io, kan du bede om, at der tilføjes et afmeldingslink, og så indsætter den det for dig.

For designs du laver manuelt, brug linket herunder.

Variablen {{ email }} bliver udskiftet med hver modtagers adresse ved afsendelse. Udskift YOUR_PUBLIC_API_KEY med Public Key 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 specifik 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 viderestille 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>

Brug af API’et #

Brug subscriber/unsubscribe for at afmelde en emailadresse programmatisk.

Dette er nyttigt for brugerdefinerede afmeldingssider eller backend-workflows.

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 hele referencen på docs.clerk.io/reference/subscribersunsubscribe.

Store Personalization #

Email Configuration Personalization tab with store logo settings

Store personalization styrer de standard brand-assets, Clerk.io bruger i email-designs.

Gå til Email > Configuration > Personalization for at vælge 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, der sættes her, bruges som standardlogo i Clerk.io-byggede email-designs. Hvis du bygger designs manuelt, kan du stadig referere til logoets URL direkte i skabelon-markuppen.

Email Designs #

Ask Clerk.io Design Studio showing an email design preview with product recommendations

Et email-design er den visuelle skabelon, Clerk.io bruger til at bygge de emails, der udsendes.

Hver kampagne og automatiseret flow skal have 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 det ønskede med almindeligt sprog, såsom layout, farver, hvilke produkter der skal vises, og hvordan udsalgspriser skal se ud. Studiebyggeren laver et preview direkte i chatten, så du kan gennemse og justere.

Du kan også pege den på dit site eller vedhæfte et screenshot. Den bruger det som visuel reference, hvilket er langt hurtigere end at forklare din nuance af grøn som var det en mistænkt i et politiafhøring.

Læs mere i Design Studio guiden.

Med MJML #

Brug den indbyggede MJML editor, når du vil have fuld kontrol over markuppet.

MJML kompilerer til HTML, der gengives ensartet i Gmail, Outlook, Apple Mail og andre email-klienter. Se MJML Designs-guiden for en fuld gennemgang og eksempler.

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

Statiske billeder #

Brug Media Library til statiske billeder som bannere, logoer og sæsonbestemte overskrifter.

Billeder uploadet der får en template-reference 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 #

Email identification forbinder en besøgs-session til en emailadresse.

Det er krævet for automatiske flows som browse abandonment, welcome series og Abandoned Cart. Uden det kan Clerk.io godt vide, hvad en besøgende har gjort, men ikke, hvem der skal sendes email til.

Enhver besøgende på sitet får et visitor ID. I starten er det anonyme bruger-ID. Email identification kobler ID’et til en emailadresse, når brugeren indtaster sin email eller returnerer mens vedkommende er logget ind.

Brug af Clerk.js #

Brug collect_email for at lade Clerk.js automatisk opdage emailfelter.

Hvis du bruger et af Clerk.io’s installérbare plugins, aktiveres collect_email direkte fra pluginindstillingerne. Dette gælder DanDomain Classic, Magento 1, Magento 2, PrestaShop, Shopware 6, VTEX og WooCommerce.

For andre setups, aktiver det i din Clerk.js-konfiguration:

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

Clerk.js overvåger emailinputfelter og logger adressen, når en besøgende indtaster en.

Dette gælder checkoutfelter, nyhedsbrevstilmeldinger, loginformularer og andre <input type="email">-elementer.

Hvis en kunde allerede er logget ind, logges deres email én gang pr. 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 rigtige emailadresse fra din platform. Render kun scriptet, når emailadressen er tilgængelig.

Brug af API’et #

Brug log/email for at tilknytte et visitor ID til en emailadresse.

Kald kun én gang pr. session, når email er tilgængelig. Det gælder både ved login og genbesøg mens brugeren er 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 visitor ID for den aktuelle session.

Når du bruger API’et, er du selv ansvarlig for at generere og vedligeholde visitor ID. Se Tracking guiden for detaljer.

Cart Tracking #

Cart tracking fortæller Clerk.io, hvad en besøgende har i kurven.

Dette kræves for Abandoned Cart emails. Når en besøgende forlader uden at købe, kan Clerk.io kun sende kurvindholdet, hvis kurven er tracket.

Kald cart tracking, hver gang kurven ændrer sig. Det gælder både når et produkt tilføjes, fjernes eller kurven opdateres helt.

Med Clerk.js #

Hvis du bruger Magento 1-, Magento 2-, PrestaShop- eller WooCommerce-pluginet, håndteres cart tracking automatisk.

For andre setups, meld den nuværende kurv ind til Clerk.io via set-metoden. Hvert kald knyttes til den nuværende visitorsession.

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

Læs mere i Shopping Cart integrationen.

Med API’et #

Brug log/cart/update for at sætte kurven til dens nuværende tilstand.

Kald hver gang kurven ændrer sig, og send hele listen med 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å indsende email i stedet for eller sammen med visitor, hvis emailadressen allerede er kendt.

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