The “Embed” tab on the “Booking Page Details” page provides the various options for embedding your Online booking page on your website.

Option 1: HTML IFrames (embeds your booking page into an existing page on your website)

Embedding your online booking page on your website can be done by selecting the options on this tab and then copying/pasting the code generated onto your site.

Apptoto supports three layouts:

  1. Wide – Week View (800px)
  2. Medium – Single Day (600px)
  3. Narrow – Single Day (350px)

The Week View options show the client an entire week’s worth of availability, whereas the Single Day views prompt the client to pick a day first and then pick a time on the day.

For reference, the Week View is what clients see in the browser on their desktop, and the Single Day view is what clients see on their mobile devices when they access your booking page directly.

Options 2: HTML FrameSets (host the booking page on your own domain)

You can use HTML Framesets to add your Booking Page to your own domain. For example, if you own and control the domain name BookFredNow.com, then you could make your http://BookFredNow.com/ show your Apptoto booking page using the following HTML as the default document on that domain:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <title>Fred's Booking Calendar </title>
  <meta name="viewport" content="width=device-width,initial-scale=1">
</head>
<frameset rows="100%,*" border="0">
  <frame src="https://YOURBOOKINGPAGE.apptoto.com/" frameborder="0" />
  <frame frameborder="0" noresize />
</frameset>
</html>

Pre-filling Fields

You can pre-fill fields for your clients by adding to the “query string” of the booking page url. E.g. if you have a field named “source”, you can pre-fill that field with https://YOURBOOKINGPAGE.apptoto.com/?source=webform .

You can pre-fill custom fields as well as the standard fields (i.e. name, email, and phone).

Feedback

Was this helpful?

Yes No
You indicated this topic was not helpful to you ...
Could you please leave a comment telling us why? Thank you!
Thanks for your feedback.

Post your comment on this topic.

Please do not use this for support questions.
For customer support, please contact us here.

Post Comment