Koppla en webbutik eller hemsidebyggare

Modul 7: Koppla externa tjänster · Lästid: 9 minuter

Lärandemål: Efter den här lektionen kan du koppla din domän till en plattform som Shopify eller Wix utan att din e-post slutar fungera.

Nyckelbegrepp: A-post på @, CNAME för www, städa upp motstridiga poster, AAAA, namnservrar till plattformen, flytta med mailposter, butiksmail-poster

Två vägar

Bygger du din webbplats eller webbutik hos en plattform som Shopify, Wix, Squarespace eller Webflow, vill du att besökare på example.com och www.example.com hamnar hos den plattformen. Plattformar erbjuder nästan alltid två sätt för det:

De flesta problem i praktiken uppstår vid väg 2: webbplatsen fungerar direkt, men e-posten slutar fungera, eftersom MX-posten och andra mailposter blev kvar hos de gamla namnservrarna (lektion 2.1).

Väg 1: lägga till poster (exempel Shopify)

Shopify anger vid skrivande stund dessa två poster:

example.com.       3600   IN   A       23.227.38.65
www.example.com.   3600   IN   CNAME   shops.myshopify.com.

• A-post på @. Den nakna domänen (apex) kan inte ha en CNAME, eftersom dina MX-, NS- och SOA-poster också finns där (lektion 3.2). Därför anger plattformen här en IP-adress.
• CNAME för www. För www kan det vara ett namn. Fördelen: om plattformen flyttar sina servrar justerar den bara sin egen DNS, och du behöver inte göra något.

Andra plattformar fungerar likadant, med sin egen IP-adress och målnamn. Wix anger till exempel en A-post och en CNAME för www till ett namn hos Wix. Använd alltid det som plattformen visar för din domän. IP-adressen kan skilja sig åt mellan plattformar, regioner eller tillfällen.

Städa upp det som är i vägen

Här går det ofta fel. Plattformen vill att dess poster ska vara de enda för dessa namn:

• En andra A-post på @. Finns det två A-poster (den gamla IP:n från ditt webbhotell och den nya från plattformen) väljer varje besökare slumpmässigt en av de två. Hälften hamnar på din gamla webbplats. Ändra den befintliga A-posten i stället för att lägga till en till.
• En gammal AAAA-post. Hade ditt webbhotell också en IPv6-adress finns det ofta kvar en AAAA-post på @ eller www. Besökare med IPv6 (en stor del av mobilnäten) hamnar då fortfarande på den gamla servern. Anger plattformen ingen IPv6-adress, ta då bort AAAA-posterna för @ och www.
• En A-post för www. En CNAME får inte finnas tillsammans med en annan post med samma namn. Ta bort A- eller AAAA-posten för www först, och skapa sedan CNAME:n.
• En wildcard (*). En wildcard är inget problem: namnet www som du skapar separat går före (lektion 3.3).

Det du låter vara kvar

Låt MX-posterna, A-posten för mail (om du har en sådan), SPF, DKIM och DMARC vara kvar. En webbutik behöver inte dessa för att visa din webbplats. Ändrar du dem ändå slutar din mail fungera.

Körs din webbplats just nu hos ett webbhotell som också sköter din mail, var då uppmärksam på ditt mailprogram. Står servern angiven som example.com eller mail.example.com, och pekade mail via en wildcard till ditt webbhotell? Efter bytet pekar example.com mot plattformen, och då hittar ditt mailprogram inte längre din brevlåda. Skapa då en separat A-post mail till IP-adressen för din mailserver, eller fyll i det servernamn din mailleverantör anger i ditt mailprogram.

Certifikat

Plattformen begär själv ett certifikat (https) så snart dina poster pekar mot den. Det lyckas inte förrän de gamla posterna är borta ur cacharna (lektion 6.1). Tar det längre än några timmar, kontrollera om det fortfarande finns en gammal A- eller AAAA-post, eller en CAA-post som inte tillåter plattformens certifikatutfärdare (lektion 5.2).

Väg 2: namnservrar till plattformen

Väljer du att ställa in namnservrarna till plattformen, administrerar plattformen från det ögonblicket hela din zon. Allt som fanns hos din föregående DNS-administratör räknas inte längre. Det du inte fyller i hos plattformen igen finns inte.

Ett exempel från verkligheten, anonymiserat: en kund lät domänens namnservrar peka mot en hemsidebyggare och beställde sedan mail hos en annan leverantör. Hemsidebyggaren hade snyggt skapat en MX-post mail.example.com och en SPF-post, men det fanns ingen A-post för mail. Namnet mail.example.com fanns alltså inte (NXDOMAIN). Att skicka gick bra, att ta emot inte: andra mailservrar visste inte vart de skulle leverera mailet. En enda A-post mail med mailserverns IP-adress löste det.

