Once your date, time, and service settings are ready, you can add the booking form to your pages and start accepting appointments. If you haven’t completed the initial setup, see the guides for first steps or the guided setup wizard before continuing. Here are a few ways to add the booking form to your WordPress pages.
Gutenberg Block
Open your page in the WordPress Block Editor. Click the plus (+) button between existing blocks or in the top left corner of the page to add a block. Search for Time Slot in the popup, or click the Browse All button to search in the Block Library. Click the Time Slot Booking Form block to add it to your layout. Click the Save button when finished to publish the page.
Elementor Widget
Click the Edit with Elementor button to open your page and click the plus (+) button to open the elements panel. Search for Time Slot on the widgets tab. Click and drag the Time Slot widget to add the booking form block to your page or post. Click the Publish button when you’re finished.
Beaver Builder Module
Launch your page in the Beaver Builder editor. Search for Time Slot in the modules tab, or scroll to the Time Slot section of the content panel. Click and drag the Time Slot Booking Form module to add the booking form to your page or post. Click the Done and Publish buttons when finished.
Shortcode
Copy and paste this shortcode, including brackets, into your content to show the Time Slot booking form. In the classic WordPress editor, add it in the text tab or HTML view of the page. For Divi, paste the shortcode into a text module on the text tab, or use a code module. If using Gutenberg, add it directly to a core Shortcode block, or try the built in Time Slot block instead.
[timeslot-form]