< All integration methods

Integration of online scheduling with a site

Most sites have dull booking forms in the style of "leave your phone number and we will call you back". With our service you can place an interactive pop-up window on your site with your exact working hours and a list of services. The booking has to be confirmed by SMS (this requirement can be turned off in the settings), so you can be sure that it was left by a real person with a real phone number. As soon as a booking is made from the site, the company administrator receives an SMS and an email notification, and the booking appears in the calendar.

You can use integration with the site simply to collect requests, a feedback form, or enable all the features of the service timeplan.me, that will provide you with a functional customer relationship management (CRM), analytics, and much more.

A simple link for a site. Click for test.

<a target="_blank" href="https://timeplan.me/test">Make an appointment</a>

    GET parameters, applicable for the built-in entry form window (iframe):
hidemap: Hide the map. Default: false
hideservices: Hide the list of services. Default: false
hidepresentation: Hide the presentation. Default: false
hidename: Hide the company name. Default: false
hidecontacts: Hide the contacts (address and phone). Default: false
hideall: Hide everything listed above. Default: false
min: Embedded mode - hide the site header, the footer and the left/right margins. Default: false
showmenu: Show the main menu. Default: false
serviceId: Select a service by id when the page opens. Default: not set
durationMinutes: Select the first matching service by duration when the page opens. Default: not set
comment: If a service is selected, pass a comment into the first text attribute. Default: not set

Pop-up window. Click for test.

Add to the HTML code of the page, preferably in the HEAD section:
<script src="https://timeplan.me/js/timeplanme_integration.min.js"></script>
Add a 'link' to the page:
<a href="https://timeplan.me/test" data-title="New entry" class="openTimePlanMePopup">Make an appointment</a>

    Parameters:
data-title: Window title. Default: "New record"
data-height: Window height, in pixels. Default: 800
data-weight: Window width, in pixels. Default: 800
data-hidemap: Hide the map. Default: false
data-hideservices: Hide the list of services. Default: false
data-hidepresentation: Hide the presentation. Default: false
data-hidename: Hide the company name. Default: false
data-hidecontacts: Hide the contacts (address and phone). Default: false
data-hideall: Hide everything listed above. Default: false
data-showmenu: Show the main menu. Default: false
data-serviceId: Select a service by id when the window opens. Default: null
data-durationMinutes: Select the first matching service by duration when the window opens. Default: null
data-comment: If a service is selected, pass a comment into the first text attribute
Example of a pop-up window with custom parameters: Popup window, minimal version. Click for test

 Add to the HTML code of the page, preferably in the HEAD section:

<script src="https://timeplan.me/js/timeplanme_integration.min.js"></script>

Add a 'link' to the page: 

<a href='https://timeplan.me/test' data-title='New entry' class='openTimePlanMePopup' data-hidemap='true' data-hideservices='true' data-hidepresentation='true'>Popup window, minimal version. Click for test</a>


Built-in entry form, full version

Add the following code to the page (1000 and 760 - width and height, link parameters (hideall, etc.) are described above):

<iframe src="https://timeplan.me/test?min=1&hideall=1" width="100%" height="760" frameborder="0"></iframe>


Built-in entry form, mobile version (recommended method)

Add the following code to the page:

<iframe src="https://timeplan.me/m/test?min=1" width="500" height="500" frameborder="0"></iframe>



Embedding "manage your entries" section

Add the following code to the page:

<iframe src="https://timeplan.me/user/events?min=1" width="100%" height="500" frameborder="0"></iframe>
Ask a question