|

Add booking form directly on a page

You can add booking form directly on your page instead of a button and a lightbox. There are two ways you can do that:

  • Shortcode
  • Block Element

Shortcode

You can add [latepoint_book_form] shortcode to the place on your page where you want the form to be rendered. You can customize the form using shortcode attributes. Example of using attributes:

[latepoint_book_form selected_agent="1" hide_side_panel="yes"]

List of available attributes:

List of available attributes:

Customize Form Appearance
AttributeDescriptionDefaultExample
hide_side_panelSetting to “yes” hides the left side panel of a booking form“no”“yes”“no”
hide_summarySetting to “yes” hides the summary panel“no”“yes”“no”
Skip steps and control available data
AttributeDescriptionExample
Pre-selecting step value
selected_locationSkip location step by setting to location “ID” or to “any” to auto assign any available location.“1”“any”
selected_agentSkip agent step by setting to agent “ID” or to “any” to auto assign any available agent.“1”“any”
selected_serviceSkip service selection step by setting to service “ID”.“1”
selected_durationSkip duration selection step by presetting duration in minutes.“60”
selected_total_attendeesPreselect number of attendies to skip that step.“3”
selected_service_categoryShow services from specific category by setting category “ID”.“1”
calendar_start_dateSetting this attribute to a date forces the calendar to start on that date. You can also use dynamic values like “tomorrow”“+1 week”“+2 months” etc… and it will automatically show calendar 2 months or 1 week in the future, depending on what day is today“2024-07-25”“tomorrow”“+1 week”“+2 months”
selected_start_dateThis attribute should be set together with the selected_start_time attribute. Setting these two attributes to a specific date and time, will make date & time selection step to be skipped.“2024-07-25”
selected_start_timePreselect start time of the booking in minutes. For example “600” is 10:00am. Should be set together with selected_start_date attribute“600”
Data for steps
show_locationsShow only select locations by setting their IDs“1,2,3”
show_agentsShow only select locations by setting their IDs“1,2,3”
show_servicesShow only select services by setting their IDs“1,2,3”
show_service_categoriesShow only select service categories by setting their IDs“1,2,3”
Other
source_idTrack the source ID for your booking button or form. Source ID for each booking can be found on the booking edit form in admin.“ANY_VALUE”

Block Element

If you are using new block based themes, then you can utilize the power or WordPress blocks to create LatePoint elements:

latepoint widget 1

Once inserted, you can control it’s settings using the side panel of the block element:

latepoint widget 2
Was this doc helpful?
What went wrong?

We don't respond to the article feedback, we use it to improve our support content.

On this page