![[Valid RSS]](http://blog.timetrade.com/wp-content/uploads/2009/12/valid-rss-rogers.png "Validate my RSS feed")
The TimeTrade Blog
The source for creative ways to increase productivity, accelerate your sales funnel, and improve customer satisfaction.
Embed TimeTrade for a Better Customer Experience
It’s always a good idea to create a user experience on your website that is rich with interactivity but also provides visual and contextual continuity for the visitor. Many TimeTrade Professional and Workgroup edition users are interested in allowing customers to click-to-schedule with them but would love to have the booking process take place without leading the visitor away from their company website.
A great way to accomplish this is to embed TimeTrade on your website using an iframe. It’s quick and easy to to do if you have access to the HTML of your website (if you don’t, your web developer will have no problem setting this up for you). Just follow the steps below.
- Create a page where the TimeTrade booking screen will appear when a visitor clicks your “Click-to-Schedule” button or hyperlink. (ex. www.yourwebsite.com/schedule)
- Find your TimeTrade Activity URL (You’ll find the Activity URL by clicking on an activity in the left column of your “Home” tab) and copy it to your clipboard.
- Add the snippet of code below to the webpage you created from Step 1. and replace ONLY the XXXXX with the extension from your own Activity URL from Step 2 (NOTE: the TimeTrade booking screen requires a width of 750px and a height of 525px).
Filed under: uncategorized
Tagged: embed, embed online appointment scheduling, how to embed timetrade, iframe
8 Comments
Brad
Posted November 17, 2011 at 12:02 pm | Permalink
Thanks for the new feature – I have it integrated into my site already. Very cool.
Laurie Cantus
Posted December 14, 2011 at 3:34 pm | Permalink
This is great! I integrated it last week. The only thing is that it doesn’t “fit” within the iframe. If I get the “logo option” within timetrade, does that fix it? I thought I read that somewhere, and can’t find it now.
Alain Jean-Baptiste
Posted February 13, 2012 at 2:15 pm | Permalink
I agree it shows something but the frame does not display properly at all. I am using WordPress with a full width for that page but the result shows the whole web inside the page and says there is an error. Any tips on how to get it going?
Thanks
Alex Kevork
Posted February 13, 2012 at 4:15 pm | Permalink
Alain,
A few people have had this issue and it has to do with the copy/paste from Wordpress. Not everyone experiences this but it can happen.
If anyone else out there is experiencing this just go ahead and try copying the code from this comment and you should be OK.
Make sure to replace the XXXXX with your own activity token. Note that I increased the height of the frame as well. You can manually do this in the code to eliminate scroll bars if you need to.
Alain Jean-Baptiste
Posted February 13, 2012 at 4:21 pm | Permalink
Thanks Alex for the rapid response. Works flawlessly and looks even better since its inside the main website! Alex told me they were working on it since some people have had similar erros on wordpress but as you can see it works perfectly well. I think he will post a solution soon
Here is what it looks like http://www.keepusinmind.com/underconstruction/online-coaching-scheduler/
Great work Timetrade
Alain
Melina
Posted February 16, 2012 at 6:39 am | Permalink
is there a way to change the words “click to schedule”? I’d like to use it in Portuguese.
Beth
Posted February 23, 2012 at 10:41 am | Permalink
This is great. Works very well, and as an added bonus, I can insert the PayPal link on the page below the frame! At last, my clients don’t have to leave before they lock in and pay! Thank you!
Alex Kevork
Posted February 23, 2012 at 10:47 am | Permalink
Melina,
You can create any button, or hyperlink any text you would like. All you are really doing here is inserting a hyperlink that sends someone from page 1 (e.g. http://www.yourwebsite.com) to page 2 (e.g. http://www.yourwebsite.com/schedule) where you put the embed code provided above.
What text or button you hyperlink on page 1 is entirely under your contorl. Make sense?