You are here:
Print

Whilst you can configure the appearance on the [latepoint_book_button] you can also cause the button to pre-launch service, agents and change the viewing options through short-code settings.

These options also apply to the [latepoint_book_form].

NOTE:
The form short-code allows the software to sit on-screen when you browse to the page. Being given a permanent spot like an image as opposed to a pop-up like the button. When launching they both act the same, just use different real-estate.

Booking Forms Default

Syntax Example

[latepoint_book_button]
[latepoint_book_form]

Options

[latepoint_book_button options=”Value“]
[latepoint_book_form options=”Value“]

The options available to pass to the button and form are:

  • hide_side_panel – Hides the left side instruction panel
  • hide_summary – Hides the right summary panel
  • selected_agent – Option to pre-select an agent
  • selected_location – Option to pre-select a location
  • selected_service – Option to pre-select a service
  • selected_service_category – Option to pre-select the service category number
  • show_agents – Option to show a selection of agents
  • show_locations – Option to show a selection of locations
  • show_services – Option to show a selection of services (must be used in conjuction with the selected_service_category)
  • show_service_categories – Option to show a selection of categories
  • calendar_start_date – Can move the calendar view into a particular month
  • selected_start_date – Can pre-select the calendar to a particular date (must be used in conjunction with the below time)
  • selected_start_time – Can pre-select the calendar time to a particular start (must be used in conjunction with the above date)

Options

Syntax Example

[latepoint_book_button options="Value"]
[latepoint_book_form options="Value"]

WARNING:
If any of your options have been incorrectly entered, then the default form or button shortcode will be applied, or the booking page will move to a “Custom” empty service page when booking on the front end.

Hides the left (instructions) side panel

[latepoint_book_button hide_side_panel=”yes”]

The left hand pane of the booking form can be removed to display just the service selection information on the screen.

Hide Left Panel

Syntax Example

[latepoint_book_button hide_side_panel="yes"]
[latepoint_book_form hide_side_panel="yes"]

Hides the right (summary) side panel

[latepoint_book_button hide_summary=”yes”]

The right hand panel only appears after you have made a selection on Location, Service or Agent. It is displayed to allow the client to see the details of their booking as they proceed through the steps.

Showing Summary Panel

By using hide_summary=”yes” option in your shortcode you can prevent the right hand summary panel from showing.

Hide Summary Panel

Syntax Example

[latepoint_book_button hide_summary="yes"]
[latepoint_book_form hide_summary="yes"]

Agent Selection

[latepoint_book_button selected_agent=”2″]
[latepoint_book_button show_agents=”2,4″]

The latepoint_book_button and the latepoint_book_form can be assigned an agent or a list rather than presenting the client a choice of all agents.This is performed with :

  • selected_agent – Option for pre-selecting an agent or
  • show_agents – Option for viewing certain a list of agents

Agent Selection

Syntax Example – pre-fetch/pre-fill single agent

[latepoint_book_button selected_agent="2"]
[latepoint_book_form selected_agent="2"]

Syntax Example – mulitiple agents

[latepoint_book_button show_agents="2,4"]
[latepoint_book_form show_agents="2,4"]

Agent Selection – Any

[latepoint_book_button selected_agent=”any”]
[latepoint_book_form selected_agent=”any”]

Rather than selecting an agent you can get LatePoint to automatically assign the agent using the “any” value in the shortcode. When stepping through the booking form no agent selection will display.

Agent Selection – any

Syntax Example – automatically select agent

[latepoint_book_button selected_agent="any"]
[latepoint_book_form selected_agent="any"]

If you have more than one agent you can control which agent gets selected with the option under:

settings>settings>steps>other steps

Without this selection ticked the default is a random agent assigned to the booking.

Location Selections

[latepoint_book_button selected_location=”2″]
[latepoint_book_button show_locations=”2,3″]

Much like the Agents the latepoint_book_button and the latepoint_book_form can be assigned a location or a list rather than presenting the client the choice for all locations.

This is performed with :

  • selected_location – Option to pre-select a location
  • show_locations – Option for viewing certain a list of locations.

Location Selection

Syntax Example – pre-fetch/pre-fill single location

[latepoint_book_button selected_location="2"]
[latepoint_book_form selected_location="2"]

Syntax Example – multiple locations

[latepoint_book_button show_locations="2,3"]
[latepoint_book_form show_locations="2"]

Tip

Unless it’s clear on the page what the client service is, be sure to remove the hide_summary=”yes”.
Alternatively you could add the category description using the steps /latepoint/show-categories-description/

Service Selections

[latepoint_book_button selected_service=”3″]
[latepoint_book_button show_services=”31,7,2″]

Much like Agents, the latepoint_book_button and the latepoint_book_form can be assigned a service or a list rather than presenting the client a choice of all services.

Service Selection

Syntax Example – pre-fetch/pre-fill single service

[latepoint_book_button selected_service="3"]
[latepoint_book_form selected_service="3"]

Syntax Example – multiple services

[latepoint_book_button show_services="31,7,2"]
[latepoint_book_form show_services="31,7,2"]

In order for the show_services to work correctly the category must also be selected with selected_service_category

Category Selections

[latepoint_book_button selected_service_category=”2″]
[latepoint_book_button show_service_categories=”2,4,9″]

You can pre-select one category to show or a list of categories.

This is done with the:

  • selected_service_category – Option to pre-select the service category number
  • show_service_categories – Option to show a list of categories

Category Selection

Syntax Example – pre-fetch/pre-fill single category

[latepoint_book_button selected_service_category="2"]
[latepoint_book_form selected_service_category="2"]

Syntax Example – multiple categories

[latepoint_book_button show_service_categories="2,4,9"]
[latepoint_book_form show_service_categories="2,4,9"]

In order for this to view categories you will have to enable the setting “Show Service Categories” under:

settings>settings>steps>other steps

Open the calendar on a specific month

[latepoint_book_button calendar_start_date=”yyyy-mm-dd”]

You can put the calendar into a specific month by passing certain date formats to the shortcode.

  • calendar_start_date – Can move the calendar view into a particular month

Calendar date pre-launch

Syntax

[latepoint_book_button calendar_start_date="yyyy-mm-dd"]
[latepoint_book_form calendar_start_date="yyyy-mm-dd"]

NOTE:
Replace yyyy-mm-dd with your date.

or you can be a little more flexible and when they click on the button it can look forward from the current day with

+n days

+n weeks

+n months

Calendar +25 days Selection

Syntax

[latepoint_book_button calendar_start_date="+25 days"]
[latepoint_book_form calendar_start_date="+25 days"]

This way if you used it in the above example, the start month of the calendar would be 24 days from the current date (The current day is counted as one of the days).

Preset the service at a specific date and time

[latepoint_book_button selected_start_date=”yyyy-mm-dd” selected_start_time=”HHMM”]

You can set a service onto a specific date and time month by passing a date/time format to the shortcodes.
They must be used in conjunction with each other. You cannot select just the date or time.

  • selected_start_date – Can pre-select the calendar to a particular date
  • selected_start_time – Can pre-select the time to a particular start time.

Calendar date pre-selected

Syntax

[latepoint_book_button selected_start_date="yyyy-mm-dd" selected_start_time="MMM"]
[latepoint_book_form selected_start_date="yyyy-mm-dd" selected_start_time="MMM"]

NOTE:
Replace yyyy-mm-dd with your date and MMM with the your time

The MMM setting is a little confusing to use but it is the minutes in a day and not HH:MM.

If you open at 8am and set this shortcode to =540 then the booking will be placed at 9am

(9 hours x 60 minutes = 540)

Full Example

Full Combination Example

Syntax

[latepoint_book_button calendar_start_date="+25 days" selected_service_category="4" selected_location="1" selected_agent="2" hide_summary="yes"]
[latepoint_book_form calendar_start_date="+25 days" selected_service_category="4" selected_location="2" selected_agent="2" hide_summary="yes"
Was this article helpful?
4.8 out Of 5 Stars
5 Stars 67%
4 Stars 33%
3 Stars 0%
2 Stars 0%
1 Stars 0%
How can we improve this article?
Please submit the reason for your vote so that we can improve the article.
Previous Booking button appearance
Next Booking Trigger
Table of Contents