Werken met pop-up elementen

Leer alles over het werken met pop-up elementen

Terug naar tutorials

Een pop-up element

Er zijn verschillende redenen waarom je een pop-up element zou gebruiken. Een pop-up neemt minder ruimte in op de pagina, zodat je ze kunt gebruiken om de content overzichtelijk te houden. Je kunt ook gebruik maken van pop-up elementen om verklarende inhoud aan te bieden, wanneer dat nodig is. En ga zo maar door.

Een voorbeeld. Je hebt een introductie van je verhaal gegeven in de vorm van tekst. Nu wil je een video aanbieden om het onderwerp tot leven te brengen.

Pop-up maken


Klik op het pop-up element  bovenaan de pagina. Het pop-up element wordt nu toegevoegd aan de pagina. Je kunt nu kiezen welk type element je wilt toevoegen aan de pop up door op een van de icoonjes te klikken. Kies bjivoorbeeld 'afbeelding'. Selecteer de afbeelding die je wilt gebruiken. 

Je ziet ook een klein pictogram van het element. Elk pop-up element heeft een eigen icoon. Dit icoon kun je vervangen door een eigen afbeelding. Dit kan in het eigenschappenpaneel. 

Wanneer je ergens anders in de editor klikt, verdwijnt de toegevoegde afbeelding en zie je alleen het kleine icoon. Klik weer op het icoon en de bijbehorende pop up wordt getoond. 


Je kunt ook een tooltip toe voegen aan het pop-up icoon, om de gebruiker van je content te laten weten dat er wat onder het icoon verborgen zit. De toopltip kun je in het eigenschappenpaneel instellen. Druk op het pictogram en typ je tooltip.