Owner Admins and Admins change Branding. Nothing on the page goes live until you select Publish Changes.
Fill it in from your website
If you already have a website, let Petboost read it rather than uploading each asset by hand.
Open Branding.
Select Auto-fill from website.
In Auto-fill Brand Assets, type your Website URL and select Extract.
Tick the assets you want. Each is marked New or Will replace, and shows what it would replace.
Select Apply with the number of assets, such as Apply 3 Assets.
Select Publish Changes, tick the box in Before You Publish, then select Publish Changes.
The Auto-fill from website card only appears while at least one of your logo or hero background image slots is still empty.
Upload your logo and hero background image
Petboost uses four logo files: a square and a horizontal version, each as a PNG and as a scalable SVG. Smart upload makes all four from one image.
Open Branding.
Under Logo Suite, select Smart upload and upload one image. Petboost removes the background and makes the square and horizontal logos, each as a PNG and an SVG.
To upload or replace one file yourself, select Upload each format, then Upload SVG or Upload PNG under Square Logo or Horizontal Logo.
Under Hero Background Image, select Upload Hero Background Image.
Select Publish Changes, tick the box in Before You Publish, then select Publish Changes.
The square logo is for profile pictures, icons and map pins, at least 512×512 pixels. The horizontal logo is for headers, invoices and emails, at least 1000 pixels wide. A logo shows Set once it has both formats, and PNG only or SVG only until then. A suite that already has a logo opens on Upload each format. An empty suite opens on Smart upload.
Hero Background Image is the large photo across the top of your booking page and on marketing materials, with a 4:3 shape recommended. Upload a photograph of your premises, your team or a pet mid-service.
Set your brand colours
Four colours drive every branded surface.
Open Branding.
Under Colour Scheme, choose Primary Colour, Primary Button Colour, Secondary Colour and Secondary Button Colour.
If a colour shows Unsuitable, select Magic Match Closest to move it to the nearest colour that passes.
Select Publish Changes, tick the box in Before You Publish, then select Publish Changes.
Field | What it colours |
Primary Colour | Headings and accents on your booking page |
Primary Button Colour | The main booking button |
Secondary Colour | Supporting text and accents |
Secondary Button Colour | Secondary buttons |
Each picker shows Suitable or Unsuitable beside the colour, and Why? gives its contrast ratio. A ratio below 4.5:1 is hard for vision-impaired customers to read, so fix an Unsuitable colour before you publish it. Button text switches between white and dark by itself, whichever reads better.
A picker that says Default colour. Pick one to use your own. is showing Petboost's colour because you have not chosen one yet.
Choose your font
Brand Font searches the Google Fonts library, and Petboost loads the font you pick.
Open Branding.
Under Typography, open Brand Font and type a font name in Search Google Fonts....
Select the font. Preview shows your business name and a sample sentence in it.
Select Publish Changes, tick the box in Before You Publish, then select Publish Changes.
Petboost warns This font may cost you bookings when you pick a script or decorative font. Those fonts make booking cards, labels and contact details harder to read, which can mean fewer online bookings. Keep them for your logo. Default (Petboost font), at the top of the list, goes back to Petboost's font.
To use a font that is not on Google Fonts, open Advanced (enter a font manually) and fill in Font Family Name and Font URL, the stylesheet or font file.
Add your links and video
These fields feed your booking page.
Open Branding.
Under Social Media & Marketing, paste your Website URL, Facebook URL and Instagram URL.
Optional: paste a YouTube or Vimeo link under Video on your booking page.
Select Publish Changes, tick the box in Before You Publish, then select Publish Changes.
Website URL, Facebook URL and Instagram URL appear as links on your booking page. A website typed without
https://gets it added when you leave the fieldVideo on your booking page plays in your booking page hero, muted and on a loop. A YouTube or Vimeo badge shows once the link is recognised. Any other link shows Unable to detect video format. Please use a YouTube or Vimeo URL.
The Google Review URL is on Marketing & Tracking. It drives your Google reviews section and every review request you send.
Add photos to your booking page gallery
Photo Gallery holds up to 20 photographs for the gallery on your booking page.
Open Branding.
Switch on Advanced options at the foot of the page.
Under Photo Gallery, upload your photos, or select Choose from appointment photos to add shots your team has already taken on the job.
Select Publish Changes, tick the box in Before You Publish, then select Publish Changes.
Appointment photos need permission from the pet owners before they go on your public booking page.
Print a flyer or QR booking card
Print Materials makes print-ready PDFs in your colours, with your logo, and a QR code that opens your booking page.
Open Branding.
Under Print Materials, select Create a Flyer.
In Generate Printable Flyer, work through Customise, Services and Generate with Next.
Select Generate PDF.
A flyer carries your services. QR Booking Card, beside Create a Flyer, makes a card with a QR code that opens your booking page, in a light or dark style, for your front window, door or counter.
Marketing and tracking
Book Online on Google, the Google Review URL and Conversion Tracking are on Marketing & Tracking. See Conversion Tracking and Google Reviews.