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:
- Wide – Week View (800px)
- Medium – Single Day (600px)
- 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).