Designa e-postmeddelanden från grunden designing-an-email-content-from-scratch

Lär dig hur du hanterar utgåvor av e-postinnehåll. Med e-postdesignern kan du skapa e-postmeddelanden och mallar som börjar med eller utan ditt eget fördefinierade innehåll.

Här är de viktigaste stegen för att skapa och designa ett e-postinnehåll från grunden med hjälp av e-postdesignern:

  1. Skapa ett e-postmeddelande och öppna innehållet i det.
  2. Lägg till strukturkomponenter för att forma e-postmeddelandet. Se Redigera e-poststrukturen.
  3. Infoga innehållskomponenter och fragment i strukturkomponenterna. Se Lägga till fragment och innehållskomponenter.
  4. Lägg till bilder och redigera texten i e-postmeddelandet. Se Infoga bilder.
  5. Anpassa e-postmeddelandet genom att lägga till fält, länkar och så vidare för personalisering. Se Infoga ett anpassningsfält, Infoga en länk och Definiera dynamiskt innehåll i ett e-postmeddelande.
  6. Definiera ämnesraden i ditt e-postmeddelande. Se Anpassa ämnesraden i ett e-postmeddelande.
  7. Förhandsgranska e-postmeddelandet.
  8. Spara innehållet och fortsätt med meddelandet efter att du har definierat en målgrupp och schemalagt sändningen.

Du kan även kolla in det här introduktionsvideo.

NOTE
Du kan undvika att designa e-postinnehåll från grunden genom att använda färdiga innehållsmallar. Mer information finns i Innehållsmallar.

Definiera e-poststruktur defining-the-email-structure

Med e-postdesignern kan du enkelt definiera e-postens struktur. Genom att lägga till och flytta strukturella element med enkla dra-och-släpp-åtgärder kan du designa formen på e-postmeddelandet på några sekunder.

Så här redigerar du strukturen för ett e-postmeddelande:

  1. Öppna ett befintligt innehåll eller skapa ett nytt e-postinnehåll.

  2. Öppna Structure components genom att välja + till vänster.

  3. Dra och släpp de strukturkomponenter som du behöver för att forma e-postmeddelandet.

    En blå linje visar strukturkomponenternas exakta placering innan du släpper den. Du kan släppa det ovanför, mellan eller under en annan komponent, men inte inuti.

    note note
    NOTE
    Observera att staplar inte är kompatibla med alla e-postprogram. Om det inte finns stöd för det här alternativet staplas inte kolumner.
    När du har placerat i e-postmeddelandet kan du inte flytta eller ta bort dina komponenter om det inte redan finns en innehållskomponent eller ett fragment inuti.
  4. Flera strukturkomponenter som består av en eller flera kolumner är tillgängliga.

    Välj n:n column -komponent för att definiera hur många kolumner du vill ha (mellan 3 och 10). Du kan också definiera bredden på varje kolumn genom att flytta pilarna längst ned i varje kolumn.

    note note
    NOTE
    Varje kolumnstorlek får inte vara mindre än 10 % av strukturkomponentens totala bredd. Du kan inte ta bort en kolumn som inte är tom.

När strukturen har definierats kan du lägga till innehållsfragment och komponenter i e-postmeddelandet.

Använda en förrubrik preheader

En förrubrik är en kort sammanfattningstext som följer efter ämnesraden när du visar ett e-postmeddelande från inkorgen. Förhuvudet ger en högre öppningshastighet.

Välj Preheader och färdigställ innehållet.

Du kan lägga till en Content block, a Dynamic content eller en Personalization fields i innehållet i förrubriken.

NOTE
Observera att preheader inte är kompatibel med alla e-postprogram. Om det inte stöds visas inte preheader.

Använda innehållskomponenter about-content-components

Innehållskomponenter är tomma, råa komponenter som du kan redigera när de har placerats i ett e-postmeddelande.

Du kan lägga till så många innehållskomponenter du vill i en strukturkomponent. Du kan också flytta dem inuti strukturkomponenten eller till en annan strukturkomponent.

Här är en lista över tillgängliga komponenter i e-postdesignern:

Button

Om du behöver använda flera knappar, i stället för att redigera varje knapp från början, kan du duplicera Button med hjälp av kontextverktygsfältet.

Du kan också spara knappar i fragment som kan återanvändas. Mer information finns i Skapa ett innehållsfragment och Spara innehåll som ett fragment.

Välj Fallback view för att visa reservbilden i e-postdesignern.

Text

Använd den här komponenten för att infoga text i e-postmeddelandet. Du kan justera färg, stil och storlek på texten i Component Settings.

Divider

Använd den här komponenten för att infoga en avdelningslinje i e-postmeddelandet. Du kan välja färg, stil och storlek för den brutna linjen i Component Settings.

HTML

Använd den här komponenten 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.

NOTE
En kostnadsfri HTML-komponent kan redigeras med begränsade alternativ. Om alla format inte är infogade ska du lägga till rätt CSS i head i HTML-koden, annars kommer e-postmeddelandet inte att svara. Använd Preview för att testa hur responsivt ditt innehåll är (se Förhandsgranska meddelanden).

Adobe rekommenderar att du skapar ett meddelande från grunden och kopierar innehållet från din befintliga e-post till fragment och komponenter för att enkelt göra ett externt innehåll kompatibelt med e-postdesignern.

När du har ett innehåll som inte kan återskapas kan du kopiera och klistra in HTML-koden från det ursprungliga e-postmeddelandet med Html innehållskomponent. Kontrollera att du känner till HTML innan du fortsätter.

NOTE
Det nya innehållet kommer inte att vara den exakta kopian av ditt ursprungliga e-postmeddelande, men stegen nedan hjälper dig att skapa ett meddelande som är så nära som möjligt.

Innan du kopierar ditt innehåll

  1. I det ursprungliga e-postmeddelandet identifierar du de återanvändbara avsnitten från de avsnitt som ska vara unika för varje e-postmeddelande som du ska skicka.
  2. Spara alla bilder och resurser som du vill använda.
  3. Om du är bekant med HTML kan du dela upp ditt ursprungliga HTML-innehåll i olika delar.

Video video-settings

Infoga videokomponenten i en strukturkomponent i e-postmeddelandet och ange videolänken i Component Settings.

NOTE
Observera att video inte är kompatibelt med alla e-postprogram. Om det inte stöds visas reservfunktionen.

Bild

Använd den här komponenten för att infoga en bild i e-postmeddelandet.

Infoga bildkomponenten i en strukturkomponent och klicka på Bläddra för att överföra en bildfil från datorn.

Social

Använd den här komponenten för att infoga länkar till sidor för sociala medier i ditt e-postmeddelande. Du kan välja vilka länkar du vill visa och storleken på ikonen för dem i Component Settings.

  1. Dra och släpp Carousel -komponent inuti en strukturkomponent.

  2. Bläddra för att välja bilder från datorn.

  3. Från Settings anger du antalet miniatyrbilder som du vill ha i karusellen.

  4. Välj en reservbild från datorn.

Carousel-komponenten är inte kompatibel med alla e-postprogram. Överför en reservbild för att visa en bild i stället när karusellen inte stöds i e-postmeddelandet.

NOTE
Carousel-komponenten är kompatibel med följande e-postplattformar: Apple Mail 7, Apple Mail 8, Outlook 2011 för Mac, Outlook 2016 för Mac, Mozilla Thunderbird, iPad och iPad mini iOS, iPhone iOS, Android, AOL (Chrome, Firefox och Safari).

Relaterade ämnen:

recommendation-more-help
3ef63344-7f3d-48f9-85ed-02bf569c4fff