När du skapar en e-postmall för Adobe Campaign måste du ta med egenskapen acMapping med värdet mapRecipient i noden jcr:content i mallen. Om du inte gör det kan du inte välja Adobe Campaign-mallen i Sidegenskaper i Experience Manager (fältet är inaktiverat).
Koda all struktur med <table>elementet. För mer komplicerade layouter bör du kapsla tabeller för att skapa komplexa strukturer.
E-post ska se bra ut även utan CSS.
Tabeller används i hela mallen för att strukturera innehåll. Använder för närvarande maximalt fyra kapslade tabeller (1 bastabell + max). 3 kapslingsnivåer)
<div>-taggar används bara i redigeringsläge för att säkerställa korrekt komponentredigering.
Använd elementattribut (till exempel cellfyllnad, justering och bredd) för att ange tabelldimensioner. Den här metoden tvingar en box-model-struktur.
Alla tabeller innehåller nödvändiga attribut som border, cellpadding, cellspacing och width.
För att harmonisera elementplaceringen i tabeller har alla tabellceller attributet valign="top" angetts.
Konto för mobilvänlighet, om möjligt. Använd mediefrågor om du vill öka textstorleken på små skärmar, ange träffområden i ministorlek för länkar.
Gör ett e-postmeddelande responsivt om designen tillåter det.
När det gäller CSS-format som används för att illustrera demodesign används mediefrågor för att erbjuda en mobilvänlig version.
Inline CSS är bättre än att placera all CSS i början.
För att bättre visa den underliggande strukturen för HTML och förenkla möjligheten att anpassa nyhetsbrevsstrukturen har bara vissa CSS-definitioner infogats.
Basformat och mallvarianter har extraherats till ett formatblock på <head> på sidan. När nyhetsbrevet är färdigt infogas dessa CSS-definitioner i HTML. En automatisk infogningsmekanism planeras, men är för närvarande inte tillgänglig.
Gör din CSS enkel. Undvik sammansatta formatdeklarationer, kodförkortningar, CSS-layoutegenskaper, komplexa väljare och pseudoelement.
När det gäller CSS-format som används för att illustrera demodesign följs CSS-rekommendationerna.
E-postmeddelanden ska vara högst 600-800 pixlar breda. Den här storleksändringen gör att de beter sig bättre i den storlek på förhandsgranskningsfönstret som många klienter har.
Innehållstabellens bredd är begränsad till 600 pixlar i demodesign.
Bilder images
/libs/mcm/campaign/components/image
Bästa praxis
Implementering
Lägg till alt-attribut i bilder
Attributet alt har definierats som obligatoriskt för bildkomponenten.
Använd formatet jpg i stället för formatet png för bilder
Bilderna hanteras alltid som JPG av bildkomponenten.
Använd elementet <img> i stället för bakgrundsbilder i en tabell.
Inga bakgrundsbilddata används i mallarna.
Lägg till attributet style="display block" i bilder. På så sätt kan de visas bra på Gmail.
Alla bilder innehåller attributet style="display block" som standard.
Använd html <font> i stället för format i CSS (font-family)
RichTextEditor (till exempel i textimagekomponenten) har nu stöd för att välja och använda teckensnittsfamiljer och teckensnittsstorlekar på markerade texter. De återges som <font>-taggar.
Använd grundläggande plattformsoberoende teckensnitt som Arial®, Verdana, Georgia och Times New Roman®.
Används för att skapa nyhetsbrev.
För demodesignen används teckensnittet"Helvetica®", men det återgår till ett generiskt sans-serif-teckensnitt, om det inte finns något.
Allmän generic
Bästa praxis
Implementering
Använd W3C-valideraren för att korrigera HTML-koden. Se till att alla öppna taggar stängs ordentligt.
Koden har validerats. För XHTML Transition Doctype saknas det saknade xmlns-attributet för elementet <html>.
Undvik att använda JavaScript eller Flash - dessa tekniker stöds ofta inte av e-postklienter.
JavaScript eller Flash används inte i nyhetsbrevmallen.
Lägg till en oformaterad textversion för att skicka flera delar.
En ny widget skapades i sidegenskaperna för att enkelt extrahera en textversion från sidinnehållet. Du kan använda den som startpunkt för den slutliga versionen av plaintext.
Mallar och exempel för kampanjnyhetsbrev campaign-newsletter-templates-and-examples
AEM innehåller flera mallar och komponenter som du kan använda för att skapa nyhetsbrev om kampanjer. Du kan använda dessa mallar och komponenter för att skapa anpassade nyhetsbrev.
Mallar templates
Det finns tre något olika malltyper som är tillgängliga direkt när du vill erbjuda en heltäckande bas och bredda möjligheterna för innehållsflöde. Du kan enkelt använda dessa tre typer för att skapa anpassade nyhetsbrev.
Alla har ett sidhuvud, en sidfot och ett brödavsnitt. Under brödavsnittet skiljer sig varje mall i kolumndesign (en, två eller tre kolumner).
De här komponenterna är optimerade för e-postinnehåll, vilket innebär att de följer den bästa praxis som beskrivs i det här dokumentet. Om du använder andra komponenter som inte finns installerade i systemet bryter det vanligtvis mot dessa regler.