Använder du väg 2, ställ då in hos plattformen:

example.com.             3600   IN   MX    10 mail.example.com.
mail.example.com.        3600   IN   A     192.0.2.25
example.com.             3600   IN   TXT   "v=spf1 a mx include:spf.mailprovider.example ~all"
x._domainkey.example.com. 3600  IN   TXT   "v=DKIM1; k=rsa; p=..."
_dmarc.example.com.      3600   IN   TXT   "v=DMARC1; p=none; rua=mailto:dmarc@example.com"

med de verkliga värdena från din mailleverantör. Använder du Microsoft 365 eller Google Workspace, ställ då in posterna från lektion 7.1 eller 7.2. Glöm inte heller verifierings-TXT-poster och subdomäner som du redan hade.

Gör innan bytet en kopia av din nuvarande zon (en export eller skärmbild), så att du vet vad som ska stå där (lektion 6.3).

Butiksmail: poster för e-post från plattformen

Webbutiker skickar orderbekräftelser. För att dessa ska komma från ditt eget domän begär plattformen ofta extra poster, oftast några CNAME-poster för DKIM och ibland en egen subdomän för avsändaren. Det är extra poster utöver dina befintliga mailposter. De har egna namn och ersätter inte din MX. Var uppmärksam på dubbla domännamn (www.example.com.example.com) och punkten i slutet (lektion 2.2). Skickar plattformen i din domäns namn, kontrollera då om det behöver läggas till i din SPF-post, och om din DMARC-policy tillåter det (lektion 7.4).

I praktiken: så här ser det ut i en panel

I exempelpanelen Mitt WebOké ändrar du på fliken DNS den befintliga A-posten för @ med Bearbeta, tar bort AAAA-posterna och skapar med Lägg till post en CNAME www till plattformens namn. I DirectAdmin gör du samma sak i DNS-administration; där pekar @ och * som standard mot paketet, så du skapar www separat.

I andra paneler, som cPanel, Plesk, Cloudflare eller din registrars DNS-skärm, heter knapparna annorlunda, men det är samma poster. Vissa plattformar erbjuder en knapp "anslut automatiskt" som sätter posterna via en koppling till din registrar; kontrollera alltid efteråt om de gamla A- och AAAA-posterna verkligen är borta.

Sammanfattning

• Väg 1 (lägga till poster) håller din mail intakt; väg 2 (namnservrar till plattformen) kräver att du lägger upp alla mailposter hos plattformen igen.
• På @ kommer en A-post, på www oftast en CNAME. En CNAME på @ går inte.
• Ändra den befintliga A-posten i stället för att lägga till en till, och städa upp gamla AAAA-poster och en A-post för www.
• Låt MX, SPF, DKIM och DMARC vara kvar; var uppmärksam på ett mailprogram som använder example.com som server.
• Butiksmail-poster är extra poster och ersätter inte din MX.

Quiz

Uppgift

Uppgift Z7.3: Känna igen en webbutik. Se hur en plattform själv hanterar "CNAME för www"-vägen.

1. Sök upp A-posten för shops.myshopify.com. Börjar adressen med 23.227.38.?
2. Välj en webbutik eller webbplats du känner till som körs hos en plattform. Sök upp CNAME-posten för www.<det domänen> och A-posten för den nakna domänen. Fyll i domännamnet och båda svaren.

Kontrollen hämtar posterna live vid inlämning.

Uppgift O7.3: Ställ in det själv i din övningszon. Konfigurera din övningszon <code>.dnspractice.eu som om du kopplade den till en webbutiksplattform, utan att mailet slutar fungera. I övningszonen använder du den fejkade tjänsten shop-demo.dnspractice.eu; för ditt riktiga domän använder du värdena från plattformens administrationsskärm.

1. Skapa en A-post på <code>.dnspractice.eu med 203.0.113.10 ("plattformen"). Det får bara finnas en A-post på <code>.dnspractice.eu.
2. Se till att det inte finns någon AAAA-post på <code>.dnspractice.eu och på www.<code>.dnspractice.eu.
3. Skapa en CNAME www.<code>.dnspractice.eu till shops.shop-demo.dnspractice.eu. Finns det en A-post för www, ta bort den först.
4. Låt dina MX-poster på <code>.dnspractice.eu vara kvar. Minst en MX måste finnas kvar.

Läs mer

Dessa sidor beskriver stegen i WebOkés paneler (DirectAdmin och Mitt WebOké). I andra paneler fungerar det på samma sätt.

• Hantera DNS-poster i Mitt WebOké (med exempel för CNAME, TXT och externa tjänster)
• DirectAdmin-guide 5.3: En A- eller AAAA-post lägga till eller ändra
• DirectAdmin-guide 5.4: CNAME-poster och punkten på slutet
• Använd egna eller externa nameservers (som Cloudflare) för din domän