company logo

Help center

Aller sur Gleap
Privacy policyDocs
Powered by
Toutes les collectionsReach out firstCampaignsShow a banner in your product

Show a banner in your product

A notice that's visible without blocking — floating or inline, dismissible or not.

Tobi Duelli·10 octobre 2026

A banner is the middle setting between saying nothing and stopping everything. It's visible while people carry on working, which makes it right for maintenance windows, expiring trials and anything true for a while and then not.

Floating or inline

A floating banner sits over your interface; an inline one takes its place in the page and pushes the content down.

Inline is the safer choice in a dense application. A floating banner is more noticeable and can end up covering something — a toolbar, a control at the top of a table — which is fine for a day and irritating for a week.

Dismissible or not

You choose whether to show a dismiss button. Leave it on for anything informational — a banner someone can't get rid of is a banner they resent.

The case for leaving it off is narrow: something they genuinely need to keep seeing, like an expired payment method blocking their account. And even then, dismissing it once and having it return the next day is usually better than never letting it go.

Give it something to do

A banner can carry an action — opening a URL, optionally in a new tab, or triggering something in your own product through a named custom action.

The custom action is the better one where it applies: sending someone to the right screen inside your app beats sending them to a page about the screen.

You can also show the sender, which puts a face on it, and set the text alignment. For heavier customisation there's a custom CSS field.

Write it short

A banner is read in passing, so it has to work in one line. Say what's happening and what to do: “Scheduled maintenance Sunday 02:00–06:00 UTC” works; two sentences of context don't get read at all.

warning icon
Give every banner an end date when you create it. A stale banner is worse than none — it announces that nobody is maintaining the product, and it teaches customers to ignore the next one.

Where it appears

Limit it to the pages where it's relevant. A notice about export problems belongs on the export screen, not on every page — and a banner shown everywhere is the fastest way to make people stop seeing banners.

Cette réponse vous a-t-elle aidé ?
😞
😐
😁