GetMenu
HomePricingOur ClientsHelpCommunityAboutContactStart free trial

Home / Help / Design & appearance

Design & appearance

Page layouts, colour presets, fonts, photos, your logo, the closed page and your table QR cards.

Read the walkthrough script for this guide
  1. This is the Theme gallery. Two decisions live here: the LAYOUT — how your ordering page is arranged — and the PRESET, which is its colours, fonts and shapes.
  2. Thirteen layouts. Classic and Photo Hero are coloured by the presets below. The other eleven are designer templates that ship with their own fixed look — the badge on each card tells you which is which.
  3. Fifty-seven presets, each shown as a miniature of your own storefront. Search by mood — 'dark', 'pastel', 'majlis'. Tap Preview to open your real page in that preset without saving anything.
  4. Happy with it? Tap Apply. The storefront changes on the next refresh; your menu, prices and settings are untouched.
  5. Now Settings, Branding and logo. Upload a square logo, upload a wide header photo and crop it to the header's shape, with a phone preview of the top of your page, and paste a YouTube link for the Video Menu layout, which plays it muted at the top of the page. As soon as the link is in, the top of your page appears under it as a phone shows it, with the film playing, so you can check it before you save. The photo style, the body font and the Dish window, which is how a dish opens when a customer taps it, are on the Theme gallery page, with the layouts and presets. Headings keep the theme's own font, which is what stops a font swap from flattening a design.
  6. The accent picker at the bottom of that page recolours THIS admin panel, including the dashboard charts. Your customers never see it.
  7. Settings, Closed page. Three colours and one message for the screen customers get outside your hours — and a preview link that forces that view for signed-in staff only, so you can check it at lunchtime without closing.
  8. Remember what is underneath that message: your menu, greyed out and readable. Customers browse while you are shut, so pick colours that keep it legible.
  9. Last: Settings, Tables and QR ordering, QR design and print pack. Pick a colour pairing, write the caption, choose a card style, and decide whether your logo sits above the code.
  10. Watch the contrast number as you go — under four to one is refused when you save, because a code nobody can scan costs a whole print run to discover.

Step by step

Change how your ordering page looks

Two settings, in this order: the layout first, then the colours — because on eleven of the thirteen layouts the colours are already decided.

  1. Open the Theme gallery (/admin/themes).
  2. In the first section, 'Layout — your customer-facing ordering page', read the badge on each card: 'styled by presets' means Classic or Photo Hero; 'fixed design' means one of the ten designer templates.
  3. Press Apply on the layout you want. A 'Current' badge moves to it and your storefront changes.
  4. If you chose Classic or Photo Hero, scroll to 'Color presets'. If you chose a designer template, an amber notice tells you presets will not affect it — that notice is the answer, not an error.
  5. Use the search box to narrow the 57 presets by mood or cuisine.
  6. Press Preview on a card to open your real storefront in that preset in a new tab — nothing is saved.
  7. Press Apply on the preset you settled on, and refresh your storefront to confirm.

Upload your logo and set your photo style

Everything on this screen is one form except the logo, which uploads on its own.

  1. Go to Settings → Branding & logo.
  2. In the Logo section, press Choose a file (or drag the image onto the box) — PNG, JPG or WebP up to 2 MB, ideally 800×800 square. The picture, its name, size and dimensions appear so you can check it is the right file, then press Upload logo.
  3. When the page comes back, the Current logo card shows the new picture with its file name, size and today's date marked 'In use' — that is your confirmation. If the card still shows the old logo, the upload did not happen.
  4. If you use the Photo Hero or Video Menu layout, add a Header photo: the guide 'Add a header photo and crop it' below walks through the upload, the crop and the preview. Without one those layouts show a colour gradient instead.
  5. Press Save branding for the name, contact and photos. The logo upload and this form are separate: uploading a logo does not need this button.
  6. For the photo style, open Theme gallery (in the sidebar) and scroll to 'The look'. Pick Template default, Full color or Black & white. The ten designer templates use black & white photography by design, so 'Template default' looks mono on them.
  7. On the same Theme gallery page, under Storefront font, keep 'Use theme font (default)' or pick one of the twelve families — it changes body text only; headings keep the theme's font. Press Save the look.

Choose how a dish opens (the Dish window)

