Naar de hoofdinhoud

Huisstijl aanmaken en bewerken

Stel kleuren, lettertypes en knopstijlen in voor je betaalpagina's en landingspagina's

Geschreven door Bryan Schoenmaker
Deze week bijgewerkt

In deze handleiding lees je hoe je een huisstijl aanmaakt en instelt in Plug&Pay. De huisstijl bepaalt de kleuren, lettertypes en het ontwerp van knoppen op je betaalpagina's en landingspagina's, zodat je pagina's altijd consistent bij jouw merk passen.


Huisstijl aanmaken

Je kunt jouw huisstijl aanmaken of bewerken door te navigeren naar Instellingen > Huisstijlen.

Instellingen-pagina van Plug&Pay met de tegel 'Huisstijlen' gemarkeerd onder het kopje Weergave & vormgeving.

Hier kun je de standaard huisstijl bewerken door op het pen-icoon te klikken, of een nieuwe huisstijl aanmaken door te kiezen voor Nieuwe huisstijl.

Huisstijlen-pagina in Plug&Pay met het standaard thema en de optie 'Nieuwe huisstijl' zichtbaar.

Huisstijl bewerken

Je kunt jouw huisstijl op verschillende manieren aanpassen. Hieronder een overzicht van de beschikbare opties, die je kunt vinden door te navigeren tussen de tabbladen. Rechts van de instellingen zie je een voorbeeldpagina, die jouw stijlkeuzes reflecteert.

Huisstijl: Kleuren

Kies hier de primaire, secundaire en achtergrondkleur voor jouw betaalpagina’s en landingspagina’s. De primaire kleur wordt gebruikt voor knoppen, waardoor we aanraden hiervoor een opvallende kleur te kiezen.

Huisstijl-editor in Plug&Pay met het tabblad 'Kleuren' geopend, met instellingen voor primaire kleur, secundaire kleur en achtergrondkleur.

Huisstijl: Typografie

Pas hier aan hoe jouw tekst wordt weergegeven voor je Paragraaf-tekst en Kop 1 tot en met Kop 4. Je kunt onder andere het lettertype, de lettergrootte en kleur aanpassen. De lettertypen zijn gelijk aan de Google fonts.

Huisstijl-editor in Plug&Pay met het tabblad 'Typografie' geopend, met instellingen voor paragraaf, kop 1, kop 2, kop 3 en kop 4.

Huisstijl: Knoppen

Binnen jouw landingspagina’s kun je vier soorten knoppen toevoegen: de primaire knop, secundaire knop, een omlijnde knop en een doorzichtige knop, zonder achtergrond of lijn. Pas hier het design van die knoppen aan.

Huisstijl-editor in Plug&Pay met het tabblad 'Knoppen' geopend, met voorbeelden van een primaire knop, secundaire knop, lijn knop en doorzichtige knop.

Huisstijl: Kaarten

Bovenaan deze opties wordt een voorbeeld van een kaart weergegeven, gebaseerd op jouw instellingen. Onder dit voorbeeld kun je de achtergrondkleur, randstijl, een schaduw en eventuele padding van jouw kaarten aanpassen.

Huisstijl-editor in Plug&Pay met het tabblad 'Kaarten' geopend, met instellingen voor achtergrond, rand, schaduw en padding.

Huisstijl: Afmeting content

Pas hier eventueel de breedte-marges van jouw content aan. We raden in het algemeen aan deze optie op de standaardwaarde (1170 pt.) te laten staan.

Huisstijl-editor in Plug&Pay met het tabblad 'Afmeting content' geopend, met een schuifregelaar voor de breedte ingesteld op 1170.

Na het bewerken van je huisstijl, kun je jouw wijzigingen opslaan middels de Opslaan-knop.


Huisstijl gebruiken

Je kunt jouw huisstijl inzetten voor betaal- en landingspagina’s. Hieronder lees je hoe je dit doet voor nieuwe en bestaande pagina’s.

Nieuwe betaalpagina

Met het aanmaken van een nieuwe betaalpagina vind je de Huisstijl-optie in de Algemeen-stap.

Aanmaakscherm voor een betaalpagina in Plug&Pay met het veld 'Huisstijl' ingesteld op 'Standaard thema'.

Bestaande betaalpagina

Om de huisstijl van een bestaande betaalpagina aan te passen, open je de instellingen van de pagina en navigeer je naar het Inhoud-tabblad. Daar pas je de huisstijl aan in het Weergave-blok.

Ontwerp-tabblad van een betaalpagina in Plug&Pay met de weergave-opties 'Huisstijl' en 'Aangepast', en de link 'Huisstijl aanpassen' zichtbaar onderaan.

Nieuwe landingspagina

In de eerste stap van het aanmaken van je landingspagina zie je de optie Huisstijl. Hier kun je jouw huisstijl selecteren.

Aanmaakscherm voor een landingspagina in Plug&Pay met het veld 'Huisstijl' ingesteld op 'Standaard thema'.

Bestaande landingspagina

Je kunt de huisstijl van je bestaande landingspagina wijzigen, door deze te openen en te navigeren naar Design. Hier vind je de optie Huisstijl selecteren.

Paginabewerker van een landingspagina in Plug&Pay met het huisstijlpaneel geopend, met de opties 'Huisstijl' en 'Aangepast' en de link 'Huisstijl aanpassen' zichtbaar.
Was dit een antwoord op uw vraag?