Använda e-posta Designer-innehållskomponenter content-components
När du skapar ditt e-postinnehåll kan du i Content components anpassa din e-post ytterligare med raw-komponenter som du kan redigera när du väl har placerat i ett e-postmeddelande.
Du kan lägga till så många innehållskomponenter du behöver i en eller flera strukturkomponenter, som definierar layouten för e-postmeddelandet.
Lägga till innehållskomponenter add-content-components
Följ stegen nedan för att lägga till innehållskomponenter i e-postmeddelanden och anpassa dem efter dina behov.
-
Använd ett befintligt innehåll eller dra och släpp Structure components i ditt tomma innehåll för att definiera layouten för e-postmeddelandet i e-postmeddelandet. Lär dig hur
-
Om du vill komma åt avsnittet Content components väljer du motsvarande knapp i den vänstra rutan för e-post-Designer.
-
Dra och släpp de innehållskomponenter du vill ha inuti de relevanta strukturkomponenterna.
note note NOTE Du kan lägga till flera komponenter i en enda strukturkomponent och i varje kolumn i en strukturkomponent. -
Justera attribut och format för varje komponent med flikarna Settings och Style till höger. Du kan till exempel ändra textstil, utfyllnad eller marginal för varje komponent. Läs mer om justering och utfyllnad
-
På den avancerade menyn i Content component kan du enkelt ta bort eller duplicera innehållskomponenter efter behov.
Behållare container
Om du vill tillämpa en viss formatering på en grupp innehållskomponenter kan du lägga till en Container-komponent och sedan lägga till den eller de innehållskomponenter som du vill använda. På så sätt kan du tillämpa ett distinkt format på behållaren, vilket skiljer sig från det format som tillämpas på innehållskomponenterna i behållaren.
Lägg till exempel till en Container-komponent och lägg sedan till en Button -komponent i den behållaren. Du kan använda en specifik bakgrund för behållaren och en annan för knappen.
Knapp button
Använd komponenten Button för att infoga en eller flera knappar i e-postmeddelandet och dirigera om din e-postmålgrupp till en annan sida.
-
Dra och släpp Button-komponenten från Content components till en Structure component.
-
Klicka på den nyligen tillagda knappen om du vill anpassa texten och få tillgång till flikarna Settings och Styles i den högra rutan E-posta Designer.
-
Lägg till den URL som du vill omdirigera till när du klickar på knappen på menyn Link.
-
Välj hur målgruppen ska omdirigeras med den nedrullningsbara listan Target:
- None: öppnar länken i samma ram som den klickades på (standard).
- Blank: öppnar länken i ett nytt fönster eller på en ny flik.
- Self: öppnar länken i samma ram som den klickades på.
- Parent: öppnar länken i den överordnade ramen.
- Top: öppnar länken i hela fönstrets brödtext.
-
Du kan anpassa knappen ytterligare genom att ändra formatattribut som Border, Size, Margin osv. från rutan Component settings.
Text text
Använd komponenten Text för att infoga text i e-postmeddelandet och justera formatet (kantlinje, storlek, utfyllnad osv.) med fliken Styles.
-
Dra och släpp Text-komponenten från Content components till en Structure component.
-
Klicka på den nya komponenten som du har lagt till för att anpassa texten och för att få tillgång till flikarna Settings och Styles i den högra rutan i e-post-Designer.
-
Ändra texten med följande alternativ i verktygsfältet:
- Change text style: Använd fet, kursiv, understrykning eller genomstrykning i texten.
- Ändra justering: välj mellan vänsterjustering, högerjustering, centrering eller marginaljustering för texten.
- Create list: lägg till punkt- eller nummerlista i texten.
- Set heading: lägg till upp till sex rubriknivåer i texten.
- Teckensnittsstorlek: välj teckensnittsstorleken för texten i pixlar.
- Change font color: välj färg för teckensnittet.
- Insert link: lägg till alla typer av länkar i ditt innehåll.
- Edit image: lägg till en bild eller en resurs i textkomponenten. Läs mer om resurshantering
- Change font color: välj färg för teckensnittet.
- Add personalization: lägg till anpassningsfält för att anpassa innehållet från dina profildata. Läs mer om innehållspersonalisering
- Show the source code: visa källkoden för texten. Den kan inte ändras.
- Enable conditional content: lägg till villkorligt innehåll för att anpassa komponentens innehåll till målprofilerna. Läs mer om dynamiskt innehåll
- Duplicate: lägg till en kopia av textkomponenten.
- Delete: ta bort den markerade textkomponenten från e-postmeddelandet.
-
Justera övriga formatattribut, t.ex. textfärg, teckensnittsfamilj, kantlinje, utfyllnad, marginal. från fliken Styles.
Delare divider
Använd komponenten Divider för att infoga en delningslinje för att ordna layouten och innehållet i ditt e-postmeddelande.
Du kan justera formatattribut som linjefärg, format och höjd på flikarna Settings och Styles.
HTML HTML
Använd komponenten HTML för att kopiera och klistra in de olika delarna av din befintliga HTML. På så sätt kan du skapa kostnadsfria modulära HTML-komponenter för att återanvända en del externt innehåll.
-
Dra och släpp HTML-komponenten från Content Components till en Structure component.
-
Klicka på den nya komponenten och välj sedan Show the source code i det sammanhangsberoende verktygsfältet för att lägga till HTML.
-
Kopiera och klistra in den HTML-kod som du vill lägga till i e-postmeddelandet och klicka på Save.
Bild image
Använd komponenten Image för att infoga en bildfil från datorn i e-postinnehållet.
-
Dra och släpp Image-komponenten från Content components till en Structure component.
-
Klicka på Browse på fliken Settings för att välja en bildfil från dina resurser eller på Import media för att överföra en resurs till Adobe Experience Manager Assets.
Mer information om Adobe Experience Manager Assets finns i Adobe Experience Manager Assets-dokumentationen.
note note NOTE För att länkarna ska förbli aktiva och för att undvika problem med förfallodatum bör du använda Adobe Assets i stället för att förlita dig på en käll-URL för dina bilder. -
Du kan även söka direkt i Adobe Stock med alternativet Find Adobe Stock photos.
-
Klicka på den nya komponenten och ange bildegenskaper:
- Med Image title kan du definiera en titel för bilden.
- Med Alt text kan du definiera bildtexten som är länkad till bilden. Detta motsvarar alt HTML-attributet.
-
Du kan också välja att Find similar Stock photos. Läs mer
-
På fliken Styles justerar du övriga formatattribut som marginal, kant osv. eller lägga till en länk för att dirigera om din målgrupp till ett annat innehåll från rutan Component settings.
Social social
Använd komponenten Social för att infoga länkar till sidor för sociala medier i ditt e-postinnehåll.
-
Dra och släpp Social-komponenten från Content Components till en Structure component.
-
Markera den nya komponenten.
-
I fältet Social på fliken Settings väljer du vilka sociala medier du vill lägga till eller ta bort.
-
Välj storlek på ikonerna i det dedikerade fältet.
-
Klicka på var och en av dina ikoner för sociala medier för att konfigurera URL som din målgrupp ska omdirigeras till.
-
Du kan också ändra ikonerna för vart och ett av dina sociala medier om det behövs från din Assets.
-
Justera övriga formatattribut, t.ex. format, marginal, kant. från fliken Styles.
Beslut om erbjudandet offer-decision
Använd komponenten Offer decision för att infoga erbjudanden i dina meddelanden. Motorn för beslutshantering väljer det bästa erbjudandet som ska levereras till dina kunder.
-
Dra och släpp Offer decision-komponenten från Content Components till en Structure component.
-
Klicka på Add för att välja din Offer decision.
-
Välj Placements i listrutan. Välj sedan den Offer decision som du vill lägga till i ditt innehåll och klicka på Add.
-
På fliken Offer decision kan du förhandsgranska eller ändra det infogade erbjudandet.
Lär dig hur du lägger till anpassade erbjudanden i ett e-postmeddelande i det här avsnittet.