Two looks for the window a customer gets when they tap a dish. Classic is on for every restaurant unless you switch it; the Video Menu layout always uses the sheet.

  1. Open Theme gallery (in the sidebar) and scroll to 'The look'. The first section is Dish window.
  2. Pick Classic (default) to keep the window every layout has always used: the choices as a list and the Add button at the end.
  3. Pick Sheet for the bottom sheet: the dish slides up from the bottom with its photo on top, each choice group in its own card marked Required or Optional with how many to pick, a quantity pill, and an Add button that always shows the total. The button stays off, naming the first missing choice, until every required choice is made. After Add the sheet says 'Added, complete your meal' with your Goes great with dishes ready to tap in, and a Done button.
  4. Press Save the look. Customers get the new window on their next page load. Both looks put exactly the same thing in the order.
  5. On the Video Menu layout the sheet is always on, whatever this says. There, the row's Add button puts a dish straight into the order when there is nothing to choose and nothing to show first; a dish with choices, a Goes great with offer, a loyalty-card lock, a mystery item notice or an allergen declaration opens the sheet. Once a dish is in the order its button becomes a minus, count, plus counter.

Add a header photo and crop it

Upload any photo and choose the part to keep; you see the top of your page as a phone shows it before anything goes live.

  1. Go to Settings → Branding & logo and find Header photo.
  2. Press Choose a photo (or drag one onto the box): PNG, JPG or WebP, up to 10 MB.
  3. A frame in the header's shape (3 to 1) sits over the photo. Drag it to move it, drag a corner to make it bigger or smaller (the shape stays the same), or use the Zoom slider. Outside the frame the photo is dimmed, so you can see what is kept.
  4. As you move the frame, the phone preview above it shows the top of your page with that part of the photo, drawn the way your current layout draws it: Photo Hero's wide header, or Video Menu's picture under the film.
  5. Press Use this crop. Your device sizes it to 1600 by 533 pixels and uploads it, and the preview shows the uploaded photo.
  6. Press Save branding. Nothing changes on your page until you do.
  7. Already have a picture online? Open Header photo link (advanced) and paste its link; the same preview shows it. Use a picture 1600 by 533 pixels, a 3-to-1 crop.

Put a film at the top of your page (Video Menu)

The film stays on YouTube and plays from there. You paste its link; nothing is uploaded to us.

  1. Put the film on YouTube (public or unlisted) and copy its link: a watch link, a youtu.be link or a Shorts link.
  2. Go to Settings → Branding & logo and paste the link into Header video.
  3. Under the link, the top of your page appears as a phone shows it: the film playing muted over your header photo, your logo and your name card. A line above it names the film and its channel, so you can see it is the right one.
  4. If the film is upright, a note says so: the top of your page will show black sides on each edge. A wide film (16 by 9) fills it.
  5. Press Save branding. Nothing changes on your page until you do. The film plays only on the Video Menu layout; choose it on the Theme gallery if you have not.

Style the page customers see when you are closed

It appears automatically outside your working hours — there is no on/off switch for it.

  1. Go to Settings → Closed page.
  2. Fill Background colour, Text colour and Accent colour as hex values. Leaving one blank keeps your layout's own look — blank is a valid answer, not an unfinished one.
  3. Optionally write a Closed message (up to 120 characters) replacing 'We're closed right now'.
  4. Press Save closed-page appearance.
  5. Press 'Preview closed page ↗' — it forces the closed view for signed-in staff only, even while you are open. A customer on the same address still sees your normal menu.
  6. Check the menu below the message: customers can browse it greyed-out while you are shut, so your colours must leave it readable.

Design your table QR cards before printing

Everything here is rendered on our server, so the preview is exactly what prints.

  1. Go to Settings → Tables & QR ordering → QR design & print pack.
  2. Press one of the four colour presets — Classic black, Ink on cream, Deep green or Midnight — one press both chooses and saves it.
  3. Or set Code colour and Background yourself, then read the line underneath: 'Current contrast X:1'.
  4. Keep the code DARKER than its background and the contrast at 4:1 or better — anything less is refused when you save.
  5. Write the caption printed under the code (up to 60 characters; the default is 'Scan to order').
  6. Choose a card style: Plain, Card or Badge.
  7. Press Save design and check the Preview panel — it uses your first real table.
  8. Press 'Download the pack' for a ZIP containing qr-pack.pdf (one A4 page per table) plus an SVG and a 1200px PNG per table.

