E-mail builder: Structuren
De Email builder is een van de tools die je kunt gebruiken om je e-mail te maken. Het is een drag-and-drop tool. De onderdelen die je op je e-mail canvas kunt slepen, worden 'structuren' genoemd.
Structuren zijn vooraf gedefinieerde lay-out placeholder voor je inhoud. In plaats van een leeg canvas kun je ze gebruiken om je ontwerp te structureren. Bovendien maakt het gebruik van structuren je e-mail responsief voor verschillende schermformaten en apparaten.
Je ontwerp schetsen
Een structuur is een canvas onderdeel met een vooraf gedefinieerde lay-out. Met andere woorden, het ordent de inhoud van je e-mail in kolommen. Nadat je de structuur aan je e-mail hebt toegevoegd, kun je vrij elke inhoudstype uit de Elementen paneel aan de linkerkant invoegen.
De manier waarop je je ontwerp met structuren opdeelt heeft een grote impact op de responsiviteit van je e-mail. De breedte van je structuren wordt automatisch geschaald naar de breedte van het scherm waarop je e-mail wordt gelezen. Als je structuur meerdere kolommen bevat, worden ze automatisch op elkaar gestapeld bij een mobiel apparaat.
Dit betekent dat als je eerste kolom twee afbeeldingen bevat en je rechterkolom twee tekstelementen binnen dezelfde structuur, je e-mail eerst de twee afbeeldingen zal tonen en daarna de twee teksten op een mobiel apparaat. In dit voorbeeld is het het beste om voor elk artikel een eigen structuur te gebruiken.
Elke structuur en elk inhoudselement kan individueel worden verwijderd of gedupliceerd met behulp van de iconen rechtsonder op een structuur. De volgorde van de structuren in je e-mail kan worden herschikt door ze gewoon te verslepen met de handgreep aan de linkerkant. Een paarse lijn zal verschijnen om aan te geven waar de structuur na het loslaten zal terechtkomen.
Structure style (Structuur instellingen)
Na het klikken op een structuur, kun je deze configureren met het Structure style paneel dat aan de rechterkant verschijnt. De exacte instellingen die je hier vindt, kunnen verschillen afhankelijk van het aantal kolommen dat je structuur heeft en of je momenteel de desktopversie van je e-mail of de mobiele versie bekijkt.
Alle instellingen die je op dit paneel vindt, zijn gegroepeerd in drie secties: Lay-out, Kolommen en Zichtbaarheid en kunnen afzonderlijk worden geconfigureerd voor Desktop en voor Mobiel met behulp van de tabbladen bovenaan. Het instellingenpaneel blijft altijd in sync met je huidige weergave. Als de mobiele versie van je structuur instellingen heeft die anders zijn dan die van de desktopversie, zal dit worden aangegeven met een stip.
Lay-out
Kolomgrootte in de lay-outsectie stelt je in staat om de breedte van elke kolom van je structuur in te stellen door de kolomverdeler naar links of rechts te slepen. Als je een structuur met een kolom hebt gekozen, is Kolomgrootte niet zichtbaar.
Achtergrondkleur van de inhoud en Achtergrondkleur van de rij stellen je in staat een kleur in te stellen die alleen op deze specifieke structuur van toepassing zal zijn. Als er geen kleur is ingesteld, worden de kleuren die zijn ingesteld in de E-mail style instellingen automatisch overgenomen. Voor een betere ervaring wordt aangeraden om eerst je Brand kit en je Email style in te stellen.
Marges kunnen worden gebruikt om witruimte tussen je structuren toe te voegen. In deze marge is de content achtergrondkleur van de e-mail zichtbaar als er geen content achtergrondkleur voor de structuur is ingesteld.
De Toepassen voor alle zijdes toggle stelt je in staat om afzonderlijke waarden voor elke kant in te stellen, indien nodig.
Kolommen
In de Kolommen sectie zul je een achtergrondkleur, de verticale uitlijning, marges en rand stijl voor elke van de kolommen kunnen specificeren. Marges en randen kunnen ofwel voor alle zijden tegelijk of voor elke kant afzonderlijk worden ingesteld met de Toepassen op alle zijden toggle.
De marge kan worden gebruikt om witte ruimte tussen de rand van je kolom en je inhoud toe te voegen. De Achtergrondkleur van de inhoud van je Email stijl zal zichtbaar zijn in deze witte ruimte als er geen specifieke kleur is ingesteld voor de kolom en structuur.
Zichtbaarheid
In de zichtbaarheidsectie kun je regelen of een structuur verborgen op desktop of mobiel zal zijn. Standaard is een structuur zichtbaar op beide versies van je bericht.
Wanneer je een structuur verbergt, zal deze vervagen op het canvas in die weergave en zijn elementen zullen niet langer bewerkbaar zijn.
Je kunt ook het stapelen van kolommen in deze sectie uitschakelen wanneer je in de mobiele weergave bent.
