← Back to blog

The Cookie Banner in Your Demo

August 25, 2026

Record a page and the first thing in shot is often a consent dialog covering a third of it, a chat bubble in the corner, and a bar announcing a webinar that happened last month.

None of them are part of your product, all of them are in your demo, and the first step is the one most people actually see.

Deal with it before recording, not after

  • Accept or dismiss the banner first, then start the recording. Obvious, and the most common thing forgotten.
  • Close chat widgets — an unread badge in a demo looks like a support queue nobody is answering.
  • Dismiss promo bars and announcements, which date a demo faster than anything else on the page.
  • Log in as the demo account, so no personal notification count is in the corner.

The ones that come back

Consent dialogs reappear in a fresh profile, so a demo recorded in a clean browser gets one every time — which is exactly the browser you should be recording in for everything else.

The practical answer is a dedicated browser profile you record in: consent accepted once, extensions off, bookmarks empty, logged into the demo account. Setting it up takes ten minutes and removes this problem permanently.

Fixing it after the fact

A banner already in a screenshot can be blurred, but blurring it draws more attention than the banner did. Re-recording that one step is usually faster than making the blur look deliberate.

On an HTML capture the element is genuinely still in the page, so removing it in the editor is clean rather than a patch over pixels — one of the few cases where the capture mode makes a real difference to a fix.

Why the first step matters more

Attention is highest on step one and falls from there. A first step that is half consent dialog spends the only moment where everyone is still watching on something that is not your product.

If you fix one thing in an existing demo, fix that step.

Frequently asked questions

How do you keep cookie banners out of a product demo?
Dismiss them before recording rather than editing them out afterwards, along with chat widgets and promo bars. A dedicated recording browser profile -- consent already accepted, extensions off, logged into the demo account -- removes the problem permanently.
Can you remove a banner from a demo after recording?
On a screenshot you can blur it, but a blur draws more attention than the banner did, so re-recording that step is usually faster. On an HTML capture the element is still in the page and can be removed cleanly in the editor.
Does it really matter?
On the first step, yes. Attention is highest there and falls from there, so a step that is half consent dialog spends the only moment everyone is still watching on something that is not your product.

Keep reading

This is what Demorta does

Click through it — the same kind of demo you can record of your own product.

Try it on your own product

Record your first interactive demo free.

Five demos on the free plan, forever. No credit card, no trial countdown, no sales call. Install the Chrome extension, click through your product once, and you have a shareable link in about ten minutes.

Start free →