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 Email Designer 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 utforma e-postinnehåll från grunden med e-post-Designer:
- Skapa ett e-postmeddelande och öppna innehållet i det.
- Lägg till strukturkomponenter för att forma e-postmeddelandet. Se Redigera e-poststrukturen.
- Infoga innehållskomponenter och fragment i strukturkomponenterna. Se Lägga till fragment och innehållskomponenter.
- Lägg till bilder och redigera texten i e-postmeddelandet. Se Infoga bilder.
- 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.
- Definiera ämnesraden i ditt e-postmeddelande. Se Anpassa ämnesraden i ett e-postmeddelande.
- Förhandsgranska e-postmeddelandet.
- 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 den här introduktionsvideon.
Definiera e-poststruktur defining-the-email-structure
Med e-post-Designer 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:
-
Öppna ett befintligt innehåll eller skapa ett nytt e-postinnehåll.
-
Du kommer åt Structure components genom att välja ikonen + till vänster.
-
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. -
Flera strukturkomponenter som består av en eller flera kolumner är tillgängliga.
Välj komponenten n:n column för att definiera antalet kolumner som du vill använda (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.
Markera redigeringsrutan Preheader och fyll i innehållet.
Du kan lägga till en Content block, en Dynamic content eller en Personalization fields i innehållet i förrubriken.
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 de tillgängliga komponenterna i e-post-Designer:
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 komponenten Button med hjälp av det sammanhangsberoende verktygsfä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 om du vill visa reservbilden i e-post-Designer.
Text
Använd den här komponenten för att infoga text i e-postmeddelandet. Du kan justera färg, stil och storlek för 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, format och storlek för brytningsraden 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.
Adobe rekommenderar att du skapar ett meddelande från grunden och kopierar innehållet från ditt befintliga e-postmeddelande till fragment och komponenter för att få ett externt innehåll som är kompatibelt med e-postprogrammet Designer.
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 innehållskomponenten Html. Kontrollera att du känner till HTML innan du fortsätter.
Innan du kopierar ditt innehåll
- 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.
- Spara alla bilder och resurser som du vill använda.
- 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.
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.
Carousel carousel-settings
-
Dra och släpp Carousel-komponenten inuti en strukturkomponent.
-
Bläddra för att välja bilder från datorn.
-
I rutan Settings anger du antalet miniatyrbilder som du vill ha i karusellen.
-
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.
Relaterade ämnen: