Redigering av e-postmeddelanden
När du har lagt till en e-postresurs till en åtgärdsnod för resan kan du definiera innehållet för e-postmeddelandet.
Klicka på Edit email content på fliken Details på den högra panelen.
Den här åtgärden startar e-postdesignverktygen, där du kan välja hur du vill utforma e-postmeddelandet bland följande alternativ:
-
Designa din e-post från grunden med e-post-Designer-gränssnittet.
-
Importera befintligt HTML-innehåll från en fil eller en ZIP-mapp.
-
Välj en befintlig mall i en lista med inbyggda eller anpassade e-postmallar.
När du har skapat och anpassat e-postinnehållet kan du exportera innehållet för validering eller för senare bruk. Klicka på Export HTML om du vill spara innehållet som en ZIP-fil som innehåller ditt HTML och dina resurser.
Designa din e-post från grunden design-from-scratch
Använd det visuella designområdet för att definiera strukturen och innehållet i e-postmeddelandet. Genom att lägga till och flytta strukturella komponenter med enkla dra och släpp-åtgärder kan du designa formen på det återanvändbara e-postinnehållet på några sekunder.
-
Välj alternativet Design your template på startsidan för Design from scratch.
-
I dialogrutan Create email väljer du vilken typ av e-postinnehåll du vill skapa.
-
Use Themes - Välj det här alternativet om du vill skapa e-postmeddelandet i temaläge. I det här läget kan du använda ett definierat varumärkestema för att effektivisera innehållsredigeringsprocessen och se till att designen följer definierade standarder.
-
Manual Styling - Välj det här alternativet om du vill skapa e-postmeddelandet i Manuellt läge. I det här läget anger du formateringen manuellt för alla struktur- och innehållskomponenter som du lägger till på den tomma arbetsytan.
-
-
Lägg till struktur och innehåll i mallen.
När du är nöjd med innehållet klickar du på Save.
Importera befintligt HTML-innehåll
Importerat innehåll kan vara:
-
En HTML-fil med en infogad formatmall
-
En ZIP-fil som innehåller en HTML-fil, formatmallen (.css) och bilder
note note NOTE ZIP-filstrukturen har inga begränsningar. Referenserna måste dock vara relativa och passa in i trädstrukturen i ZIP-mappen. Bilderna överförs alltid till det anslutna Marketo Engage-resurskatalogen. Om du vill hantera bildfilerna i Experience Manager Assets ska du överföra dem separat i det appgränssnittet och ändra bildlänkarna i e-postdesignern.
Så här importerar du en fil som innehåller HTML-innehåll:
-
Välj alternativet Import HTML på startsidan för Design your template.
-
Dra och släpp HTML- eller ZIP-filen med ditt HTML-innehåll och klicka på Import.
<table>-tagg som det första lagret i en HTML-fil kan du förlora format, inklusive inställningar för bakgrund och bredd i den översta lagertaggen.Du kan anpassa det importerade innehållet efter behov med de visuella redigeringsverktygen för e-post.
Välj en mall
Du kan välja mellan:
-
Exempelmallar. Journey Optimizer-gränssnittet innehåller 20 färdiga e-postmallar som du kan välja bland.
-
Sparade mallar. Använd en sparad anpassad mall som du antingen har skapat från grunden via menyn Templates eller sparat från ett e-postmeddelande under en resa med alternativet Save as content template .
Använd avsnittet Select design template för att börja skapa innehåll från en mall. Du kan använda en exempelmall eller en sparad anpassad e-postmall från din Journey Optimizer B2B Edition-instans.
Fliken Exempelmallar är markerad som standard på hemsidan Utforma mallen . Om du vill använda en anpassad mall väljer du fliken Saved templates.
Listan över alla e-postmallar som skapats i den aktuella sandlådan visas. Du kan sortera dem efter Name,Last modified och Last created.
Välj den mall du vill använda i listan.
När du har valt mallen visas en förhandsvisning av den. I förhandsgranskningsläget kan du navigera mellan alla mallar i en kategori (exempel eller sparat, beroende på vad du har valt) med höger- och vänsterpilarna.
När visningen matchar det du vill använda klickar du på Use this template längst upp till höger i förhandsvisningsfönstret.
Den här åtgärden kopierar innehållet till designern för visuellt innehåll, där du kan redigera innehållet efter behov.
Adobe Journey Optimizer B2B Edition erbjuder färdiga mallar som kan användas för att skapa e-postmallar och e-postmallar.
Lägga till struktur och innehåll structure-content
-
Om du vill starta innehållsdesignen drar du ett objekt från Structures och släpper det på arbetsytan.
Lägg till så många objekt från Structures som du behöver och redigera inställningarna för varje objekt i rutan till höger.
note tip TIP Välj komponenten n:nkolumn för att definiera antalet kolumner som du väljer (mellan tre och 10). Du kan också definiera bredden på varje kolumn genom att flytta pilarna under kolumnen. {width="800" modal="regular"}
Varje kolumnstorlek får inte vara mindre än 10 % av strukturkomponentens totala bredd. Endast tomma kolumner kan tas bort.
-
Expandera avsnittet Contents och lägg till så många innehållskomponenter du behöver i en eller flera strukturkomponenter.
{width="800" modal="regular"}
-
Om det behövs kan du göra ytterligare anpassningar för varje komponent på flikarna Settings eller Style.
Du kan till exempel ändra textstil, utfyllnad eller marginal för varje komponent.
-
Om du vill lägga till villkorligt innehåll och anpassa innehållet till målprofilerna baserat på villkorliga regler, markerar du en innehållskomponent och klickar på ikonen Enable conditional content i komponentens verktygsfält.
Mer information finns i Villkorligt innehåll.
Lägg till anpassad CSS
Du kan lägga till egen anpassad CSS direkt i e-postdesignområdet. Använd anpassad CSS för att använda avancerad och specifik formatering, vilket ger större flexibilitet och kontroll över utseendet på innehållet. Det är en god vana att lägga till den här formateringen på den högsta nivån innan du inkluderar innehållskomponenter som bilder, knappar och text.
Med minst en innehållskomponent på arbetsytan väljer du komponenten Body i det vänstra navigeringsträdet för att komma åt den anpassade CSS-redigeraren.
-
Klicka på på fliken Stilar Add custom CSS till höger.
note note NOTE Knappen Add custom CSS är bara tillgänglig när komponenten Body är markerad. Du kan dock använda anpassade CSS-format på alla komponenter i det. Popup-redigeraren Add custom CSS visas med platshållarkodkommentarer.
-
Ange din CSS-kod i redigeraren.
Kontrollera att den anpassade CSS-koden är giltig och följer rätt syntax. Om angiven CSS är ogiltig visas ett felmeddelande och CSS kan inte sparas. Mer information finns i CSS-giltighet.
-
Klicka på Save om du vill spara den anpassade CSS-koden.
Den anpassade formatmallen används för det befintliga innehållet. Du kan kontrollera att din anpassade CSS används efter dina behov. Mer information om hur du gör ändringar och justerar formatmallsprogrammet finns i Felsökning.
Lägg till fragment
Ett visuellt fragment är en återanvändbar designkomponent som kan refereras av flera innehållsresurser i Adobe Journey Optimizer B2B edition. Det är vanligtvis ett block med innehåll som kan vara färdigskapat och snabbt infogat för att göra redigeringen snabbare och enhetligare.
I följande exempel beskrivs stegen för att lägga till fragment när du redigerar innehållet.
-
Om du vill öppna fragmentlistan väljer du ikonen Fragment (
).Du kan:
- Sortera listan.
- Bläddra, sök efter eller filtrera listan.
- Växla mellan miniatyr- och listvyer.
- Uppdatera listan så att den återspeglar något av de nyligen skapade fragmenten.
{width="700" modal="regular"}
-
Dra och släpp något av fragmenten i strukturekomponenten.
Redigeraren återger fragmentet i avsnittet/elementet i e-poststrukturen.
note tip TIP Om du vill lägga till fragmentet så att det upptar hela den vågräta layouten i e-postmeddelandet lägger du till en 1:1-kolumnstruktur och drar och släpper fragmentet i den. Fragmentets innehåll uppdateras dynamiskt i strukturen för att visa hur innehållet visas i innehållet.
Redigerbara fält i anpassningsbara fragment
Ett visuellt fragment kan innehålla redigerbara fält som du kan anpassa. Med anpassade fält kan du ändra parametrar när du infogar fragmentet i innehållet och skapa en anpassad upplevelse utan att det ursprungliga fragmentet påverkas. Ramförfattaren kan utforma fragmentet för anpassning av text-, bild- och knappkomponenter. Om ett inkluderat fragment innehåller komponenter med redigerbara fält kan du ändra standardvärdena och anpassa det för innehållet.
-
Markera fragmentkomponenten.
Inställningarna som visas till höger innehåller redigerbara fält med standardvärdena.
{width="700" modal="regular"}
-
Ändra eventuella redigerbara fält efter behov.
När e-postmeddelandet har sparats visas det på fragmentinformationssidan när du väljer fliken Used By i sammanfattningen.
Lägga till bildresurser
I redigeraren för visuellt innehåll väljer du ikonen Marketo Engage Assets (
-
Lägg till en ny resurs genom att dra och släppa bildresursen i en strukturkomponent.
{width="800" modal="regular"}
-
Ersätt en befintlig bildresurs genom att markera den på arbetsytan och klicka på Select an asset i verktygen för bildkällan.
{width="600" modal="regular"}
Mer information om hur du använder resurser från din källtyp finns i Använda resurser för innehållsredigering.
Navigera mellan lager, inställningar och format
När du arbetar med innehållet i den visuella designrymden kan du komma åt komponenter, kolumner och innehållselement med hjälp av navigeringsträdet. Klicka på ikonen Navigation tree(
I följande exempel visas stegen för att justera utfyllnad och lodrät justering inuti en strukturkomponent med kolumner.
-
Markera kolumnen i strukturkomponenten direkt på arbetsytan eller med navigeringsträdet som visas till vänster.
-
Klicka på verktyget Select a column i kolumnverktygsfältet och välj det som du vill redigera.
Du kan också välja det i strukturträdet. De redigerbara parametrarna för den kolumnen visas på flikarna Settings och Styles till höger.
{width="800" modal="regular"}
-
Om du vill redigera kolumnegenskaperna klickar du på fliken Styles till höger och ändrar dem efter dina behov:
-
Ändra bakgrundsfärgen för Background efter behov.
Avmarkera kryssrutan för en genomskinlig bakgrund. Aktivera inställningen Background image om du vill använda en bild som bakgrund i stället för en heltäckande färg.
-
För Alignment väljer du ikonen Överkant, Mitten eller Nederkant .
-
För Padding definierar du utfyllnaden för alla sidor.
Välj Different padding for each side om du vill finjustera utfyllnaden. Klicka på ikonen Lås om du vill avbryta synkroniseringen.
-
Utöka avsnittet Advanced för att definiera infogade format för kolumnen.
{width="700" modal="regular"}
-
-
Om det behövs upprepar du de här stegen för att justera justeringen och utfyllnaden för de andra kolumnerna i komponenten.
-
Spara ändringarna.
Anpassa innehåll
Journey Optimizer B2B edition använder en infogad enkel syntax som gör att du kan skapa uttryck med anpassat innehåll omgivet av klammerparenteser {}. Du kan lägga till flera uttryck i samma innehåll eller fält utan begränsningar.
Exempel:
Hello {{lead.firstName}} {{lead.lastName}}Hello {%= lead.mktoName ?: "Marketer" %}
När du bearbetar innehållet ersätter Journey Optimizer B2B edition uttrycket med data som finns i Experience Platform-databasen. Det första exemplet blir Hello John Doe.
I följande exempel beskrivs stegen för att anpassa innehåll med hjälp av lead-/kontoattribut och systemtokens.
-
Markera textkomponenten och klicka på ikonen Lägg till anpassning i verktygsfältet.
{width="600"}
Den här åtgärden öppnar dialogrutan Redigera Personalization.
-
Lägg till en token genom att klicka på plustecknet ( + ) bredvid den.
Om du vill lägga till en variabel med en reservtext (standardtext som visas när fältet inte är tillgängligt för en lead) klickar du på ikonen Mer ( … ) och väljer Insert with fallback text.
{width="700" modal="regular"}
-
Lägg till eventuella ytterligare variabler eller annan statisk text som du vill ta med.
-
Klicka på Save.
Personaliseringsskriptet visas i den visuella designrymden. Du kan markera den för att göra ändringar vid behov.
{width="600"}
Redigera länkad URL-spårning
-
Klicka på ikonen Links(
) till vänster om du vill visa alla länkade URL:er i ditt innehåll som ska spåras. -
Om det behövs klickar du på ikonen Redigera (
) och ändrar Tracking Type eller Label.Du kan också lägga till taggar för en länk.
Använda format i mörkt läge
Använd mörkt läge för att granska din e-postvisning för ett mörkt tema i en e-postklient. I ett mörkt läge eller tema kan en e-postklient eller app som stöder det visa e-postmeddelanden med mörkare bakgrund och ljusare färger för text, knappar och andra visuella element. Överst till höger på arbetsytan ändrar du väljaren till Mörkt läge (
Mer information om formatet för mörkt läge och de effektivaste strategierna finns i Mörkt läge för e-postinnehåll.
Visningsalternativ
Utnyttja de alternativ för visning och innehållsvalidering som finns i den visuella e-postredigeraren.
-
Zooma in/ut i innehållet genom förinställda zoomalternativ.
-
Växla mellan att visa innehållet på datorer, mobiler eller endast text/normal text.
- Klicka på ikonen Visa om du vill förhandsgranska innehåll på olika enheter.
- Välj en av de färdiga enheterna eller ange anpassade dimensioner för att förhandsgranska innehållet.
Fler alternativ
På menyn More … längst upp i den visuella designrymden kan du utföra följande åtgärder:
- Reset email - Klicka på det här alternativet om du vill rensa arbetsytan för e-postdesign till en tom plats och börja bygga om innehållet.
- Save as fragment - Spara hela eller delar av e-postmeddelandet som ett fragment som kan återanvändas i flera e-postmallar eller e-postmallar. Du anger ett namn och en beskrivning för fragmentet och sparar det i listan över tillgängliga fragment.
- Change your design - Återgå till sidan Designa din e-post. Därifrån kan du välja en annan mall för att starta om designprocessen. Du kan också välja att designa innehållet från grunden med en tom arbetsyta (Klassiskt läge) eller med ett varumärkestema (Temalläge).
- Save as content template - Spara e-postbrödtexten som en e-postmall som kan återanvändas i flera e-postmallar eller e-postmallar. Du anger ett namn och en beskrivning för mallen och sparar den i listan över sparade e-postmallar.
- Export HTML - Hämta innehållet på den visuella arbetsytan till ditt lokala system i HTML-format som paketerats som en zip-fil.
Kontrollera och testa e-postmeddelandet email-testing
När meddelandeinnehållet har definierats kan du använda testprofiler för att förhandsgranska det, skicka korrektur och granska återgivningen i skrivbordsformat och mobilformat. Om du infogade anpassat innehåll kan du förhandsgranska hur innehållet visas i meddelandet med hjälp av testprofilsdata.
Om du vill förhandsgranska e-postinnehållet klickar du på Simulate content och väljer en testprofil för att kontrollera meddelandet med personprofilsdata.
Du kan använda ytterligare verktyg för att validera och granska e-postinnehållet: