De Center Modal is een gecentreerde pop-up met een donkere overlay erachter. Hij biedt vier indelingen voor de afbeelding in één template, zodat je een aanbod of aankondiging kunt tonen met de afbeelding precies waar je die wilt. Op mobiel kan de afbeelding boven de tekst gaan staan of helemaal verdwijnen.
Wanneer je hem gebruikt
- Promoties en aanbiedingen met ruimte voor een afbeelding en twee knoppen.
- Aankondigingen van functies of producten.
- Alles wat baat heeft bij een gericht, gecentreerd moment.
Aan een actie toevoegen
Kies in een pop-upactie Center Modal in de templatekiezer. De overlay en het centreren komen uit de stap Locatie van de actie; de template is de kaart zelf.
Indelingen voor de afbeelding
- Image left / Image right — afbeelding naast de tekst.
- Image top — een hero-afbeelding boven de tekst.
- Image full — een afbeelding tot aan de rand met de tekst eroverheen op een verloop.
Instellingen
- Preset — light, dark, brand, accent.
- Corners, Entrance Animation (animaties pop, fade, slide).
- Image — bibliotheekkiezer, instelling voor de passing, en een optie On Mobile (afbeelding naar boven verplaatsen of verbergen).
- Text — bovenlabel, titel, tekst, elk met een eigen CSS.
- Buttons — primair plus optioneel secundair, met aandachtsanimaties.
- Close — ingebouwde knop of knop uit de bibliotheek, altijd of bij hover.
Handige tips
- Gebruik Image full voor een gedurfd aanbod dat op de afbeelding leunt; gebruik Image left/right als de tekst centraal staat.
- Stel het gedrag van de afbeelding op mobiel in, zodat de modal op kleine schermen strak blijft.
Verder lezen
- Pop-uptemplates voor websites — alle 16 templates, en hoe je het juiste formaat kiest.