DokumentationCampaignWebbanvändargränssnitt för Campaign

Använda innehållskomponenter content-components

Last update: Wed May 21 2025 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Gäller:
  • Campaign v8 Web User Interface

När du skapar ditt e-postinnehåll kan du med Content-komponenter anpassa din e-post med tomma komponenter som du kan använda en gång i ett e-postmeddelande.

Du kan lägga till så många Contents som behövs inuti en Structure som definierar layouten för ditt e-postmeddelande.

Lägg 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.

  1. Använd ett befintligt innehåll eller dra och släpp en Structure i ditt tomma innehåll för att definiera layouten för e-postmeddelandet i e-postmeddelandet. Lär dig hur

  2. Dra och släpp Content i de relevanta strukturerna.

    Skärmbild som visar hur du drar och släpper innehållskomponenter i strukturer i e-postens Designer. {modal="regular"}

    note note
    NOTE
    Du kan lägga till flera komponenter i en enda struktur och i varje kolumn i en struktur.

  3. Justera alternativen för varje komponent med hjälp av fliken Settings. Du kan till exempel välja att visa den enbart på stationära eller mobila enheter, eller både och. Du kan också hantera länkalternativ på den här fliken. Läs mer om att hantera länkar

  4. Justera formatattributen för varje komponent på fliken Style. Du kan till exempel ändra textstil, utfyllnad eller marginal för varje komponent. Läs mer om justering och utfyllnad

    Skärmbild som visar inställningsfliken för innehållskomponenter i e-post-Designer. {modal="regular"}

  5. Ta bort eller duplicera en innehållskomponent efter behov på den avancerade menyn i Content på den högra panelen.

Behållare container

Du kan lägga till en enkel behållare i vilken du lägger till en annan innehållskomponent. På så sätt kan du använda en särskild formatering för behållaren, vilket skiljer sig från den komponent som används inuti.

Lägg till exempel till en Container-komponent och lägg sedan till en Button -komponent i den behållaren. Använd en specifik bakgrund för behållaren och en annan för knappen.

Skärmbild som visar hur du lägger till en behållarkomponent i e-post-Designer. {modal="regular"}

Knapp buttons

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.

  1. Dra och släpp Button-komponenten från listan Contents till en Structure-komponent.

    Skärmbild som visar hur du drar och släpper en knappkomponent i e-post-Designer. {modal="regular"}

  2. Klicka på den nyligen tillagda knappen om du vill anpassa texten och komma åt flikarna Settings och Styles.

    Skärmbild som visar inställningsfliken för knappkomponenter i e-post-Designer. {modal="regular"}

  3. På fliken Settings i fältet URL lägger du till den URL som ska omdirigeras när du klickar på knappen.

  4. Välj hur innehållet ska visas i 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.

    Skärmbild som visar målalternativen för knappkomponenter i e-post-Designer. {modal="regular"}

  5. Anpassa knappen ytterligare genom att ändra formatattribut som Border, Size, Margin och andra på fliken Styles.

Text text

Använd komponenten Text för att infoga text i e-postmeddelandet och justera formatet (kantlinje, storlek, utfyllnad osv.) med flikarna Settings och Styles.

  1. Dra och släpp Text från menyn Contents till en Structure-komponent.

    Skärmbild som visar hur du drar och släpper en textkomponent i e-post-Designer. {modal="regular"}

  2. Klicka på den nya komponenten som du har lagt till för att anpassa texten och komma åt flikarna Settings och Styles.

  3. Ändra texten med följande alternativ i det sammanhangsberoende verktygsfältet:

    Skärmbild som visar verktygsfältet för textredigering i e-post-Designer. {modal="regular"}

    • 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 nummerlistor i texten.
    • Set heading: lägg till upp till sex rubriknivåer i texten.
    • Teckensnittsstorlek: välj teckensnittsstorleken för texten i pixlar.
    • Edit image: lägg till en bild eller en resurs i textkomponenten.
    • Show the source code: visa källkoden för texten. Den kan inte ändras.
    • Duplicate: lägg till en kopia av textkomponenten.
    • Delete: ta bort den markerade textkomponenten från e-postmeddelandet.
    • Add personalization: lägg till anpassningsfält för att anpassa innehållet från dina profildata.
    • Enable conditional content: lägg till villkorligt innehåll för att anpassa komponentens innehåll till målprofilerna.

  4. Justera andra formateringsattribut, till exempel textfärg, teckensnittsfamilj, kantlinje, utfyllnad, marginal och andra på fliken Styles.

    Skärmbild som visar formatfliken för textkomponenter i e-post-Designer. {modal="regular"}

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å fliken Styles.

