Huisstijl (Berichten editor)

Klik boven in de berichten editor op het volgende icoon om een huisstijl te creëren:

Icoon om een huisstijl te creëren in de berichteneditor

Er opent een nieuw scherm:

Scherm voor het aanmaken van een huisstijl

In dit scherm kun je een nieuwe huisstijl aanmaken. Heb je al meerdere huisstijlen gemaakt, dan zie je deze hier ook terug.

Een nieuwe huisstijl aanmaken

Geef eerst een naam op aan de huisstijl en klik dan op de button + Aanmaken. Er opent een scherm met instellingen:

Instellingenscherm van een huisstijl

In dit scherm heb je de volgende instellingen:

Huisstijl toepassen

Wanneer je een huisstijl hebt aangemaakt en je wilt deze gebruiken in je bericht, dan moet je deze eerst bijwerken in je bericht. Dit doe je bij de tab Algemeen. Selecteer de huisstijl en klik vervolgens op Huisstijl bijwerken.

Huisstijl bijwerken in de tab Algemeen

Gegevens

In dit scherm stel je onder andere de adresgegevens en website-URL in.

Scherm voor het instellen van adresgegevens en website-URL

Deze gegevens worden zichtbaar wanneer je in jouw template "place holders" hebt. De "place holders" worden gevuld vanuit deze gegevens. Place holders kunnen we voor jou toevoegen. Bij de standaard templates in de template bibliotheek zijn al place holders toegepast.

Het voordeel hiervan is: wanneer je gegevens wijzigen, hoef je dit niet in elk template aan te passen, maar wordt dit automatisch aangepast vanuit deze gegevens.

Afbeeldingen

In het scherm van afbeeldingen upload je jouw logo in verschillende varianten.

Scherm voor het uploaden van logo-varianten

Klik op de button + Slepen of uploaden om een afbeelding te uploaden. Je kunt een afbeelding kiezen uit de module Afbeeldingen of een nieuwe variant uploaden. De afbeeldingen van het logo worden zichtbaar wanneer je in jouw template "place holders" hebt. De "place holders" worden gevuld met de logo's die je hier hebt geüpload. Place holders kunnen we voor jou toevoegen. Bij de standaard templates in de template bibliotheek zijn al place holders toegepast.

Het voordeel hiervan is: wanneer je logo's wijzigt, hoef je dit niet in elk template aan te passen, maar wordt dit automatisch aangepast vanuit deze gegevens.

Kleuren

Voeg je basiskleuren en ondersteunende kleuren toe via dit scherm.

Scherm voor het toevoegen van huisstijlkleuren

Klik op het plus-icoon om kleuren toe te voegen. Je kunt de color picker gebruiken of een kleurcode toepassen.

Kleuren toevoegen via de color picker of kleurcode

Het voordeel van kleuren toevoegen in de huisstijl is dat je ze eenvoudiger kunt selecteren wanneer je een color picker gebruikt binnen de editor. Je ziet de kleuren terug onder de color picker.

Toegevoegde basiskleuren zichtbaar in de color picker

Typografie

In dit scherm definieer je de typografie voor paragraaftekst en de headers.

Typografie-instellingen voor paragraaftekst en headers

Op deze manier hoef je niet per tekstelement de kleur en het lettertype in te stellen. Met de optie + Klik om lettertype toe te voegen is het mogelijk Google Fonts te gebruiken.

Google Font toevoegen aan de huisstijl

Het is nu ook mogelijk om Adobe Fonts toe te voegen aan de huisstijl manager, als je een Adobe Creative Cloud-abonnement hebt. Voor meer informatie hierover, zie het artikel Hoe gebruik ik Adobe Fonts in de huisstijl manager?

Gebruik ook een fallback lettertype

Wanneer je een custom font zoals een Adobe Font of Google Font instelt als lettertype, krijg je vanzelf de mogelijkheid om een fallback mee te geven. Dit is handig voor wanneer het font niet wordt ondersteund bij de ontvanger. Deze krijgt dan het door jou gekozen fallback lettertype te zien, in plaats van een willekeurig serif- of sans-serif-lettertype.

Fallback lettertype instellen bij een custom font

Buttons

Creëer buttons die je eenvoudig kunt toevoegen aan je bericht. Het is mogelijk om meerdere varianten op te stellen. Je hoeft met deze optie niet telkens de style handmatig aan te passen van je button, maar je kunt eenvoudig de variant selecteren die je wilt gebruiken.

Overzicht van opgeslagen button-varianten in de huisstijl

Klik op + Aanmaken om een button te maken. Er opent een pop-up waar je een button kunt stylen.

button toevoegen.png

In deze pop-up kun je ook Font weight (letterdikte) en Text transform (bijvoorbeeld alle tekst in hoofdletters) instellen voor de buttontekst. Zo zorgt je huisstijl er automatisch voor dat alle buttons de juiste typografie krijgen, zonder dat je dit per button handmatig hoeft aan te passen.

Klik op Opslaan wanneer je tevreden bent en de button wilt toevoegen.

Button bewerken, verwijderen, dupliceren

Wil je een button bewerken, verwijderen of dupliceren? Klik dan op het pijltje om het menu te openen.

Menu voor het bewerken, verwijderen of dupliceren van een button

Button toevoegen op je canvas

Om een button vanuit je huisstijl toe te voegen op het canvas, pas je eerst de huisstijl toe in de berichten editor.

Vervolgens zie je bij het element button de kop Custom button. Hieronder zie je de opties die je hebt ingesteld bij de huisstijl. Wanneer je een optie selecteert, wordt meteen de style toegepast op de button.

Custom button-opties toepassen op het canvas

Sociale kanalen

De vormgeving van je sociale kanalen beheer je hier.

Vormgeving van sociale kanalen instellen

Selecteer een iconenstijl en klik vervolgens op + Aanmaken.

Iconenstijl selecteren voor sociale kanalen

Custom social media iconen gebruiken

Wil je social media iconen gebruiken die beter aansluiten op je huisstijl, campagnedesign of e-mailfooter? Maak dan een custom iconenset aan. Hiermee vervang je de standaard social iconen door je eigen afbeeldingen.

Lees hoe je dit instelt in het artikel Custom social media afbeeldingen gebruiken in je mail.

Vervolgens zie je de opties van de sociale kanalen. Selecteer een sociaal kanaal en voer de gegevens in. Dit doe je voor elk sociaal kanaal waar je actief op bent.

Gegevens invoeren per sociaal kanaal

Wijzigingen opslaan

Klik op Opslaan om je huisstijl op te slaan. Probeer je de huisstijl manager te sluiten terwijl je nog niet-opgeslagen wijzigingen hebt, dan verschijnt er een bevestigingsvenster. Zo voorkom je dat je werk per ongeluk verloren gaat.

Zodra je huisstijl is afgerond en opgeslagen, staat deze in het overzicht. Per huisstijlset zie je een dropdown-button met een pijl naar beneden. Met het dropdown-menu is het mogelijk om een huisstijl te bewerken of te verwijderen.

Ook kun je een huisstijl als standaard instellen in dit dropdown-menu. Hiermee zorg je ervoor dat deze huisstijl standaard wordt ingeladen bij het aanmaken van een nieuw bericht.

Huisstijl als standaard instellen via het dropdown-menu