So, How Do I Link to My Scape (And Get One of Those Nifty Whitepoint Buttons)?

When an author updates Whitepoint mobile tour app content, that content is available simultaneously to the Whitepoint apps and, in most cases, for desktops online.

It’s easy to understand how the mobile material is delivered, but linking up to the scape from a web site for desktop users takes a little more attention. Not to worry though, this post will explain it all.

Instructions for Getting Tours On Desktops

When we refer to ScapeViewer, that’s the technology framework that makes Whitepoint authored content available to desktops. If you want to read more about it, we have more information about how we handle desktop-friendly online tours and guides. But, really all you need to understand is that there is no plug-in or additional download required, all you have to do is identify and link up the content to your web site.

Find The Scape ID

First off, in the Authoring Panel, find your scape listed either in “Personal” or “Team” scapes. Find the number shown in the “scape ID” column. Make a note of it.

Here’s The Code . . .

Now, here’s the code snippet you’ll need for your web site:

<a onclick=”open_ScapeViewer()” href=”#”>
<img alt=”Take the Whitepoint Tour” src=”http://www.whitepoint.mobi/img/WPTakeTheTourWeb.png” />
</a>
<script type=”text/javascript”>
function open_ScapeViewer()
{
window.open(“http://webview.whitepoint.mobi/scapes/scape_viewer/XX” , “_blank” , “width=1000, height=675, resizable=no, scrollbars=no, location=no, menubar=no, status=no, toolbar=no” , “”);
}
</script>

Remember that scape ID you noted earlier? Replace the XX above with that number. That’s it. You’re done.

If you enjoy coding a bit, you can take the anchor tag with the image and place it inside a div for positioning. And, if performance – or code organization – is a concern for you, you can place the script tag just before the closing body tag.

We don’t recommend tweaking the code beyond that, as the above has worked countless times with consistent results across multiple browsers and platforms.

. . . And You Get The Graphic

The above will provide a “Take the Tour” graphic that Whitepoint is serving, and we hope to offer additional flavors of that graphic in the future.

facebooktwittergoogle_plusredditlinkedinmailby feather