Bookingor Shortcodes Documentation

Overview

Bookingor provides six shortcodes that allow you to display booking forms on any page, post, or custom post type in WordPress. These shortcodes are fully customizable using the Style Template menu with a Live Editor, enabling you to modify colors, text, and other design elements to match your brand.

Available Shortcodes

[BOOKINGOR_DESIGN_1]
[BOOKINGOR_DESIGN_2]
[BOOKINGOR_DESIGN_3]
[BOOKINGOR_DESIGN_4]
[BOOKINGOR_DESIGN_5]
[BOOKINGOR_DESIGN_6]
[BOOKINGOR_CUSTOMER_ADMIN_DASHBOARD]
[BOOKINGOR_STAFF_ADMIN_DASHBOARD]
[BOOKINGOR_LOGIN]

Each shortcode represents a different UI template for displaying the booking system.

How to Use Shortcodes

Step 1: Add the Shortcode to a Page or Post

1. Log in to your WordPress Admin Panel.
2. Navigate to Pages or Posts.
3. Click Add New or Edit an existing page.
4. In the editor, paste one of the Bookingor shortcodes:
5. Click Publish or Update to save the changes.
6. View the page to see the booking form in action.

Step 2: Add Shortcodes in Elementor or Custom Post Types

1. Open the Elementor editor or any page builder you are using.
2. Add a Shortcode block/widget.
3. Paste your preferred Bookingor shortcode.
4. Click Update and preview the design.

How to Customize Shortcodes Using Live Editor

1. Navigate to Bookingor in the WordPress admin menu.
2. Click on Style Template.
4. Select a design (e.g., Design 1, Design 2, etc.).
5. Click Customize to enter the Live Editor.
6. Modify elements like:
   • Text and headings
   • Colors (background, button, text)
   • Border radius
   • Icons and images
7. Click Save Changes to apply customizations.

Notes

• The Live Editor allows real-time updates, so you can preview changes before saving.
• Each shortcode is fully responsive and works on all devices.
• You can switch between different shortcodes to test different booking layouts.

Conclusion

Bookingor shortcodes make it easy to embed booking forms anywhere on your website. With six customizable designs and a powerful Live Editor, you can tailor the booking experience to match your brand effortlessly.