Quick Answer
Upload the logo from the calendar’s Meeting Details tab
Open the calendar editor, select Meeting Details, upload an SVG, JPG, or GIF image that is no larger than 180 × 180 pixels and under 2.5 MB, choose the logo shape, save the calendar, and preview the booking page.
Adding Branding to Your Booking Page Without Layout Issues
You may want your booking page to reflect your brand, but it is not always clear how to add a logo without affecting how the page looks.
Calendar logos are part of the booking widget and help reinforce your branding across appointment pages.
If the logo size or format is not configured correctly, it may appear distorted, misaligned, blurry, or inconsistent across devices.
This guide explains how to upload and configure a calendar logo so it displays cleanly on your booking pages.
Calendar Logo Requirements at a Glance
Why Use a Custom Logo?
The booking widget can display a logo beside the calendar details. Adding your logo helps the booking page feel connected to the rest of your business.
- Reinforce your brand during the booking process.
- Help visitors recognize that they are booking with the correct business.
- Make the appointment page look more complete and professional.
- Create a consistent experience across your website, calendar, forms, and confirmation pages.
Before You Begin
Prepare the logo before opening the calendar editor.
- Use a high-resolution version of the logo.
- Confirm that the image is no larger than 180 × 180 pixels.
- Confirm that the file is under 2.5 MB.
- Save the logo as SVG, JPG, or GIF.
- Remove small text or details that may be unreadable at a small size.
- Use a transparent background when possible.
Use a simple logo design
Calendar logos appear in a relatively small area. A clean symbol or simplified logo usually remains more readable than a detailed design with small text.
How to Add a Logo to Your Calendar
Follow these steps to upload and display a logo on the calendar’s booking pages.
Open Calendar Settings
Open the Calendars area inside BizStackPro.
Calendars → Calendar SettingsEdit the Calendar
Find the calendar you want to update and select the Edit or pencil icon.
Open Meeting Details
Select the Meeting Details tab inside the calendar editor.
Upload the Logo
Select the upload option or drag and drop the logo into the designated upload area.
Supported formats include SVG, JPG, and GIF.
Confirm the Image Requirements
Make sure the logo is no larger than 180 × 180 pixels and is under 2.5 MB.
Choose the Logo Shape
Select the square or circular display option based on the logo design and the appearance you want.
Save the Calendar
Save the calendar settings so the logo is applied to the associated booking pages.
Preview the Booking Page
Open the public calendar link and confirm that the logo appears clearly and is aligned correctly.
Check the logo on multiple screen sizes
Preview the booking page on desktop and mobile to confirm that the logo remains clear, properly shaped, and correctly aligned.
Pro Tips
- Use a transparent background so the logo blends naturally with the booking widget.
- Avoid tiny text because it may become unreadable when the image is displayed at a small size.
- Use strong contrast so the logo remains visible against the widget background.
- Preview both the square and circle options before choosing the final shape.
- Create separate calendars when different services or brands need different logos.
- Keep a copy of the original logo file before resizing it for the calendar.
Troubleshooting Calendar Logo Problems
The logo looks blurry
Upload a higher-resolution version that still meets the 180 × 180 pixel and 2.5 MB requirements. Avoid enlarging a small image because that can cause visible pixelation.
The logo looks stretched or distorted
Use an image with balanced dimensions and preview both the square and circle display options.
The file will not upload
Confirm that the file is an SVG, JPG, or GIF, is under 2.5 MB, and does not exceed the supported image dimensions.
The logo is difficult to see
Check the contrast between the logo and the widget background. Consider using a transparent or alternate version of the logo.
The logo is missing from the booking page
Confirm that the calendar changes were saved and that you are viewing a booking page associated with the calendar you edited.
Frequently Asked Questions
Why is it important to use a high-resolution image for the logo?
Using a high-resolution image ensures the logo appears crisp and professional on the calendar widget, improving the user experience.
Can I add different logos for different calendars?
Yes. Each calendar can have its own unique logo by editing the calendars individually.
Where do I upload the logo?
Upload the logo in the Meeting Details tab when editing the calendar in Calendar Settings.
What if my logo doesn't look right?
Make sure the logo is no larger than 180 × 180 pixels, is under 2.5 MB, and uses SVG, JPG, or GIF format. Preview the widget to confirm that the logo displays correctly.
Will the customized logo show on all booking pages?
Yes. It will display across the booking pages associated with that calendar.
Related Help Guides
Need More Help?
Browse the Calendar help category for more branding, calendar customization, booking, and setup guides.
