De Full-Screen Overlay (of welcome mat) neemt de hele viewport over. Gebruik hem voor lanceringen, seizoenscampagnes, welkomsten bij het eerste bezoek of elk moment dat de volle aandacht van de bezoeker verdient. Kies een achtergrond in een kleur, een verloop of een afbeelding tot aan de rand, voeg een optioneel CSS-vormpatroon toe, en plaats de inhoud waar je wilt.
Wanneer je hem gebruikt
- Lanceringen en campagnes — een gedurfde boodschap die niemand mist.
- Welcome mats — begroet bezoekers die voor het eerst komen.
- Overnames voor seizoenen of evenementen.
Aan een actie toevoegen
Kies in een pop-upactie Full-Screen Overlay. Toon hem als overlay over het volledige scherm via de stap Locatie van de actie. Hij bedekt op de live site het hele scherm en blijft in de builder te bewerken.
Instellingen
Achtergrond & indeling
- Background — afbeelding (tot aan de rand, met scrim), verloop of effen presetkleur.
- Shape Decoration — subtiele CSS-patronen: blobs, dots, grid, rings, diagonal of corner circles.
- Content Position — gecentreerd, onderaan verankerd, of gesplitst naast een zijafbeelding.
- Text Align — midden of links.
Inhoud
- Bovenlabel, titel, tekst — elk met een eigen CSS.
- Buttons — primair plus optioneel secundair, met aandachtsanimaties.
- Entrance Animation — fade, zoom of up.
- Side Image — getoond in de gesplitste indeling; zet het uit voor een effen kleurvlak.
- Close — ingebouwde knop of knop uit de bibliotheek, altijd of bij hover.
Handige tips
- Zet Background voor een kleur- of verloopachtergrond op iets anders dan image en voeg een Shape toe voor diepte.
- Gebruik de gesplitste indeling met een zijafbeelding voor de lancering van een product of lifestylecollectie.
Verder lezen
- Pop-uptemplates voor websites — alle 16 templates, en hoe je het juiste formaat kiest.