TimeTrade Blog » embed | TimeTrade Blog http://blog.timetrade.com Tips, Tricks, and Updates from our Blog Wed, 08 May 2013 14:59:59 +0000 en-US hourly 1 http://wordpress.org/?v=3.5.1 Embed TimeTrade for a Better Customer Experience http://blog.timetrade.com/2011/10/07/embed-timetrade-for-a-better-customer-experience/ http://blog.timetrade.com/2011/10/07/embed-timetrade-for-a-better-customer-experience/#comments Fri, 07 Oct 2011 23:24:02 +0000 Alex Kevork http://blog.timetrade.com/?p=2371 photo (timetrade best practices online scheduling integration customer service appointment scheduling )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.

buildCTAButton photo (timetrade best practices online scheduling integration customer service appointment scheduling )

A great way to accomplish this is to embed TimeTrade on your website using an iframe.

Update!!! You can also use our button builder to create a custom Click To Schedule Button you can embed on any website using Lightbox technology!  Click Above for the button builder, or continue below to embed a calendar in 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.

  1. 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)iframe process1 photo (timetrade best practices online scheduling integration customer service appointment scheduling )
  2. 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.
    activity link1 photo (timetrade best practices online scheduling integration customer service appointment scheduling )
  3. 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).

]]> http://blog.timetrade.com/2011/10/07/embed-timetrade-for-a-better-customer-experience/feed/ 11