🚀 Så här ställer du in e-postmallar i WordPress: steg-för-steg-guide

Standard WordPress-mejl är ren text på vit bakgrund. Ingen logotyp, ingen färg, inget spår av varumärke. När en sajt skickar en registreringsbekräftelse, lösenordsåterställning eller orderbekräftelse ser ett sådant mejl ut som ett ansiktslöst autosvar. Mottagaren ryggar tillbaka och klickar "ta bort" utan att ens läsa klart.

Problemet är inte motorn. WordPress levereras med dussintals notis-typer direkt ur kartongen: från administrativa (lösenordsåterställning, ny användare) till transaktionella (WooCommerce: order lagd, betald, avbruten). Men ingen av dem bär sajtens visuella identitet. Och mejl är en kontaktpunkt som antingen bygger förtroende eller raserar det på en sekund.

Uppgiften löses med tillägget Email Templates. Det bäddar in en mejlredigerare direkt i WordPress anpassningsverktyg, samma gränssnitt där du ställer in temafärger, typsnitt och logotyp. Ingen kod, ingen märkspråk, med live-förhandsvisning. Fem minuter, och sajtens mejl slutar skrämma bort mottagare.

💡 Snabb översikt:

• Installera Email Templates via Tillägg → Lägg till nytt, tillägget är gratis, sökbart på namn
• Öppna redigeraren under Utseende → Email Templates, du hamnar i anpassningsverktyget med live-förhandsvisning
• Konfigurera sidhuvudet: ladda upp en logotyp, ställ in bakgrundsfärg och justering
• Styla mejlets innehåll och sidfot i varumärkesfärger, färger, typsnitt, mellanrum
• Skicka ett testmejl och kontrollera det i Gmail, Outlook och Apple Mail
• Klicka Publicera, mallen tillämpas på alla WordPress- och WooCommerce-systemmejl samtidigt

Varför ändra systemmejlens utseende

WordPress skickar notiser för varje betydande händelse: ny användare, lösenordsåterställning, mejlbekräftelse, administratörsbyte. Om WooCommerce körs läggs ordrar, fakturor, återbetalningar och orderanteckningar till i listan. Som standard går allt detta ut i ren text: Times New Roman eller Arial, grå bakgrund, ingen grafik.

För en personlig blogg är detta acceptabelt. Men så snart registreringar, en butik eller ett medlemsprogram dyker upp på sajten börjar mejlets utseende direkt påverka varumärkeskännedomen. En företagslogotyp, ren märkspråk och färgschema ökar öppningsfrekvensen och minskar spamplacering. E-postmarknadsföringsforskning visar: varumärkesanpassade transaktionsmejl ger märkbart högre klickfrekvens, skillnaden kan nå tiotals procent.

Det finns två grundläggande tillvägagångssätt: redigera PHP-mallar i temat (varje uppdatering raderar ändringarna) eller installera ett anpassningsverktygstillägg. Den andra vägen är säkrare och kräver inte att man rör kod.

Installation av tillägget

Email Templates fungerar genom det inbyggda anpassningsverktyget i WordPress, samma gränssnitt där du konfigurerar temafärger, typsnitt och logotyp. Detta innebär att alla ändringar syns omedelbart i realtid, utan att växla mellan flikar. Tillägget är gratis, med 300 000+ aktiva installationer och ett betyg på 4,7 på WordPress.org.

Installationen tar en halv minut:

• I adminpanelen, gå till Tillägg → Lägg till nytt
• I sökfältet skriv "Email Templates"
• Klicka Installera nu, sedan Aktivera

Efter aktivering visas ett Email Templates-menyalternativ under menyn Utseende. Klicka på det, redigeraren öppnas inuti anpassningsverktyget.

Du ser anpassningsverktygets gränssnitt med flikar: Inställningar, Mall, Mejlets sidhuvud, Mejlets innehåll, Sidfot och Skicka testmejl. Vi går igenom varje, ordningen spelar roll.

