Anpassa e-postmallar
Commerce innehåller en standardmall för e-post för brödavsnittet i varje meddelande som skickas av systemet. Mallen för brödtextinnehållet kombineras med sidhuvud- och sidfotsmallarna för att skapa det fullständiga meddelandet. Innehållet formateras med HTML och CSS, och kan enkelt redigeras och anpassas genom att variabler läggs till. E-postmallar kan anpassas för varje webbplats, butik eller butiksvy. Om du använder anpassade mallar måste du uppdatera systemkonfigurationen för att se till att rätt mall används. Mer information om hur du kan använda villkorssatser när du anpassar e-postmallen finns i utvecklardokumentationen.
{width="500" modal="regular"}
Standardmallarna innehåller din logotyp och din butiksinformation och kan användas utan ytterligare anpassningar. Som en god vana bör du dock visa varje mall och göra nödvändiga ändringar innan du skickar dem till kunderna.
{width="700" modal="regular"}
Mallinformation
Huvudmall
När du har slutfört konfigurationen innehåller e-posthuvudmallen din logotyp som är länkad till din butik. Om du har grundläggande kunskaper om HTML kan du enkelt använda fördefinierade variabler för att lägga till butikskontaktinformation i sidhuvudet.
Steg 1. Läs in standardmallen
-
Gå till Marketing > Communications>Email Templates på sidofältet_ Admin _.
-
Klicka på Add New Template.
-
Klicka på Template-väljaren i avsnittet Load default template och välj
Magento_Email
>Header
.{width="600" modal="regular"}
-
Klicka på Load Template.
HTML-koden och -variablerna från mallen visas i formuläret.
Steg 2. Anpassa mallen
-
Ange Template Name för din anpassade rubrik.
-
Ange en Template Subject som hjälp att ordna mallarna.
I rutnätet kan listan med mallar sorteras och filtreras efter kolumnen Subject.
{width="600" modal="regular"}
-
I rutan Template Content ändrar du HTML efter behov.
note note NOTE När du arbetar i mallkoden ska du se till att inte skriva över något som omges av dubbla klammerparenteser. -
Om du vill infoga en variabel placerar du markören i koden där du vill placera variabeln och klickar på Insert Variable.
-
Välj den variabel som du vill infoga.
{width="600" modal="regular"}
När en variabel är markerad infogas en markup-tagg för variabeln i koden.
Även om variablerna för e-postadressen i Store är de som oftast finns i huvudet, kan du ange koden för valfritt system eller anpassad variabel direkt i mallen.
-
Om du behöver göra några CSS-deklarationer anger du formaten i rutan Template Styles.
-
När du är redo att granska ditt arbete klickar du på Preview Template.
Gör de ändringar som behövs i mallen.
-
Klicka på Save Template när du är klar.
Din anpassade rubrik visas nu i listan över tillgängliga e-postmallar.
Steg 3. Uppdatera konfigurationen
-
Gå till Content > Design>Configuration på sidofältet_ Admin _.
-
Leta reda på den butiksvy som du vill konfigurera i rutnätet och klicka på Edit i kolumnen Action.
-
Bläddra nedåt och utöka i avsnittet Transactional Emails.
-
Välj den Header Template som används som standard för e-postmeddelanden.
-
Klicka på Save Config när du är klar.
{width="600" modal="regular"}
Sidfotsmall
Sidfoten för e-postmallen innehåller e-postmeddelandets avslutande och signaturrad. Du kan ändra avslutningen så att den passar ditt format och lägga till ytterligare information, till exempel företagsnamnet och företagsadressen under ditt namn.
Steg 1. Läs in standardmallen
-
Gå till Marketing > Communications>Email Templates på sidofältet_ Admin _.
-
Klicka på Add New Template.
-
Klicka på Template-väljaren i avsnittet Load default template och välj
Magento_Email
>Footer
. -
Klicka på Load Template.
HTML-koden och -variablerna från mallen visas i formuläret.
Steg 2. Anpassa och förhandsgranska mallen
-
Ange Template Name för din anpassade sidfot.
-
Ange en Template Subject som hjälp att ordna mallarna.
I rutnätet kan mallarna sorteras och filtreras efter kolumnen Subject.
{width="600" modal="regular"}
-
I rutan Template Content ändrar du HTML efter behov.
note note NOTE När du arbetar i mallkoden ska du se till att inte skriva över något som omges av dubbla klammerparenteser. -
Om du vill infoga en variabel placerar du markören i koden där du vill placera variabeln och klickar på Insert Variable.
-
Välj den variabel som du vill infoga.
När en variabel är markerad infogas en markup-tagg för variabeln i koden.
Även om lagringskontaktvariablerna är de som oftast finns i sidfoten kan du ange koden för alla system eller anpassade variabler direkt i mallen.
-
Om du behöver göra några CSS-deklarationer anger du formaten i rutan Template Styles.
Steg 3. Uppdatera konfigurationen
-
Gå till Content > Design>Configuration på sidofältet_ Admin _.
-
Leta reda på den butiksvy som du vill konfigurera i rutnätet och klicka på Edit i kolumnen Action.
-
Bläddra nedåt och utöka i avsnittet Transactional Emails.
-
Välj den Footer Template som används som standardsidfot i e-postmeddelanden.
-
Klicka på Save Config när du är klar.
{width="600" modal="regular"}
Meddelandemallar
Att anpassa brödtexten i varje meddelande är detsamma som att anpassa sidhuvudet eller sidfoten. Den enda skillnaden är meddelandemallen för varje aktivitet eller händelse som utlöser ett meddelande. Du kan använda mallarna som de är, eller anpassa dem så att de matchar din röst och ditt varumärke. Förutom malltexten finns det ett brett urval av tillåtna fördefinierade- och anpassade-variabler som du kan skapa och lägga till i mallen.
Steg 1. Läs in standardmallen
-
Gå till Marketing > Communications>Email Templates på sidofältet_ Admin _.
-
Klicka på Add New Template.
{width="600" modal="regular"}
-
Gör följande:
-
Under Load default template väljer du den Template som du vill anpassa.
-
Klicka på Load Template.
-
Steg 2. Anpassa mallen
-
Ange ett namn för den anpassade mallen för Template Name.
-
Ändra Template Subject om det behövs.
Detta är den första raden i meddelandet, som är hälsningsfrasen som standard. Du kan lämna det som det är eller ange något mer beskrivande.
-
Observera sökvägen Currently Used For till mallen, som är sökvägen som används för att uppdatera konfigurationen.
{width="600" modal="regular"}
-
I rutan Template Content ändrar du HTML efter behov.
Innehållet består av en kombination av HTML-taggar, CSS-direktiv, variabler och text.
note note NOTE När du arbetar i mallkoden ska du se till att inte oavsiktligt skriva över koden som omges av dubbla klammerparenteser. -
Om du vill infoga en variabel placerar du markören i koden där du vill att variabeln ska visas.
Valet av variabler varierar beroende på mall och inkluderar tillåtna fördefinierade - och anpassade -variabler, om sådana finns.
-
Klicka på Insert Variable och välj den variabel som du vill infoga.
Ett kommando som infogar variabeln omges av klammerparenteser och läggs till i koden vid markörens plats. Exempel:
customVar code=my_custom_variable
-
Om du vill göra CSS-deklarationer anger du formaten i Template Styles.
{width="600" modal="regular"}
note note NOTE Anpassade format används bara i e-postmeddelandet om {{template config_path="design/email/header_template"}}
finns i Template Styles. Om du vill använda anpassad CSS utan någon standardhuvudmall måste du ange dem här i HTML-taggen<style>
.
Steg 3. Uppdatera konfigurationen
Breadcrumb-spåret Currently Used For visar var mallen används. I det här exemplet finns mallkonfigurationen på sidan Customer Configuration, i avsnittet Create New Account Options och i fältet Default Welcome Email.
- Sida - Customer Configuration
- Avsnitt - Create New Account Options
- Fält - Default Welcome Email
-
Klicka på länken i det synliga spåret Currently Used For för att öppna mallkonfigurationssidan.
{width="600" modal="regular"}
-
Utöka i avsnittet och hitta fältet för den e-postmall som du har anpassat.
-
Avmarkera kryssrutan Use system value och klicka på namnet på din anpassade mall.
{width="600" modal="regular"}
-
Klicka på Save Config när du är klar.
-
Klicka på Cache Management i meddelandet längst upp på arbetsytan och rensa bort eventuell ogiltig cache.
Steg 4. Förhandsgranska och spara mallen
-
När du är redo att granska ditt arbete klickar du på Preview Template.
-
Uppdatera mallen efter behov.
-
Klicka på Save Template när du är klar.
Din anpassade mall är nu tillgänglig i listan över e-postmallar.