Step 4 – Adding the calendar and form to a page

< All Topics
Print

Step 4 – Adding the calendar and form to a page

Here’s a how-to blog based on the transcript you provided:


How to Embed a Calendar and Booking Form on Your Website with WP Booking System

Introduction

Embedding your calendar and booking form is crucial for allowing visitors to make reservations directly on your website. Here’s how to do it with onNinth.

Step 1: Understanding Embedding Methods

  • Widgets for Popular Page Builders: WP Booking System offers dedicated widgets for page builders like Gutenberg, Divi, and Elementor.
  • Default WordPress Widgets: For builders like Beaver Builder or Avada, you can use WordPress widgets.
  • Shortcode: If direct integration isn’t available, use the shortcode to embed anywhere.

Step 2: Embedding with Gutenberg

  1. Navigate to Your Page:
  • Go to Pages in your WP Admin dashboard, create or edit a page.
  1. Add the Calendar:
  • Click the + icon, search for “calendar”, and select the Single Calendar icon.
  • In the right sidebar, choose your calendar and form. Adjust other embed options if needed.

Conclusion

Embedding your booking calendar and form has never been easier with WP Booking System.

Thank you for following this guide, and enjoy managing your bookings!


Table of Contents
Scroll to Top