How to Embed a Banner on Your Cafe Website (and What It Actually Does)

If your cafe already has a website, an embed banner is the smallest possible way to put the "we have games at our tables" story on it. You copy an iframe, you paste it into a page, done. This article is about exactly that — the embed banner for your website, what it shows, and the one thing it is actually for.

Let's be honest up front, because that matters more than a sales pitch: this banner is a Kafedeyim promo banner. A game marquee and a call to action. It is not your menu, and it is not your gift wheel. It doesn't know your prices or your opening hours. Its real job is to carry your ?ref= slug so that any table started from your website gets attributed to your venue.

Where you get the code

Inside your owner panel, the Marketing tab has the same kit you use for posters and Instagram assets — and at the bottom of it, the website embed code. It is a plain iframe banner pointing at /embed?ref=your-slug&theme=light|dark.

Two knobs, that's it:

• ref — your venue slug, filled in for you. This is the attribution part.
• theme — light or dark, so the banner doesn't fight your site.

The embed code is free on every plan — you do not need Pro to use it. Copy, paste, refresh.

Three sizes, and where each one belongs

The generator gives you three shapes, and they map to fairly obvious spots on a page:

• Leaderboard, 728×90 — a wide, short strip. It lives well directly under your header or just above the footer on a desktop-first site. Not in the middle of your menu.
• Rectangle, 300×250 — the classic sidebar block. If your site has a right rail with "Follow us" and opening hours, this sits next to them comfortably.
• Responsive, 100%×260 — full width of whatever container you drop it into, 260px tall. This is the one most modern cafe sites want, because most cafe sites are single-column and read on a phone.

If you're on WordPress, paste it into a Custom HTML block. On Wix, use the Embed HTML element. On a hand-built site, it's just an <iframe> tag in your markup. Nothing exotic is happening here.

The honest version of what it's for

Here is the mental model that keeps expectations sane, because a cafe website widget can promise a lot and deliver very little.

Your real venue home is your public page at /k/your-slug — that's where your menu, your Wi-Fi card with its auto-join QR, your links and your games grid live. (Take a look at /k/demo if you want to see a fully set-up one.) That page is the destination. The embed banner is a signpost on your own website pointing at it, and the signpost quietly writes your name on every table that comes through.

Why the attribution matters: your dashboard shows tables created this month and menu views this month for free. When someone lands on your site, sees the banner, taps through and starts a round of Taboo with their friends, that table counts as yours. Without the ?ref=, it's just an anonymous table somewhere on the internet. With it, you can actually tell whether your website is doing anything for you.

And be realistic about scale: a banner on a cafe website is a slow drip, not a firehose. The QR posters on your tables will always do more work than a strip on a page most people visit once to check if you're open on Sunday. But it costs you thirty seconds and it makes your site say something true about your place.

A sensible setup, in order

1. Put the responsive banner near the bottom of your homepage or on your "About" page.
2. Add a one-line sentence of your own above it — something like "Free party games at every table, no app needed." The banner is generic; your voice isn't.
3. Pick theme=dark if your site is dark. It's a small thing that stops it looking bolted on.
4. Check it on your phone. Everything gets checked on a phone.

One thing worth repeating: don't use the banner where your menu should be. Guests looking for prices need your venue page — like this one — not a promo strip. Different jobs.

If you want more visuals

The same Marketing tab hands you four PNG formats (QR card, Instagram post, A5 poster, Instagram Story) in three styles — brand, dark and mono — all rendered in your browser, all free. And the media kit has per-game promo cards if you want to post about a specific game rather than the platform.

Get your slug

You can't embed anything without a ?ref=, and you get one the moment you register. Registration is free, there's no credit card and no password — just an email code. Your venue gets a permanent address at /k/your-slug that never changes, which is precisely why printed QR codes and pasted iframes keep working years later.

Start here: set your venue up on Kafedeyim. It takes less time than making a flat white.