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.

Klicka på Redigera e-postinnehåll ​ {width="700" modal="regular"}

Den här åtgärden startar e-postdesignverktygen, där du kan välja hur du vill utforma e-postmeddelandet bland följande alternativ:

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.

TIP
Använd AI Assistant i Adobe Journey Optimizer B2B edition med generativ AI som lyfter materialet till nästa nivå. AI Assistant kan hjälpa er att optimera effekten av era leveranser genom att generera hela e-postmeddelanden, riktat textinnehåll och få AI Assistant-rekommendationer för bilder som får genklang hos er målgrupp. Läs mer

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.

  1. Välj alternativet Design your template ​på startsidan för Design from scratch.

  2. 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.

  3. Lägg till struktur och innehåll i mallen.

  4. Granska och uppdatera länkar.

  5. Testa e-postmeddelandet.

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:

  1. Välj alternativet Import HTML på startsidan för Design your template.

  2. Dra och släpp HTML- eller ZIP-filen med ditt HTML-innehåll och klicka på Import.

importera html-innehåll i en ZIP-fil {width="500"}

NOTE
Om du använder en <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.

Sparade mallar

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 en sparad mall {width="800" modal="regular"}

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.

Förhandsgranska den sparade mallen {width="800" modal="regular"}

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.

Exempelmallar

Adobe Journey Optimizer B2B Edition erbjuder färdiga mallar som kan användas för att skapa e-postmallar och e-postmallar.

Välj en mall från Adobe {width="800" modal="regular"}

NOTE
Sparade mallar kan ha styrningsinställningar (innehållslås) för en eller flera komponenter. Det visuella designområdet innehåller riktlinjer om låsta komponenter när du redigerar ett e-postmeddelande från en styrd mall.

Lägga till struktur och innehåll structure-content

  1. 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.

    Dra en struktur till arbetsytan och justera inställningarna {width="800" modal="regular"}

    Varje kolumnstorlek får inte vara mindre än 10 % av strukturkomponentens totala bredd. Endast tomma kolumner kan tas bort.

  2. Expandera avsnittet Contents och lägg till så många innehållskomponenter du behöver i en eller flera strukturkomponenter.

    Dra ett innehållselement till arbetsytan och justera inställningarna {width="800" modal="regular"}

  3. 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.

  4. 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.

NOTE
Om ditt e-postmeddelande är utformat med en mall med låst innehåll kan du inte lägga till anpassad CSS i innehållet. Knappetiketten ändras till View custom CSS och all anpassad CSS som redan finns i innehållet är skrivskyddad.

Få åtkomst till brödtextformaten {width="800" modal="regular"}

  1. 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.

  2. 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.

  3. 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.

NOTE
Om du tar bort allt innehåll visas inte längre CSS-avsnittet på panelen Innehållsformat och den tidigare definierade anpassade CSS används inte längre. Om du lägger till innehåll igen visas avsnittet CSS styles igen och den anpassade CSS-koden tillämpas igen.

Lägg till fragment

NOTE
Fragment är inte korskompatibla mellan temaläge och manuellt läge i e-postinnehållet. Om du vill använda ett fragment i e-postinnehåll där ett tema används måste fragmentet också skapas i temaläge.

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.

  1. Om du vill öppna fragmentlistan väljer du ikonen Fragment ( Fragment-ikon ).

    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.

    Välj ett fragment i listan {width="700" modal="regular"}

  2. 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.

recommendation-more-help

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.

  1. Markera fragmentkomponenten.

    Inställningarna som visas till höger innehåller redigerbara fält med standardvärdena.

    Ändra parametrar för fragmentkomponent {width="700" modal="regular"}

  2. Ä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 ( Marketo Engage Assets-ikon ) eller ikonen Experience Manager Assets ( AEM Assets-ikon ) i det vänstra navigeringsfältet. Från resursväljaren kan du välja resurser som lagras direkt i källbiblioteket.

NOTE
Om du har Adobe Experience Manager som molntjänster har du tillgång till databaserna för både Marketo Engage Design Studio och Adobe Experience Manager Assets as a Cloud Service när ditt användarkonto har de behörigheter som krävs. Dessa databaser är separata och inte synkroniserade. Du kan använda bildresurser från båda källorna.
  • Lägg till en ny resurs genom att dra och släppa bildresursen i en strukturkomponent.

    Dra en Marketo Engage-resurs till arbetsytan och justera inställningarna {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.

    Välj en resurs från källbiblioteket {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.

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( ikonen för navigeringsträd ) till vänster för att visa trädet.

Åtkomst till innehållslagren {width="800" modal="regular"}

I följande exempel visas stegen för att justera utfyllnad och lodrät justering inuti en strukturkomponent med kolumner.

  1. Markera kolumnen i strukturkomponenten direkt på arbetsytan eller med navigeringsträdet som visas till vänster.

  2. 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.

    Kolumnkomponenter visas i den visuella designern {width="800" modal="regular"}

  3. 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.

    Ändra format för den markerade kolumnen {width="700" modal="regular"}

  4. Om det behövs upprepar du de här stegen för att justera justeringen och utfyllnaden för de andra kolumnerna i komponenten.

  5. 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" %}
NOTE
Journey Optimizer B2B edition följer nu syntaxen kamelcase för personaliseringstoken i e-postmeddelanden för att matcha övriga Adobe Experience Platform-program för en enhetlig upplevelse. Detta tokenformat är helt kompatibelt med Handlebars-mallsspråket. Alla tokens som lades till före den här ändringen uppdateras automatiskt.

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.

  1. Markera textkomponenten och klicka på ikonen Lägg till anpassning i verktygsfältet.

    Klicka på ikonen Anpassa ​ {width="600"}

    Den här åtgärden öppnar dialogrutan Redigera Personalization.

  2. 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.

    Skapa personlig text med hjälp av variabler {width="700" modal="regular"}

  3. Lägg till eventuella ytterligare variabler eller annan statisk text som du vill ta med.

  4. Klicka på Save.

    Personaliseringsskriptet visas i den visuella designrymden. Du kan markera den för att göra ändringar vid behov.

    Välj anpassningsskript {width="600"}

NOTE
Om My Tokens ​har definierats för kontoresan kan du även använda dessa kundspecifika tokens för ditt e-postinnehåll. Mer information finns i Anpassade token för e-postanpassning.

Redigera länkad URL-spårning

  1. Klicka på ikonen Links( ikonen Visa länkar ) till vänster om du vill visa alla länkade URL:er i ditt innehåll som ska spåras.

  2. Om det behövs klickar du på ikonen Redigera ( Redigera ) och ändrar Tracking Type eller Label.

    Du kan också lägga till taggar för en länk.

Klicka på ikonen Redigera för att komma åt länkspårning {width="500"}

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 ( Mörkt läge-ikon ). Förhandsgranska och definiera sedan specifika anpassade inställningar som ska användas för visning av e-postklienter när deras mörka tema är aktiverat.

Designarbetsyta för e-post visar väljaren för mörkt läge och e-postinnehåll som visas i mörkt läge {width="700" modal="regular"}

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:

Klicka på Mer för att komma åt mallåtgärder {width="500"}

  • 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.

Simulera e-postinnehållet för att kontrollera din design {width="700" modal="regular"}

Du kan använda ytterligare verktyg för att validera och granska e-postinnehållet:

6ef00091-a233-4243-8773-0da8461f7ef0