Avsändarkonfiguration: fliken Inställningar

Den första fliken anger vem mejlet kommer från. Två nyckelfält:

• Från-namn, avsändarnamnet mottagaren ser. Ändra "WordPress" till företagets eller sajtens namn: "Sajtnamn Team", "Support @ Sajtnamn". Detta är det första mottagaren läser i inkorgen.
• Från-e-post, adressen mejl skickas från. Hämtas som standard från allmänna WordPress-inställningar (Inställningar → Allmänt), men du kan ange vilken annan som helst.

Varför detta spelar roll för leveransbarhet: e-postservrar matchar domänen i avsändaradressen med sajtens domän. Om det finns en obalans hamnar mejlet troligen i skräpposten. Om sajten ligger på mysite.com men Från-e-post är satt till admin@gmail.com, ser e-postservern spoofing och blockerar sändning. Använd alltid en adress på sajtens domän.

Geometri och bakgrund: fliken Mall

Fliken Mall styr mejlets övergripande struktur. Fyra alternativ:

• Boxad eller fullbredd, mejl med marginaler i kanterna (boxad layout) eller full fönsterbredd
• Bakgrundsfärg, bakgrundsfärg utanför mejlets innehåll
• Mejlets innehållsstorlek, innehållsområdets bredd, justeras med reglage
• Anpassad CSS, fält för anpassade stilar om standardinställningarna inte räcker

Valet mellan boxad och fullbredd är en kontextfråga. Boxad (bredd runt 600px med marginal) ser renare ut i skrivbordsmejlklienter och är mer lättläst. Fullbredd passar marknadsföringsutskick där varje pixel räknas. För affärs- och transaktionsmejl rekommenderar jag boxad.

Anpassad CSS är praktiskt när du behöver justera en detalj som inte täcks av gränssnittet. Men kom ihåg: alla mejlklienter stöder inte moderna CSS-egenskaper. Flexbox och Grid fungerar inte i mejl, förlita dig på tabell-layout och inline-stilar.

Mejlets sidhuvud: Mejlets sidhuvud

Sektionen Mejlets sidhuvud lägger till en logotyp och textrubrik i mejlet. Detta är det första mottagaren ser när mejlet öppnas. Inställningar:

• Lägg till logotyp, bilduppladdning (visas högst upp i mejlet, ovanför text)
• Justering, logotyp- och textjustering: vänster, centrerad eller höger
• Bakgrundsfärg, sidhuvudets bakgrund
• Textfärg, rubriktextens färg
• Textstorlek, teckenstorlek, reglage

En logotyp i sidhuvudet är det snabbaste sättet att lägga till varumärkesprofilering. Regler: använd PNG med transparent bakgrund, bredd 200-300px. Större, och mejlet laddas långsamt i mobila klienter. Mindre, och logotypen försvinner på skärmen. Innan uppladdning, se till att bilden är optimerad: kör den genom TinyPNG eller ShortPixel.

Rubriktext är valfritt men ett användbart tillägg. Bra alternativ: sajtnamn och kort tagline. Välj textfärg som kontrasterar mot sidhuvudets bakgrund.

Mejlets innehåll: Mejlets innehåll

Fliken Mejlets innehåll styr huvudtextområdet, det mejlet skickas för. Här ställer du in:

• Bakgrundsfärg, mejlets innehållsbakgrund
• Textfärg, stycke- och rubrikfärg
• Länkfärg, länkfärg
• Textstorlek, teckenstorlek

Kontrast mellan text och bakgrund är avgörande här. Mörkgrå text (#333333) på vit bakgrund är mer lättläst än rent svart, mindre ansträngning för ögonen, särskilt på mobila enheter. Framhäv länkar med en färg som skiljer sig från både huvudtext och svart: mottagaren ska omedelbart se det klickbara elementet. Bra referens, sajtens varumärkesfärg.

Textstorlek: för skrivbordsklienter räcker 14-16px, för mobilt är det bättre att inte gå under 14px. Mejlklienter skalar innehåll olika, så testa på riktiga enheter.

Sidfot: Sidfot

Sidfot är mejlets sista innehållsblock. Den ignoreras ofta, men felaktigt: detta är den enda plats alla läser eftersom de scrollar till slutet för att hitta "Avprenumerera"-knappen. Inställningar:

• Sidfotstext, anpassad text (standard: sajtnamn och copyright-tecken)
• Justering, sidfotstextens justering
• Bakgrundsfärg och Textfärg, sidfotens styling
• Textstorlek, teckenstorlek
• Drivs av, länk till tilläggets sida, slås på och av

Standard sidfot för affärsmejl: "© SiteName, 2026. All rights reserved" plus länk till integritetspolicy. Tillägget stöder HTML-märkspråk, så du kan infoga integritetspolicylänken direkt i sidfotstexten. Drivs av, ditt val; länken är inte påträngande och skadar inte varumärkesprofileringen.

Om du behandlar personuppgifter för europeiska användare är en integritetspolicylänk i sidfoten på varje systemmejl ett GDPR-krav.

Testning och publicering

När designen är klar öppnar du fliken Skicka testmejl. Pluginet skickar ett testmejl till webbplatsens administratörsmejl, och du ser exakt vad användaren kommer att se.

Kontrollera mejlet i flera mejlklienter. HTML-rendering skiljer sig radikalt: Gmail tar bort <style> från <head>, Outlook använder Word-motorn (stöder inte all CSS), Apple Mail visar en bild nära webbläsarrendering. Minimum för testning: Gmail (webb), Outlook (skrivbord), Apple Mail eller iOS mobilklient.

Liveförhandsvisning i anpassaren visar ändringar direkt, så oftast räcker det med en eller två iterationer. När resultatet är tillfredsställande klickar du på Publicera uppe i vänstra hörnet av anpassaren. Inställningarna tillämpas på alla WordPress och WooCommerce systemmejl samtidigt.

Integration med SMTP-plugins

Email Templates skickar inte själv några mejl, det ändrar bara deras HTML-styling. Utskick hanteras fortfarande av wp_mail(), som standardmässigt använder PHP-funktionen mail(). För tillförlitlig leverans bör pluginet användas tillsammans med en SMTP-lösning. Verifierad kompatibilitet:

• Post SMTP plugin, 400 000+ aktiva installationer, 15+ SMTP-leverantörer, detaljerade sändningsloggar, mobilapp för övervakning
• Easy WP SMTP, minimalistisk installation, fungerar med vilken SMTP-server som helst utan extra alternativ
• FluentSMTP, anslutning till valfri SMTP-leverantör, sändningsloggar, statistik och automatiskt omförsök för misslyckade mejl
• Mailgun, integration med Mailgun transaktionsmejl, gratisnivå upp till 100 mejl per dag

Viktig punkt: Email Templates påverkar inte mejl från tredjeparts e-postmarknadsföringstjänster, Mailchimp, Brevo, ConvertKit och liknande. För att styla deras utskick använder du de inbyggda redigerarna i själva tjänsterna.

Anpassad PHP-mall: full kontroll över märkspråket

Om pluginets standardinställningar inte räcker och du behöver full kontroll över mejlets HTML-struktur kan du koppla in din egen PHP-mall. För att göra detta kopierar du mappen templates från pluginet till din temamapp och lägger till ett filter i functions.php:

1
add_filter('mailtpl_customizer_template', function($default_template_path) {
2
    return get_stylesheet_directory() . '/email/templates/default.php';
3
});

Efter detta kommer pluginet att använda din PHP-mall istället för den inbyggda. Se till att säkerhetskopiera temat innan du redigerar: ett fel i mallen bryter utskicket av alla systemmejl på en gång.

Video: konfiguration på 10 minuter

Om du föredrar visuellt format, här är en steg-för-steg-guide, från installation till färdig mall:

⁉️🤔 Vanliga frågor

Pluginet krockar med mitt tema. Vad ska jag göra?

Kontrollera att WordPress-versionen är 4.0 eller högre, det är pluginets minimikrav. Direkt konflikt med temat är osannolik: Email Templates använder den inbyggda anpassaren och injicerar inget i frontend. Om det finns ett problem, byt tillfälligt till standardtemat Twenty Twenty-Five och kontrollera om konflikten försvann. Oftast orsakas "konflikten" inte av temat utan av ett annat plugin som fångar upp wp_mail. Inaktivera mejlplugins ett i taget och kontrollera förhandsvisningen i anpassaren efter varje, på så sätt hittar du boven.

Kan man ställa in olika mallar för olika mejltyper?

Ja, för WooCommerce-notiser visar pluginet en rullgardinslista med typer: ny order, avbokning, behandlas, slutförd, återbetalning, faktura, anteckning, lösenordsåterställning. Välj typ och konfigurera mallen separat. För vanliga WordPress-mejl (registrering, lösenordsåterställning) är mallen gemensam. Om du behöver helt separata mallar för varje mejltyp med dra-och-släpp-redigerare, kolla in Kadence WooCommerce Email Designer.

Fungerar pluginet med moderna PHP- och WordPress-versioner?

Ja. Pluginet är uppdaterat och fullt kompatibelt med den aktuella WordPress-versionen, inklusive stöd för moderna PHP-versioner. I juni 2026 har det 300 000+ aktiva installationer och håller ett betyg på 4,7, senaste uppdateringen släpptes 2026. Om fel uppstår efter en WordPress-uppdatering, kontrollera först att pluginet är uppdaterat till den senaste versionen. Utvecklare släpper vanligtvis en kompatibilitetspatch inom en vecka efter en större motorrelease.

Mejl hamnar i skräppost** även efter konfiguration. Vad är fel?**

E-postmallar ändrar bara e-postens utseende, inte sändningsmetoden. Om e-post hamnar i skräpposten ligger problemet på e-postserverns sida. Lösning: installera ett SMTP-tillägg (Post SMTP är det mest funktionsrika gratisalternativet), konfigurera sändning via en extern SMTP-server (Gmail, Microsoft 365, Mailgun) och se till att avsändaradressen (Från-adress) matchar webbplatsens domän. SPF-, DKIM- och DMARC-poster för domänen bör också vara korrekt konfigurerade.

Kan man lägga till ett anpassat typsnitt i e-postmallen?

Tilläggets standardgränssnitt stöder inte anpassade webbtypsnitt, och det är en medveten begränsning: e-postklienter har extremt begränsat stöd för @font-face. De flesta (inklusive Gmail och Outlook) ignorerar webbtypsnittet och renderar en systemtypsnittsreserv. Om typsnittet är avgörande för varumärket, använd en anpassad PHP-mall (via filtret mailtpl_customizer_template) och lägg till en <link> till typsnittet i <head>. Men notera: en del mottagare kommer fortfarande att se Arial eller Times.

Är Email Templates värt att installera 2026

Email Templates täcker behovet av systemanpassad e-post för den absoluta majoriteten av webbplatser. Gratis, ingen kod, med liveförhandsvisning, kompatibelt med WooCommerce och populära SMTP-tillägg. 300 000+ aktiva installationer och ett betyg på 4,7 talar för sig själva.

Om du behöver mer, en dra-och-släpp-redigerare, separata mallar för varje e-posttyp, integration med Elementor, kolla in Kadence Email Designer for WooCommerce eller YeeMail. Men för att komma igång och för vardaglig anpassning förblir Email Templates det bästa gratisalternativet.

Testa det: installation, en minut, första mallen, fem minuter. Och om e-post inte kommer fram även efter konfiguration, kontrollera SMTP.