De Announcement Bar is een smalle strook over de volle breedte bovenaan of onderaan de pagina. Gebruik hem voor sitebrede berichten die zichtbaar moeten blijven zonder content te blokkeren — verzendaanbiedingen, uitverkopen, productnieuws of beleidsmeldingen. Elk onderdeel is te bewerken in de actie-editor: kleuren, tekst, knoppen, icoon, animatie en sluitgedrag.
Wanneer je hem gebruikt
- Promoties — “Zomeruitverkoop — 20% korting op alles.”
- Verzend- / aanbiedingsbanners — “Gratis verzending bij bestellingen boven €50.”
- Aankondigingen — een nieuwe functie, een nieuwe collectie of een belangrijke melding.
Aan een actie toevoegen
Maak of bewerk een pop-upactie, open de templatekiezer en kies Announcement Bar. De balk verschijnt in het voorbeeld in de editor, waar je op elk element kunt klikken om het een stijl te geven. De plaatsing (boven- of onderaan de pagina) stel je in bij de stap Locatie van de actie, niet in de template.
Instellingen
Stijl
- Preset — zes kleurenschema’s: clean, bold, soft, dark, glass, contrast.
- Background — effen (gebruikt de preset), een verloop, of een afbeelding met een overlay voor leesbaarheid.
- Corners — none, soft, round of pill.
- Spacing — krappe, normale of ruime tussenruimte tussen elementen.
- Alignment — links, midden, rechts of verdeeld.
- Width — boxed (gecentreerd, maximale breedte) of full (van rand tot rand).
- Entrance Animation — slide, fade of drop.
Inhoud
- Icon — kies een lettertype-icoon of een afbeelding uit de mediabibliotheek.
- Kop & beschrijving — de berichttekst, elk met een eigen CSS-veld.
- Buttons — een primaire knop en een optionele tweede knop, elk een klikdoel voor het meten van de CTR, met aandachtsanimaties (pulse, bounce, shake, glow, sheen).
Sluiten
- Close button — een ingebouwde X, of kies er een uit de bibliotheek.
- Close position — rechts, links of midden, los van de tekstuitlijning.
- Close visibility — altijd zichtbaar, of alleen bij hover.
Handige tips
- Houd de kop kort — de balk is op desktop één regel en stapelt op mobiel.
- Zet Width op full voor een vaste balk over de volle breedte; de balk beslaat op de live site de hele viewport en blijft in de builder te bewerken.
- Markeer de knop als klikdoel (standaard aan), zodat je de doorklikratio in rapporten kunt meten.
Verder lezen
- Pop-uptemplates voor websites — alle 16 templates, en hoe je het juiste formaat kiest.