Branding: set the colours of your online booking page
Turn the button and accent colours of your online booking page into your brand colours: pick a primary and a secondary colour, check them in the preview and save — and go back to Piyzi's standard colours whenever you like.
Last updated: 7 October 2026
Branding turns the button and accent colours of the online booking page your customers see (every section of your business page) into your brand colours, so your booking page looks like a continuation of your website and social media.
This setting does not change the look of the management panel. The panel's light/dark theme is set under Theme in the profile menu at the top right; the colours here apply only to the pages your customers see.
Opening the screen
- 1Open the Settings page
In the left menu, click My Business → Settings. The page that opens is titled “Company Settings”.
- 2Click the Branding card
The card is in the Appointment Settings section of the page, next to the Resources card. Branding opens as a panel from the right; closing it takes you back to the Settings page.
You can also reach it while working on appointment settings: when you open the Business Hours, Holidays, Risk Management, Appointment Settings or Resources card, the palette icon at the bottom of the vertical strip on the left of the window (it shows “Branding” on hover) opens the same screen.
The Branding card is visible to everyone on the Settings page, but opening the screen requires the “Şirket profil ayarlarını güncelleyebilir” (update company profile settings) permission in your role. Without it, an “Access Denied” page opens. The business owner always has access; the owner or the person who manages roles can grant the permission under My Business → Settings → Roles & Permissions.
Setting the colours
- 1Pick the primary colour
Click the colour box in the “Primary Color” row and choose from the palette, or type the hex code in the field next to it. The primary colour is used for main buttons (for example “Book Appointment”) and accents.
- 2Pick the secondary colour
Do the same for “Secondary Color”. The secondary colour is used for links and secondary accents.
- 3Check the preview
The “Preview” section on the right shows how the colours will look on your page; it updates as you make changes.
- 4Save
Click Save. The “Company updated.” message confirms that the colours are saved; refresh your online booking page to see them.
A colour code is a six-character hex code preceded by a hash (#), for example #1B84FF. If you enter an invalid value, “Enter a valid hex color (e.g. #1B84FF).” appears under the field and the Save button stays disabled.
You can take your brand colour's hex code from your logo's design file or from your website's colour code. If you pick a light colour such as yellow, the text on the buttons switches to a dark colour automatically; still check readability in the preview.
What am I seeing in the preview?
The preview is a small sample of the elements on the real page: a main button (“Book Appointment”) and a status badge (“Open”) in the primary colour, and a second button (“View Details”) and a link (“View All”) in the secondary colour. Use it to check colour harmony before saving.
Going back to the standard colours
If you have never saved any colours, the fields show Piyzi's standard colours (primary #001D4F navy, secondary #0066CC blue) and your page opens in these colours. To drop your own colours, click Reset to Default: the standard colours are put back into the fields.
Reset to Default does not save on its own. Click Save afterwards for your page to return to the standard colours; if you close the panel without saving, your saved colours stay as they were.
Where else are the colours used?
Your PiLink page (link page) also uses the saved primary colour for its buttons and accents; the secondary colour is not used on PiLink. If you have never saved any colours, PiLink opens in its own standard blue; the navy you save with Reset to Default is used on PiLink too. You choose the PiLink page background separately in the Appearance section of the PiLink editing screen.
Branding can only be set from the web panel; the mobile app has no such screen.