How to use shortcode at frontend

To display booking form in the frontend, you need to use a shortcode and please follows:

• Log into your WordPress admin panel.
• Navigate to Pages » Add New.
• Enter a page title.
• Paste [apoint] to page content.
• Options:
  • Hide location: if you want hide location tab, pls add option hide_location="1" to shortcode. Example: [apoint hide_location="1"]
  • Hide category: if you want hide category tab, pls add option hide_category="1" to shortcode. Example: [apoint hide_category="1"]
  • Hide employee: if you want hide employee tab, pls add option hide_employee="1" to shortcode. Example: [apoint hide_employee="1"]
  • Hide service: if you want hide service tab, pls add option hide_service="1" to shortcode. Example: [apoint hide_service="1"]
  • Hide service extra: if you want hide service extra tab, pls add option hide_extra_service="1" to shortcode. Example: [apoint hide_extra_service="1"]
  • Hide number person: if you want hide number person field in information tab, pls add option hide_number_of_person="1" to shortcode. Example: [apoint hide_number_of_person="1"]
  • Set location default: if you want indicate location for shortcode, pls add option location_id="id_of_location" to shortcode. Example: [apoint hide_location="1" location_id="2"]
  • Set category default: if you want indicate category for shortcode, pls add option category_id="id_of_category" to shortcode. Example: [apoint hide_category="1" category_id="3"]
  • Set service default: if you want indicate service for shortcode, pls add option service_id="id_of_service" to shortcode. Example: [apoint hide_service="1" service_id="2"]
  • Set employee default: if you want indicate employee for shortcode, pls add option employee_id="id_of_employee" to shortcode. Example: [apoint hide_employee="1" employee_id="4"]
• Click 'Publish' button to save and publish.

Create booking page with WPBakery Page Builder

If you use WPBakery Page Builder, please follows:

• Log into your WordPress admin panel.
• Navigate to Pages » Add New.
• Enter a page title
• Click 'Backend Editor'
• Click 'Add element'.
• Select 'Text Block'.
• Enter [apoint] shortcode to 'Text Block' editor.
• Click 'Apply' button to save and publish.

Create booking page with Elementor

If you use Elementor, please follows:

• Log into your WordPress admin panel.
• Navigate to Pages » Add New.
• Enter a page title
• Click 'Edit with Elementor'
• Add 'Text' element to page .
• Enter [apoint] shortcode to 'Text' editor.
• Click 'Apply' button to save and publish.