It is possible to integrate OpenTable reservations to WalkInto.  The technique described uses <IFRAME> embedding of a simple webpage inside a Tourcard.  And using that Tourcard appropriately on WalkInto.  


https://walkinto.in/tour/Zypof8cbIlZkepiG89bLg




Step 1


Create your widget on Open Table : https://www.otrestaurant.com/marketing/reservationwidget




OpenTable allows many different configurations for your widget.  You can search and locate your restaurant and then click through different customization options till you reach the point where you get to copy the widget code.  Opy it over to an editor.




Paste the HTML snippet as reservation1.html




Step 2:


Now that we have the necessary reservation widget ready, we need to upload this HTML file (reservation1.html) to a webserver so that we can use it in a TOURCARD Iframe on WalkInto.  Google Drive gives an easy web hosting solution.  You could use dropbox for the same or any of the umpteen free hosting solutions out there.  if you have access to a web server and can set this up there it works very well too.


Here are the steps for setting it up using Google Drive.  Please note that Google will discontinue this webhosting method soon but there are plenty of alternatives.  Reemember that Google Drive is not the important part but being able to access this file through an HTTP://  link is.


https://support.google.com/drive/answer/2881970?hl=en






Now, with this we have our widget in a HTTP url through Google Drive at , 


https://49f8d4a243b2714a39d22f7bd563f92ef9b780f2-www.googledrive.com/host/0B0BGT8uwqzTOWTBPSGZkeVdTTDg/reservation1.html



This Widget can be easily included on a Tourcard using IFRAME.


 

<p><iframe frameborder="0" height="320px" src="https://49f8d4a243b2714a39d22f7bd563f92ef9b780f2-www.googledrive.com/host/0B0BGT8uwqzTOWTBPSGZkeVdTTDg/reservation1.html" width="100%"></iframe></p>


Replace  src="https://49f8d4a243b2714a39d22f7bd563f92ef9b780f2-www.googledrive.com/host/0B0BGT8uwqzTOWTBPSGZkeVdTTDg/reservation1.html"  with the real URL to your widget.


For simplicity sake we are setting it up as a Scene Card.  You can embed the IFRAME snippet above with some modifications for the SRC attribute to include the correct URL to your hosted page and get the Widget embedded on a tourcard,  Adjust the background color of the Tourcard to match your requirements.  You can also adjust the 'HEIGHT' property of the IFRAME snippet to what you need.  Try to void vertical scrollbars for aesthetics.  You can also setup the Tourcard as 'FLAT' without shadows by going into 'More Settings' of the Tourcard.




Here is it in Action : http://walkinto.in/tour/Zypof8cbIlZkepiG89bLg


This tourcard can be setup in any of the modes - As a Focus Card that will be activated on clicking an icon, A viewport card that will open up when user is looking at a particular part of the tour or as a Scene Card for a specific panorama.