> ## Documentation Index
> Fetch the complete documentation index at: https://docs.tikk.chat/llms.txt
> Use this file to discover all available pages before exploring further.

# Edit the classic booking page

> Your photo, a short introduction, the view visitors land on and the two colours the page is painted in. All edited on the page itself.

The classic page is the booking page itself: your photo, a line about what you do and a calendar beside it. Visitors pick a time and book, with nothing in between.

It's always on. Even with [website mode](/guides/website-mode) switched on in front of it, this is what visitors reach when they click through to book.

Open **Website → Edit classic page**.

## Editing on the page

Like the website editor, you're looking at the real page rather than a preview. Click something and change it.

| What                       | Notes                                                                      |
| -------------------------- | -------------------------------------------------------------------------- |
| **Your photo**             | Click to replace or clear it. JPG, PNG or WebP, up to 2MB.                 |
| **Your logo**              | Sits in place of the Tikk logo. JPG, PNG, WebP or SVG, up to 2MB. **Pro**. |
| **A line above your card** | An optional headline or quote above the booking card.                      |
| **What you do**            | Your title, beside your name. Up to 70 characters.                         |
| **A short introduction**   | A couple of sentences under it.                                            |
| **Photo shape**            | A slider between six shapes, square through to a full circle. **Pro**.     |

What isn't here is deliberate. Prices, durations and location belong to a **service**; the hours you're open belong to **Availability**; your name and email belong to **Settings**. The editor says as much, with links.

## Booking view

How visitors pick a time:

| View       | What it does                                                    | Plan |
| ---------- | --------------------------------------------------------------- | ---- |
| **Month**  | A calendar. Pick a date, then a time.                           | Free |
| **Day**    | One day at a time, times listed in full.                        | Pro  |
| **Agenda** | The next open times as a straight list, no date picking at all. | Pro  |

<Tip>
  **Agenda** converts well when you have plenty of availability. It removes a step by never asking the visitor to choose a date. **Month** reads better when you're booked out and want people to see the shape of your week.
</Tip>

## Colours

The classic page follows whichever theme you picked in the [website editor](/guides/website-mode#themes), because you have one brand rather than one per mode. It has no theme picker of its own.

What it does have is a two-tone override: the **ground** behind the card and the **highlight** on buttons and the selected day. Set them from a swatch, or pick a ready-made pair:

| Palette      | What it changes                                     |
| ------------ | --------------------------------------------------- |
| **Midnight** | Ground and highlight                                |
| **Sage**     | Ground and highlight                                |
| **Peony**    | Ground and highlight                                |
| **Slate**    | Ground and highlight                                |
| **Lantern**  | Ground and highlight                                |
| **Cobalt**   | Highlight only. Ground stays as the theme paints it |
| **Emerald**  | Highlight only                                      |
| **Violet**   | Highlight only                                      |

The last three sit on top of any theme without fighting it, which makes them the safe choice when you like the theme's ground and only want the buttons to match your brand.

Colours are **free**, on both modes.

<Note>
  If you've never opened the new editor, your page keeps the accent, background and avatar shape you set under the old branding form. Nothing moves until you change it.
</Note>

## What's Pro

* Custom logo
* Photo shape
* Day and Agenda views
* Removing the Tikk badge *(set on the Website hub, since it applies to both modes)*

All of these are editable on Free and saved as a draft, publishing the moment you upgrade. See [Plans](/billing/plans).

<Card title="Put a website in front of it" icon="layout-template" href="/guides/website-mode">
  Add a landing page with a hero, your story, testimonials and an FAQ.
</Card>
