Naar de hoofdinhoud

Blokken en elementen uitgelegd

Voeg blokken en elementen toe aan je landingspagina's

Nick van Dalen (o.o.o. t/m di 10 feb) avatar
Geschreven door Nick van Dalen (o.o.o. t/m di 10 feb)
Deze week bijgewerkt

Wat is een blok?

Blokken zijn de basis van de Plug&Pay landingspagina's. Elke pagina bestaat uit één of meerdere blokken.

Een blok is een sectie op je pagina die is opgebouwd uit rijen en kolommen. Hierin weergeef jij bepaalde elementen, zoals teksten, afbeeldingen, knoppen, titels, video's enz.


De opbouw van een blok

Blokken zijn opgebouwd volgens een hiërarchie. Het is handig dat je deze hiërarchie begrijpt als jij je blokken wit personaliseren. De hiërarchie van een blok is als volgt opgebouwd:

  1. Blok

  2. Rij

  3. Kolom

  4. Element (zoals: titel, tekst, knop etc.)

Wanneer je een blok selecteert, kan je aan de linkerkant de hiërarchie bekijken via het layout-icoon. Klik je op een onderdeel (bijv. Kolom), dan openen de instellingen van dit onderdeel.

Het verschil tussen een 'rij' en een 'kolom'

In ieder blok vind je één of meerdere rijen. Rijen worden altijd onder elkaar geplaatst, en je kan deze herkennen aan hun rode kleur.

In iedere rij vind je één of meerdere kolommen. Kolommen worden altijd naast elkaar geplaatst, en je kan deze herkennen aan hun gele kleur.


Een blok toevoegen

Onze pagina templates bevatten kant-en-klare blokken die als basis dienen voor je pagina. Daarnaast kan je bij het toevoegen van een nieuw blok ook kiezen uit verschillende blokken die wij alvast voor je hebben klaargezet.


Voeg een nieuw blok toe via het plusje linksboven door deze naar de gewenste plek te slepen:

Of klik op het blauwe plusje boven of onder een blok:

Je kan ook een leeg blok toevoegen als je los wil gaan in je eigen creativiteit ✨


Een blok bewerken

Selecteer je een blok, dan openen aan de linkerkant de instellingen van dit blok.


Blokken worden standaard op alle type apparaten getoond. Je kan blokken ook alleen zichtbaar maken op desktop of mobiel. Dit is belangrijk om je pagina te optimaliseren voor elk type bezoeker.

Via het verfpalet beheer je het uiterlijk van het blok. Hier bepaal je de kleur, hoogte en ruimte van het blok, en kan je scheidingslijnen en animaties toevoegen.

Klik je op een blok, dan kan je met deze knoppen het blok dupliceren, opslaan of verwijderen:


Een blok opslaan

Heb je het ideale blok gemaakt, en wil je deze vaker gebruiken op je website? Sla dit blok dan op voor hergebruik.


Selecteer je blok en klik op opslaan:


Kies vervolgens om het blok op te slaan als universeel blok of als blok template.

Een universeel blok is een blok wat op iedere pagina op je website hetzelfde is. Als je ergens een aanpassing maakt, dan is dat overal op je website te zien.

Een blok template is een blok die je kan toevoegen op elke pagina met een vaste indeling, net zoals de blokken die wij voor je gemaakt hebben.


Een element toevoegen

Net als dat je gemakkelijk blokken kunt toevoegen aan je landingspagina, kan je op dezelfde manier elementen toevoegen.

Kies een element en sleep deze naar de gewenste plek:

Wijzig de positie van een element door deze te verslepen naar de gewenste plek, of door op de pijltjes te klikken:

Selecteer je een element, dan openen aan de linkerkant de instellingen van dit element. Hier pas je de eigenschappen en het ontwerp van het element aan.


Klik je op een element, dan verschijnt deze balk. Met deze drie knoppen kan je tekst herschrijven met AI, het element dupliceren of het element verwijderen:

Was dit een antwoord op uw vraag?