Knowledge Base
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
- Navigate to Your Page:
- Go to Pages in your WP Admin dashboard, create or edit a page.
- 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!