Bookings calendar into Wordpress website

[adamwelch]

Hi.

I have created a bookings page and I want to be able to show the calendar on our website which is done on Wordpress, how would I achieve this please?

Adam

[#2]

Following looking for same info

[#3]

I found the answer. Here is the link on how to do it. https://wordpress.org/plugins/booking/

[#4]

@KrisDean Thanks for this, but I can't see how you link this to a MS Bookings calendar. It seems to be a separate booking form and calendar you use within the WP plugin.

[#5]

@adamwelch 

To display a calendar on your WordPress website for your bookings page, you have a few options:

1. Use a WordPress Plugin: There are several plugins available in the WordPress repository that allow you to add calendars to your site. Some popular options include:

   • The Events Calendar by Modern Tribe
   • All-in-One Event Calendar by Time.ly
   • WP Simple Booking Calendar

   These plugins usually come with customizable options and features that allow you to showcase events or bookings on your website's calendar.

2. Embed an External Calendar: If you're using a third-party service for managing bookings (such as Google Calendar or a specialized booking system), you can embed the calendar into your WordPress page or post using HTML or shortcode provided by the service. For example, with Google Calendar, you can obtain an embed code and paste it into your WordPress editor in the Text mode.

3. Custom Development: If you have specific requirements or prefer a custom solution, you can develop a custom calendar integration for your WordPress site. This might involve creating a custom plugin or theme template that fetches and displays booking data from your booking system or database.

4. WordPress Blocks: With the introduction of the Gutenberg editor, you can also use blocks to embed content, including calendars, into your pages or posts. Some plugins provide blocks specifically designed for displaying calendars.

Choose the option that best fits your needs, considering factors such as customization requirements, ease of use, and compatibility with your existing setup.

[#6]

@adamwelch 

Configuring a booking calendar on your WordPress website can enhance user engagement and streamline appointment scheduling. Here are some options of achieving that prepared by WordPress Maintenance and Support Company WP Official Support.

1. WP Booking Calendar Plugin:

1. The WP Booking Calendar plugin is a popular choice for adding booking functionality to your WordPress site.
2. Here are the steps to set it up:
   1. Install and Activate the Plugin:
      • Go to your WordPress dashboard.
      • Navigate to Plugins > Add New.
      • Search for “WP Booking Calendar” and install the plugin.
      • Activate it.
   2. Create a Booking Page:
      • Add a new page where you want to display the booking calendar.
      • Insert the Booking Calendar block using the WordPress block editor or use a shortcode block in page builders like Elementor.
   3. Configure Calendar Options:
      • Choose the type of calendar (with a booking form or just an availability calendar).
      • Set the number of months, start month, and calendar dimensions (width and height).
   4. Customize Settings:
      • Visit the booking settings to customize appearance, time slots, availability, form fields, email notifications, and sync options.
   5. Manage Bookings:
      • Receive notifications about new appointments.
      • Approve, decline, or edit specific bookings from the admin panel.
      • Get a complete overview of your schedule in day, week, or month view.

You can find more information about the WP Booking Calendar plugin on the WordPress.org plugin page1.

1. Booked Plugin:

1. Another option is the Booked plugin, which offers robust booking features.
2. Here’s how to set it up:
   1. Install and Configure:
      • Install the Booked plugin from the WordPress repository.
      • Adjust general settings, such as booking type, appointment limits, and display options.
   2. Add Time Slots:
      • Define time slots for the default calendar (days, hours, and available spaces).
      • Customize email templates and logos for customer notifications.
   3. Embed the Calendar:
      • Use the provided shortcode to add the booking calendar to any page or post on your website.
   4. Create Additional Calendars:
      • If needed, create more calendars for different types of bookings or events.

You can find a tutorial video on creating a booking calendar with the Booked plugin here2.

1. Google Calendar Integration:

1. If you prefer simplicity, consider embedding a Google Calendar on your WordPress site.
2. Create a Google Calendar, customize it, and then embed it using an iframe or a plugin.