Between October and January many businesses have something to say that does not belong on the website for good: a closure between Christmas and New Year, shorter opening hours on Christmas Eve, gift vouchers, a limited-time offer or the deadline for Christmas party enquiries. A popup is the obvious tool, because it appears across the whole site and needs only a few settings. That is exactly what makes it tricky. A window that drops over the page before someone has found what they came for acts like a bouncer, and many visitors close it without reading a single sentence. This article answers four questions: Which occasions justify a notice popup in the first place? When is a slim banner at the bottom the better choice than a window in the centre? How do trigger and frequency work together so the same notice does not return on every page? And what does a text look like that has exactly one goal? What belongs on the first screen of the homepage in general is covered in the article on the first screen; this one is about the overlay itself and its settings.
When a notice popup helps
A popup is an overlay that sits on top of the actual page content.
Google distinguishes two forms in its documentation and describes them plainly: interstitials are overlays that cover the entire page, while dialogs only cover part of it (Google Search Central). For a business this is not a question of terminology but a decision about the visitor: a notice that covers the whole page demands an action before anyone can keep reading. A notice that takes up a strip lets people keep reading and offers an additional path. A popup makes sense when three conditions come together: the information is temporary, it concerns many visitors regardless of the page they land on, and there is a clear next destination the button can lead to. If one of the three is missing, the information belongs somewhere else. Anything permanent, such as regular opening hours, goes on the contact page and in the footer. Anything that concerns a single service goes on that service page. And anything that is not meant to prompt an action needs no button and usually no popup either. In the fourth quarter this filter mainly leaves three occasions:
Changed hours
A closure between Christmas and New Year, shorter hours on Christmas Eve or a bridge day. Anyone standing in front of a locked door on those days would have needed the notice, even if they arrived via a service page and did not see the homepage at all.
Offer or voucher
A limited-time offer, gift vouchers or a benefit for existing customers. The notice is only worth it if the deadline is real and the conditions are set out in full on the destination page.
Date with a deadline
An open day, the deadline for group bookings for Christmas parties or a cut-off date before the holidays. The button leads straight to the page where registration or enquiry is possible.
Just as important is the list of cases in which a popup does harm. In a review of problematic popups, the Nielsen Norman Group put forward a clear rule: a popup should only appear once the visitor has already gained something from the page (Nielsen Norman Group). A window that asks for an email address before the first sentence breaks exactly that rule. Anyone who wants to offer a newsletter will find the legally sound sign-up process in the article on double opt-in; it does not belong first on the page. Several overlays in a row, such as a consent prompt, an offer and a chat invitation, also add up to a barrier that makes the content disappear, especially on a phone. The same review advises showing no more than one popup at a time.
The popup is a signpost, not a notice board
Banner or a window in the centre
In XICflow the popup sits in the “Brand & design” area and shows its notice across the pages of the website; legal pages such as the imprint and privacy policy stay free of it.
The documentation describes it as “content only, no tracking, and visitors can close it at any time” (XICflow documentation). There are two display options: “Modal (centre)” and “Banner (bottom)” (XICflow documentation). The modal is a window in the middle of the screen with the page dimmed behind it. The banner is a strip along the bottom edge, above which the page stays readable. The individual setup steps are in the handbook section on the popup.
Google gives a clear direction for choosing between the two. Among the common mistakes to avoid with dialogs and interstitials, the first item is not to cover the entire page with interstitials (Google Search Central). Overlays required by law, such as an age check, are exempt. A holiday notice or a promotion does not fall into that category. For a notice that many visitors should see without having their path blocked, the banner is therefore the right form in most cases. The modal is reserved for exceptions where the visitor really needs the information first, for example when the business has moved and a wasted trip to the old address should be avoided.
Scroll table sideways
| Question | Modal (centre) | Banner (bottom) |
|---|---|---|
| What the visitor sees | A window in the centre, with the page dimmed behind it | A strip along the bottom edge, with the page still readable |
| What they have to do | Close it or follow the button before reading on | Nothing; they can keep reading and close the banner later |
| On a phone | The window fills a large part of the screen | The strip takes up the bottom edge, the content above stays visible |
| Suitable for | Rare, urgent notices that come before everything else | Holiday hours, offers, dates and vouchers |
| Typical risk | It is closed unread or felt as a barrier | It covers buttons or fields at the bottom of the screen |
Anyone thinking about search engines should weigh things correctly. Google's self-assessment for page experience asks whether your pages avoid using intrusive interstitials (Google Search Central). The same page makes clear, however, that apart from Core Web Vitals the other aspects of page experience do not directly lead to a higher ranking. The page on interstitials names a different route: intrusive overlays make it harder for search engines to understand the content, which can have a negative effect on search performance (Google Search Central). So a popup does not automatically cost positions in search results. It does cost visitors who leave after the first impression, and for a business that usually weighs more than a position in the result list.
A second, technical difference concerns the stability of the page. If a notice is pushed into the page content after loading, everything below it slides down, and anyone about to tap hits the wrong button. These shifts are measured by the Cumulative Layout Shift metric; a value of 0.1 or less counts as good (web.dev). For banners and similar overlays, the same source recommends either reserving space in advance or taking the element out of the document flow and overlaying it on the content (web.dev). The XICflow banner sits fixed at the bottom edge above the page instead of shifting it. The rule is still worth knowing for everything else that loads later: what sits on top of the content shifts nothing; what is inserted into the content does.
Choosing the right moment
Whether a popup gets in the way depends less on its size than on its timing.
XICflow offers four triggers for this: “Immediately”, “After a delay”, “On scroll” and “On exit”; with “After a delay” the delay is also set in seconds (XICflow documentation). Each trigger answers a different question. Does the visitor need to see the notice before doing anything else? Should they arrive and read the page first? Should only those who engage with the content see it? Or should it appear only when someone is about to leave? The table matches the four options to typical occasions.
Scroll table sideways
| Trigger | Fits | What to watch |
|---|---|---|
| Immediately | Rare mandatory notices and urgent changes, such as a new address | Appears before the visitor has read anything; unsuitable for advertising |
| After a delay | Holiday hours, changed opening hours, dates with a deadline | Short enough for the notice to be seen, long enough for the page to arrive first |
| On scroll | Offers and vouchers for visitors who engage with the content | Anyone just looking up the phone number may not see the notice |
| On exit | A last notice on a desktop computer, for example about vouchers | Reacts to mouse movement; on phones without a mouse the notice usually does not appear |
The “On exit” trigger deserves a second look. In XICflow it reacts when the mouse pointer leaves the browser window at the top, typically towards the address bar or a tab. On a phone there is no such movement. This trigger is therefore unsuitable for information that should reach every visitor: a holiday closure would miss exactly the people who check on their phone shortly before setting off. It works for a friendly parting note on a desktop, not for information someone has to rely on.
“Immediately” is the trigger with the greatest potential to annoy, because it intercepts visitors before they have seen whether they are even in the right place. The accessibility guidelines have a dedicated criterion for this at the highest level: interruptions should be possible to postpone or suppress by the user, except in emergencies (W3C, WCAG 2.2, success criterion 2.2.4). This AAA level is not mandatory for most websites, but it describes the attitude behind it well: a notice can hold back when it is not urgent. For most occasions, “After a delay” with a few seconds is therefore the calmer route. There is no fixed number for it; what matters is that the page heading can be read before something drops over it.
Setting the frequency
At least as important as the timing is how often the same notice appears. XICflow offers three levels: “Always”, “Once per session” and “Only once” (XICflow documentation).
With “Always” the website does not remember that the notice was closed, so it can reappear on every new visit. With “Once per session” it stays away after closing for as long as the session lasts. With “Only once” the visitor's browser remembers the closing permanently, until the browser storage is cleared. All that is stored is the fact that the notice was closed, and only in the visitor's own browser.
For holiday notices, “Once per session” is a sensible middle ground: someone who checks on Monday and returns on Thursday in a new session gets the information again, but is not held up every time while clicking through the service pages. “Only once” suits notices a visitor no longer needs after reading them, for example about a new online booking option. “Always” is rarely the right choice, because a visitor who closed the notice deliberately did not want to see it again. One detail helps with upkeep: if the title, text, button text or destination changes, the popup counts as a new notice and reappears even for visitors who closed the old version. Turning the holiday notice into a notice about the new year's programme in January therefore reaches everyone again.
- Closure and holiday hours: Banner (bottom), After a delay, Once per session, button to the opening hours
- Limited offer or vouchers: Banner (bottom), On scroll, Only once, button to the page with all conditions
- Deadline for registrations or group bookings: Banner (bottom), After a delay, Once per session, button to the form
- Move or changed directions in the first weeks: Modal (centre), Immediately, Only once, button to the directions
Your own popup no longer appears?
One sentence, one goal
The popup has four text fields: “Title”, “Text”, “Button text” and “Button target (URL)” (XICflow documentation). A notice needs no more than that, and usually less. The title says in a few words what it is about.
The text names the one date or the one condition the visitor needs to know. The button leads to the page with everything else and says with a verb what happens there: “See opening hours”, “Order a voucher”, “Request an appointment”. Packing two goals into one notice, such as holiday hours and vouchers, halves the attention for both. Restaurants that collect group enquiries in autumn point the button to a dedicated group page for Christmas parties, not to the homepage.
Title: Closed between Christmas and New Year
Text: We are closed from DD/MM to DD/MM. We will answer enquiries
sent via the form from DD/MM.
Button text: See opening hours
Button target: /contact/#hours
Title: Gift vouchers
Text: Vouchers are available as a PDF to print, valid for all
services. Order by DD/MM for delivery before the holidays.
Button text: Order a voucher
Button target: /vouchers/With promotions, the law joins the craft of writing, because a popup is advertising and subject to the same rules as the page behind it. In Germany, anyone announcing a price reduction for goods to consumers must state the lowest total price they applied within the 30 days before the reduction (Section 11 PAngV). The obligation attaches to every announcement of a reduction, including the one in the popup. How often this goes wrong is shown by a check by European consumer protection authorities around Black Friday and Cyber Monday: of 314 online traders checked, 30% referenced discounts incorrectly (European Commission). The general rules for prices and advertising claims on your own website are summarised in the article on pricing and advertising claims.
The law is just as strict on time pressure. The list of commercial practices that are always unfair includes falsely stating that an offer is only available for a very limited time in order to push consumers into an immediate decision (UWG, Annex No. 7). In the same check, 18% of traders used pressure-selling techniques such as countdown timers or scarcity claims, and more than half of these cases were misleading (European Commission). An earlier check had already found fake countdown timers on 42 of 399 online shops screened (European Commission 2023). A promotional notice therefore states the real end date and disappears once it has been reached. Anyone comparing their own offer with those of other providers will find the limits in the article on comparative advertising.
Limited means: with a real end
Closing with the keyboard and focus
Accessibility is not the focus of this article, but three principles belong to every popup.
First: anyone using a keyboard must be able to leave every overlay with the keyboard as well; the basic level of the guidelines already requires this (W3C, WCAG 2.2, success criterion 2.1.2). Second: for a modal window, the W3C pattern describes focus moving into the window when it opens and the Escape key closing it (W3C, ARIA Authoring Practices). Third: a banner fixed to the edge must not completely hide the element that currently has keyboard focus. The W3C explicitly cites a notification such as a cookie banner, which fails this criterion if it entirely obscures the focused element (W3C, WCAG 2.2, success criterion 2.4.11). If you also use motion on the page, the article on subtle animations shows how to keep it calm; whether a business falls under the German Accessibility Act is covered in the article on the BFSG.
- Go through the page with the notice open using only the Tab key: can you see where the focus is at all times?
- With the banner, tab to the end of the page: does a link or form field disappear completely behind the strip?
- With the modal, check whether the window can be closed with the keyboard and focus then moves on sensibly
- Tap the close icon on a phone: can you hit it without landing on the button next to it?
- Enlarge the text in the browser: do the text, button and close icon remain fully visible?
From draft to go-live
- Check the occasion: is the information temporary, important to many visitors and tied to a clear goal? Otherwise it belongs on a page.
- Prepare the destination page: opening hours, offer conditions or form are complete where the button leads.
- Write the text: one title, one sentence, one button with a verb.
- Choose the display: Banner (bottom) as the rule, Modal (centre) only for urgent exceptions.
- Set trigger and frequency and store them with “Save popup”.
- Publish: saved changes only appear on the website with the next publish.
- Check in a private window and on a phone, and go through once with the keyboard.
- Set the end: remove the “Active” tick on the day after the offer ends or after the holidays and publish again.
With XICflow this workflow sits in one area: text, display, trigger and frequency are in the Popup section under “Brand & design”, and changes made there only appear on the website with the next publish (XICflow documentation). Because the popup, according to the documentation, shows content only and contains no tracking, it adds no extra service to the page. Which blocks and design options are also available is shown in the overview of features. For the time between promotions, the article on keeping opening hours current remains the foundation, because a good notice points to a page that is correct.