Knowledge Base/Support Topics/Add buttons or widgets to your email and web site
Add a "schedule now" button to your web site
Nancy Phippins
posted this on December 05, 2010 12:39
Add a TimeTrade ‘schedule now’ button to your web site
Many customers want to tie a TimeTrade schedule link to a button or other image on their own web pages. This enables their clients to book appointments by clicking the image, which then launches the TimeTrade scheduling wizard. The following instructions describe how to do this.
Before you begin
Before you add the HTML code to implement this feature, you need two items:
- TimeTrade Activity URL – This is the unique URL that gets created when you create a TimeTrade Activity. You can find it in the following location on the TimeTrade Activity page:
- Image file – File that contains the image you wish to display. The following are two examples of images. You may use these or choose your own.
To use the following image, copy and paste it to a new image file, which you can then reference in your HTML code.
To reference the Check Availability button, use the following path:
https://my.timedriver.com/td/_images/checkavailability.png
Embedding the image and link within your HTML code:
The following shows the HTML code for embedding the ‘Check Availability’ button (shown by default in any TimeTrade Welcome message) and a TimeTrade link from a sample Activity in a simple web page:
<html>
<body>
<a href="https://my.timedriver.com/PJMPP" target="_blank">
<img height="41" width="178" border="0" title="Check availability" alt="Check my
availability" src="https://my.timedriver.com/td/_images/checkavailability.png">
</a>
</body>
</html>
Comments latest first
Hi David,
One more suggestion. You can also add an appointment scheduling widget to your website. The following FAQ provides details on generating the widget for your website:
http://timetrade.zendesk.com/entries/472789-embed-a-personal-appoin...
Hi David,
You can copy/paste the schedule now button to a local location and apply the image to your website and then apply a link to your activity schedule link URL.
.
Hi Nancy,
What is the path or code for the schedule now button. This page only provides the one for the Check availability button.