Skip to main content

Adding the Calendar to Your Website

Put the booking flow on your own site

Instead of sending visitors to an external link, you can add a Calendar page directly inside your Vsble website. It looks and feels like the rest of your site — same colors, same fonts, same header.

Screenshot coming soon

Add a Calendar page

  1. Open your website in the Builder.

  2. In the page list (left sidebar), click + Add page.

  3. Choose Calendar from the page-type menu.

  4. Give the page a name (e.g. "Book a call") — this is what shows up in your navigation.

Pick which Event Types to show

Open the new Calendar page. In the right-hand settings panel you will see a list of all Event Types from your Calendar account. Toggle the ones you want to display on this page:

  • Tick all — visitors see a list and pick.

  • Tick just one — visitors land straight on that event’s booking calendar.

Changes save automatically when you click Save in the builder.

How it looks

  • Header, footer and navigation come from your website — not from the standalone booking page.

  • Fonts and colors follow your design.

  • On mobile, the calendar adapts to a single column.

Tips

  • You can link the page from a button anywhere on your site — for example a "Book now" button on your home page.

  • If you add or remove Event Types in the Calendar dashboard later, just re-open the page in the builder and tick / un-tick them — no need to recreate the page.

Did this answer your question?