Skip to main content
Booking pages are how contacts access your calendars — whether through a direct link, an embedded widget on your website, a Google Business Profile listing, or a single-use link for a specific contact. This guide covers all methods for sharing and embedding your calendars. Every calendar in Hoop has a unique booking URL. Share this link anywhere — email signatures, SMS messages, social profiles, or your website. To copy your booking URL:
  1. Go to Calendar Settings
  2. Click the share icon (arrow pointing right) on the calendar card
  3. Copy the Direct Link from the Share modal
Calendar share modal with direct link

Embedding your calendar on a website

Embed a booking widget directly in your website so visitors can book without leaving your page.
1

Open the Share modal

In Calendar Settings, click the share icon on the calendar you want to embed.
Calendar settings with share icon highlighted
2

Copy the embed code

In the Share modal, switch to the Embed tab. Copy the iframe code snippet.
Embed tab with iframe code
3

Paste into your website

Add the embed code to your website’s HTML where you want the calendar widget to appear.
Iframe code pasted into website editor

Embedding in a Hoop funnel or website

To add your calendar to a Hoop-built funnel or website:
1

Open your funnel or website in the builder

Navigate to Sites > Funnels or Sites > Websites and open the page editor.
2

Add a custom code element

Drag a Custom Code element onto the page where you want the calendar to appear.
3

Paste the embed code

Open the element settings and paste the calendar iframe code.
4

Publish

Click Publish to make the embedded calendar live on your page.
For a seamless experience, use the booking widget’s color customization settings to match your website’s brand colors before embedding.

One-time booking links expire after a single use — ideal for sending to a specific contact without making the link publicly reusable. Common use cases:
  • Sending a booking link to a VIP client without opening up your calendar to others
  • Creating discovery call links that cannot be forwarded or reused
  • Secure scheduling for sensitive appointments
1

Open the calendar settings

Navigate to the calendar for which you want to create a one-time link.
Calendar settings showing one-time booking link option
2

Find One-Time Booking Links

In the calendar settings, scroll to or click One-Time Booking Links.
One-Time Booking Links section
3

Create and copy the link

Click + Create Link. Copy the generated URL and send it directly to the contact.
Generated one-time booking link
One-time booking links expire immediately after use or can be set to expire after a set period. They cannot be recovered once expired.

Google organic booking

Google Organic Booking lets contacts book directly from your Google Business Profile — right from Google Search or Google Maps results.
1

Open the calendar's settings

Navigate to Calendar Settings and click on the calendar you want to list on Google.
Calendar Settings with Google organic booking option
2

Enable Google Organic Booking

Find the Google Organic Booking section and toggle it on.
Google Organic Booking toggle
3

Enable the booking option

Toggle on the booking listing so it becomes active on your Google Business Profile.
Enable Google organic booking listing
4

Upload required assets

Upload photos and other assets required by Google for Business Profile listings.
Upload assets for Google organic booking
Your Google Business Profile must be verified and connected in your account integrations before enabling Google Organic Booking.

Disabling Google organic booking

To remove your calendar from Google Business Profile:
  1. Go to Calendar Settings for the calendar
  2. Find the Google Organic Booking section
  3. Toggle the setting off
  4. Save the changes
The listing is removed from Google Business Profile within 24–48 hours.

Calendar groups as booking pages

Calendar groups create a combined booking page that displays multiple calendars together. This is useful for teams, multi-service offerings, and multi-location businesses. To set up a calendar group:
  1. Go to Calendar Settings > Groups
  2. Click + New Group and give it a name and URL slug
  3. Add calendars to the group via the calendar settings or the three-dot menu on each calendar card
  4. Share the group booking link — contacts can browse all calendars in the group and choose their preferred slot
Use calendar groups to create a team booking page where contacts can see all available team members and pick their preferred one.

Customizing your booking page

Each calendar’s booking widget can be customized to match your brand:
  • Color scheme — button color, date highlight color, time slot color, and action colors
  • Background color — the backdrop behind the booking form
  • Button text — replace “Book Now” with custom copy
  • Calendar logo — displayed at the top of the booking widget
  • Cover image — appears in group/Neo widget views
  • Widget style — choose between Classic and Neo layouts
  • Show/hide details — toggle calendar name, description, duration, and timezone display
Access customization options in Calendar Settings > Advanced Settings > Customizations.

FAQs

Yes. Generate an embed code for each calendar individually and paste the iframe snippets side by side or stacked in your page HTML. Alternatively, create a calendar group and embed the group booking page as a single widget that shows all calendars together.
Yes. The embed is a live iframe that always reflects the current availability settings of your calendar. You do not need to update the embed code after changing hours, buffer times, or other settings.
After enabling the feature and uploading the required assets, it typically takes 24–72 hours for the booking option to appear on your Google Business Profile. Google reviews and activates the listing on their side.
Yes. Calendar groups have their own shareable and embeddable booking pages. In Calendar Settings, find the group, use its three-dot action menu, and select Copy embed code to get the iframe snippet for the group’s combined booking page.
Last modified on March 4, 2026