The look of your booking page is often the first impression your guests get. Bokko lets you customize both the business details shown to guests and the dedicated booking-page branding settings.
What can you customize?
| Element | Where to set it |
|---|---|
| Business name, address, phone | Business details |
| Logo | Branding → Brand |
| Accent colour | Branding → Brand |
| Font style | Branding → Brand |
| Shape (corner rounding) | Branding → Look |
| Surfaces (card style) | Branding → Look |
| Cover photo | Branding → Cover |
| About your business (longer text) | Branding → About |
| Gallery | Branding → Gallery & social |
| Social links | Branding → Gallery & social |
| Section visibility, Bokko badge | Branding → Page content |
Brand, look and cover
- Accent colour — used on buttons, links and highlights while guests book.
- Cover photo — a wide banner at the top of your booking page. Recommended size 1200×340 px (landscape), maximum 5 MB. You can adjust the crop position and reset it.
- Font style — Default, Modern / clean, Classic / elegant or Technical / character.
- Shape — Rounded, Soft or Square corners.
- Surfaces — Clean, Soft or Contrast card style.
- 1. Font style
- 2. Accent colour
- 1. Shape
- 2. Surfaces
About, gallery and social
- About your business — a longer introduction in the main column of your booking page: your story, your approach, the character of the place. Leave it empty to omit the section.
- Gallery — images on your booking page. How many are publicly visible depends on your plan: Starter 5, Pro 12. Images above the limit are kept but not shown to guests.
- Social links — Instagram, Facebook, TikTok, YouTube or your website, up to 5 links.
Page content: what guests see
Under Section visibility you can switch nine sections on and off individually: About us, Address, Phone, Email address, Opening hours, Map, Offers, Social links and Staff.
- 1. Tip: photo or bio
- 2. Warning: missing data
Logo recommendations
- Both square and landscape logos work — Bokko keeps the original proportions and transparency and does not crop it into a circle
- At least 512 px on the longer side
- PNG or WebP recommended
- Keep the file size under 2 MB
Branding during setup
The Branding phase of setup (Setup menu) gives you the same settings in place: you set the colour, font and intro, and toggle section visibility here too. The Detailed settings link takes you to the Branding page (logo, cover image, gallery, shapes).
You close the phase with Preview and finish: your booking page opens in a full-screen preview, where Looks good, done confirms your branding (Keep editing takes you back). If saving fails, the phase is not marked confirmed — try again. There is no separate branding wizard screen.
Live preview while you edit
- Open the Branding screen. On a wide display the live preview sits NEXT TO the editor throughout — there is nothing separate to open.
- While you edit, the preview also shows unsaved changes, so you see the effect immediately. Guests only see the change on your booking page after you click Save.
- Use the Desktop / Mobile switch to change viewport. The same page loads at a different width — the mobile layout is not the desktop one squeezed.
- On a narrow dashboard the preview does not fit beside the editor; there the Preview button opens it full screen.