Skärmbild som visar hur du lägger till en avdelarkomponent i e-postens Designer. {modal="regular"}

HTML HTML

Använd komponenten HTML för att kopiera och klistra in delar av din befintliga HTML. På så sätt kan du skapa kostnadsfria modulära HTML-komponenter för att återanvända externt innehåll.

  1. Dra och släpp HTML-komponenten från Components till en Structure-komponent.

    Skärmbild som visar hur du drar och släpper en HTML-komponent i e-post-Designer. {modal="regular"}

  2. Klicka på den nya komponenten och välj sedan Show the source code i det sammanhangsberoende verktygsfältet för att lägga till din HTML.

    Skärmbild som visar källkodsalternativet för HTML-komponenter i e-post-Designer. {modal="regular"}

NOTE
Om du vill att externt innehåll ska vara kompatibelt med e-post-Designer rekommenderar Adobe att skapa ett meddelande från början och kopiera innehållet från din befintliga e-post till komponenter.

Bild image

IMPORTANT
Åtkomsten till Assets-menyn är begränsad till användare som har en aktiv Adobe Experience Manager as a Cloud Service-licens. Om du inte har den här licensen är Assets-menyn inte tillgänglig.

Använd komponenten Image för att infoga en bildfil från datorn i e-postmeddelandet.

  1. Dra och släpp Image från menyn Content till en Structure-komponent.

    Skärmbild som visar hur du drar och släpper en bildkomponent i e-postprogrammet Designer. {modal="regular"}

  2. Klicka på Browse om du vill välja en bildfil bland dina resurser. Du kan också välja att Import your media.

    Mer information om hur du överför och lägger till resurser i Adobe Experience Manager finns i Adobe Experience Manager as a Cloud Service-dokumentationen.

    Skärmbild som visar bläddringsalternativet för bildkomponenter i e-post-Designer. {modal="regular"}

  3. Navigera i mapparna för att hitta den resurs du behöver, eller använd sökfältet för att hitta den effektivt.

    Klicka på Select när du har hittat resursen du söker efter.

    Skärmbild som visar resursurvalsprocessen i e-post-Designer. {modal="regular"}

  4. Klicka på den nya komponenten och ange bildegenskaper på fliken Settings:

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

    Skärmbild som visar inställningsfliken för bildkomponenter i e-post-Designer. {modal="regular"}

  5. Lägg till en länk för att dirigera om er målgrupp till ett annat innehåll. Läs mer

  6. Justera andra formatattribut, till exempel marginal, kant och andra, med fliken Styles.

Social social

Använd komponenten Social för att infoga länkar till sidor för sociala medier i ditt e-postinnehåll.

  1. Dra och släpp Social-komponenten i en Structure -komponent från menyn Components.

  2. Klicka på den nya komponenten.

  3. I fältet Social på fliken Settings väljer du vilka sociala medier du vill lägga till eller ta bort.

    Skärmbild som visar inställningsfliken för sociala komponenter i e-post-Designer. {modal="regular"}

  4. Välj storleken på ikonerna i fältet Size of images.

  5. Klicka på var och en av dina ikoner för sociala medier för att konfigurera URL som din målgrupp omdirigeras till.

    Skärmbild som visar URL-konfigurationen för ikoner för sociala medier i e-post-Designer. {modal="regular"}

  6. Ändra ikonerna för alla dina sociala medier om det behövs i fältet Source.

  7. Justera andra formatattribut, till exempel format, marginal, kant och andra på fliken Styles.

recommendation-more-help
c39c2d00-ba9a-424b-adf9-66af58a0c34b