Hoe maak ik unieke blokken met het custom element?

Custom elementen worden gebruikt om niet-standaard blokken te maken in de berichten editor. Kortom: je bouwt je eigen aangepaste content. Bijvoorbeeld de onderstaande blokken, waarin je een zelfgemaakte tag en opsommingstekens ziet binnen een 2-koloms blok.

Example custom element.png

Om je eigen aangepaste content toe te voegen, sleep je eenvoudig het Custom element in je bericht. 

custom element.png

Klik vervolgens op het blok en je ziet de opmaakopties van het element aan de linkerkant van de editor. Hier schrijf je de markup om aangepaste content te bouwen. Weet dat je dit tekstvak ook kan vergroten door op het uitvouw-icoon te klikken (rood omcirkeld in de afbeelding hieronder).

custom expand.png

Het is ook belangrijk om te begrijpen welke markup de aangepaste HTML-blok omringt, zodat je je eigen markup correct kunt schrijven. Om dit te bekijken, klik je op het SPML Center-icoon (1), gevolgd door HTML-preview(2). Dit toont de gerenderde HTML (3) van de editor.

html preview.png

Hier zie je dat de tekst 'Custom HTML block' verpakt is in 2 lagen van <div>, maar uiteindelijk binnen een <td>. Dit betekent dat de aangepaste HTML-markup moet beginnen met een <table>, die het geneste tabelpatroon volgt: table → tbody → tr → td → table...

custom html block.png

Als je bekend bent met het schrijven van HTML voor e-mails, dan kun je met het Custom element behoorlijk unieke en interessante blokken maken.

custom preview.png

custom code.png