Settings → Branding & logo accepts only the SHORT link Google Maps makes with its Share button. The long link from the browser's address bar is hundreds of characters of tracking data and is refused.

  1. On a computer, open maps.google.com and search for your restaurant. Click it in the results so its panel opens on the left.
  2. In that panel, under the name and rating, press Share — the last button in the row with Directions, Save, Nearby and Send to phone.
    The Share button in the restaurant's panel on Google Maps
    The Share button in the restaurant's panel on Google Maps
  3. A Share box opens with a preview of your listing and a row of buttons. Press Copy Link. The link is short and starts with https://maps.app.goo.gl/ — that is the one.
    The Share box: Copy Link copies the short maps.app.goo.gl link
    The Share box: Copy Link copies the short maps.app.goo.gl link
  4. On a phone, in the Google Maps app: tap your restaurant, tap Share in the row of buttons under its name, then tap Copy (or Copy to clipboard). The link is the same short kind.
  5. In Get Menu go to Settings → Branding & logo, paste it into Google Maps URL (restaurant location) and press Save branding. A long address-bar link is refused with a message pointing back to these steps.
  6. The short link carries no coordinates. If you want your wallet card to appear when a customer is near you, also fill Coordinates under 'Locations & lock-screen triggers' (on this page, or on the Card design tab of Wallet & loyalty passes, which shows the same rows): in Google Maps right-click your restaurant's spot on the map and click the two numbers at the top of the menu to copy them, for example 25.2048, 55.2708.

The review request sent after delivery (Settings → Automations) carries this link, and it only goes out when the field is filled. The link comes from your Google Business Profile — Get Menu cannot make it for you.

  1. On a computer, sign in to Google with the account that manages your business and search your business name on Google, or open business.google.com. Your Business Profile panel appears.
  2. Press Read reviews, then Get more reviews.
  3. Press Copy. The link looks like https://g.page/r/…/review. (The same screen offers a QR code — right-click it and Save image as… if you want it for a table card.)
  4. On a phone, in the Google Maps app: tap your profile picture, tap Your Business Profile, then Get more reviews, and share or copy the link from there. Google changes these labels from time to time; the words are 'reviews' and 'get more' in every version.
  5. In Get Menu go to Settings → Branding & logo, paste it into Google review URL (sent after delivery) and press Save branding.
  6. Open Settings → Automations and check 'Ask for a Google review' is on. While the URL field is empty that switch shows a warning and sends nothing — filling the field is what makes it live.

Common questions

Where do I change my page's colours?

The Theme gallery. Its lower half is 57 colour presets, each drawn as a miniature of your own storefront — pick one and press Apply. A preset is a complete set: colours, heading and body fonts, corner shapes, card and button styles, not just a palette.

What is the difference between a layout and a preset?

The layout is how your ordering page is ARRANGED — photo grid, text column, tabs, category rail. The preset is what it LOOKS like — colours, fonts and shapes. You pick a layout in the top section of the Theme gallery and a preset in the lower one.

I applied a colour preset and my page didn't change — why?

You are almost certainly on one of the eleven designer templates. Colour presets style only the Classic and Photo Hero layouts; the eleven templates ship with their own fixed design. The gallery shows an amber notice saying exactly this when your current layout is one of them, and each layout card carries a badge reading 'styled by presets' or 'fixed design'.

Which page layouts can I choose from?

Thirteen. Classic and Photo Hero are the two that presets colour. The other eleven are designer templates: Tabs, Bistro List, Photo Tiles, Poster Hero, Dense Grid, Category Rail, Menu Board, Carousels, App Column, Anunzio One and Video Menu. Video Menu plays the YouTube link from Settings, Branding and logo at the top of the page, muted and looping. Each card in the gallery describes what it is built for.

Can I see a design on my real menu before I commit to it?

Yes — every preset card has a Preview button that opens your actual storefront, your items and prices, rendered in that preset in a new tab. Nothing is saved until you press Apply, and the preview deliberately shows the live stored version rather than a cached copy.

Does changing my theme affect my menu or my orders?

No. Applying a layout or preset changes appearance only — items, prices, settings, past orders and customers are untouched, and you can change back any time. The change is recorded in the change log with who made it.

How fast does a design change reach my customers?

On their next page load. Applying clears the cached copy of your restaurant's configuration on the spot rather than waiting for it to expire.

I can change the layout in two different places — which one wins?

They are the same setting: the Theme gallery's layout cards and the 'Storefront layout' section under Settings → Ordering rules both write the same value, so whichever you touched last is what customers see.

Can I change the font?

Yes, on the Theme gallery page under The look → Storefront font. Keep 'Use theme font (default)' to follow the preset, or pick one of twelve families. It overrides your BODY text only — headings keep the theme's own font, which is what stops a font swap from flattening a design.

Which fonts support Arabic?

Three of the twelve are marked '· Arabic' in the picker: Cairo, Almarai and Rubik. Today's storefront is English; choosing one of these now means the font will not have to change when Arabic arrives.

Why are my photos black and white?

Your photo style is 'Template default' and you are on one of the ten designer templates — black & white photography is part of their design. Set Photo style to 'Full color' on the Theme gallery page (under The look) to force colour on any layout; 'Black & white' forces mono everywhere.

What size should my logo be?

Square — PNG, JPG or WebP up to 2 MB, ideally 800×800. It appears on your storefront, order pages and this admin panel. An advanced 'Logo URL' field exists if your image is already hosted somewhere.

How do I know my logo upload worked?

The Current logo card on Settings → Branding & logo shows the picture that is live, with its file name, size and the day it was uploaded, marked 'In use'. Before you press Upload logo the chosen file is shown with its name and dimensions so you can check it is the right one; the button is greyed out until a file is chosen.

Can I upload a video for the Video Menu layout?

No, on purpose: the film stays on YouTube and plays from there, so you paste its YouTube link (a watch, youtu.be or Shorts link) into Header video on Settings → Branding & logo. Any other kind of link is refused. As soon as the link is in, the top of your page appears under it at phone width with the film playing, its name and its channel, so you can check it before you press Save branding.

Why does my film have black sides at the top of the page?

The film is upright, filmed with the phone held straight or made as a Short. The Video Menu hero is wider than it is tall, so an upright film sits in the middle with black on each side. The preview on Settings → Branding & logo says so under the film; a wide film (16 by 9) fills the hero.

What is the header photo for?

The Photo Hero layout puts it full-width across the top of your page, and the Video Menu layout shows it while your film loads (or on its own when no film is set). Photo Tiles shows it as a strip on the order and closed pages; the other layouts do not use it. Upload it on Settings → Branding & logo and crop it to the 3-to-1 shape there; it is sized to 1600 by 533 pixels, and a phone preview shows it as your current layout draws it before you save. Without one, those layouts fall back to a gradient in your theme's colours.

What is the Dish window setting?

How a dish opens when a customer taps it. Classic is the window every layout has always used. Sheet is a bottom sheet with the photo on top, each choice group in its own card (Required or Optional, and how many to pick), a quantity pill and an Add button that always shows the total; after Add it offers your Goes great with dishes under 'Added, complete your meal'. It is on Theme gallery → The look → Dish window, Classic by default, and both looks put exactly the same thing in the order.

I chose Classic but the Video Menu layout still shows the sheet. Why?

By design: the Video Menu layout always opens a dish in the sheet, whatever the Dish window setting says. The setting is for the other twelve layouts.

On the Video Menu layout, why do some dishes go into the order at once and others open the sheet?

The row's Add button skips the sheet only when there is nothing to choose and nothing the customer must see first: no choice groups, no Goes great with offer or pairing, no loyalty-card lock, no mystery item notice, no allergen declaration, and room left in stock. Any of those opens the sheet. Once a dish is in the order its button turns into a counter: minus takes one off the most recent line of that dish, plus adds one more with the same choices.

Can I change the colour of the admin panel itself?

Yes — Theme gallery → The look → Admin panel accent. It recolours the buttons, links, highlights and dashboard charts of YOUR panel only; the customer-facing storefront keeps its theme, so this is purely for your own eyes.

How do I style the 'we're closed' page?

Settings → Closed page: background, text and accent colours as hex values, plus an optional message up to 120 characters. Leave a colour blank to keep your layout's default. The page appears automatically outside working hours — nothing to switch on.

Can I check my closed page while I'm open?

Yes — the 'Preview closed page ↗' link forces the closed view for signed-in staff only. A customer opening the same address while you are trading still sees your menu and can still order.

What do customers see on the closed page?

Your message, when you next open, and your menu below it — greyed out and read-only, so they can browse but not add. Pick colours that keep that menu readable.

Why was my QR colour choice rejected?

A phone camera would struggle with it: the code must be darker than its background and the pair must differ by at least 4:1 — the page shows your current contrast live. Refused at save time beats discovered after a print run.

What are the three QR card styles?

Plain is the code and caption alone. Card is a bordered card with your restaurant name on top and the table number below. Badge puts the table number in a filled pill — the easiest to read from across a room.

Can I put my logo on the QR card?

Yes — tick 'Show my logo above the code' in the QR designer. On the Card and Badge styles your uploaded logo sits at the top like a letterhead, structurally above the code so it can never cover it or hurt scanning; the bare-code style has no letterhead by design. The A4 PDF carries a PNG or JPG logo; a WebP logo shows on the preview and the SVG files, and the designer says so when that applies. No logo uploaded yet? Add one under Settings → Branding & logo first.

Do the colour presets guarantee my page is readable?

Each preset is a deliberately matched set — background, surface, text, muted text and button colours chosen together — so applying one never leaves grey text on a grey card. The colours YOU choose freely (closed page, QR card) are the ones to check, and the QR designer checks its own for you.