How To: Posting QR Codes and Stickers For Free Whitepoint Tour App

We’ve made reference in the past to QR codes and stickers – including in a recent article on using Whitepoint as a guided walking tour app – offering visitors a free download of the Whitepoint app.

These are great for posting at each stop of a walking tour, at the front door, or at an information desk.

The following graphics are suitable for printing and provide QR codes for both iOS and Android. If you wish to print stickers especially, we recommend the PDF files and uPrinting.com for best results.

Download Whitepoint in Google Play.

This nifty graphic with QR codes is available in iOS App Store and Google Play varieties for your smart tour needs.

Android

PNG File: Google Play Whitepoint App Download Graphic with QR Code (less than 1MB)

PDF File: Google Play Whitepoint App Download Graphic with QR Code (less than 1MB)

iOS

PNG File: iOS Whitepoint App Download Graphic with QR Code (less than 1MB)

PDF File: iOS Whitepoint App Download Graphic with QR Code (less than 1MB)

Questions? Tweet us @WhitepointMobi or comment below.

facebooktwittergoogle_plusredditlinkedinmailby feather

A Free and Easy WordPress Plugin for Linking Virtual Tours

Need a WordPress plugin that will make including virtual tours for your web site easier? You’re in the right place.

We’ve built a free WordPress plugin that helps you easily link smarter virtual tours built with the Whitepoint framework to your WordPress posts. You can find the plugin in the WordPress plugin directory, but here are some additional details to help in using it.

First off, yes, our WordPress plugin is free. And, come to think of it, the WordPress content management system is free too. Not a bad deal, all in all.

Here’s the link: ScapeViewer for WordPress.

Why is There a WordPress Plugin for Whitepoint?

The Whitepoint framework helps you build and manage more intelligent virtual tours. Like WordPress, Whitepoint is at its core a content management system. WordPress and Whitepoint utilize a similar approach to the process of managing content. It makes sense that WordPress users would also be interested in linking scapes (Whitepoint tours) or building their own scapes.

In addition to mobile display of smarter virtual tours, Whitepoint offers the ability for those tours to be viewed on desktops.

If you’re not familiar with the idea of a Whitepoint scape, take a look at this post with a short scape demonstration (which was built with the help of said WordPress plugin).

Until now, there were some issues in getting WordPress to include the necessary code in posts for a clean user experience while opening and viewing Whitepoint scapes. The WordPress plugin takes any required coding out of the picture altogether and makes it a lot easier to quickly link up a Whitepoint tour.

And, What Does Whitepoint’s WordPress Plugin “Do” Exactly?

As mentioned above, the WordPress plugin will insert the necessary JavaScript automatically. That alone takes the biggest headaches out of the WordPress integration process.

A virtual tour built with Whitepoint linked in a WordPress post

When you embed a scape link using the WordPress plugin, you have multiple options including alignment. In the above example, the graphic link to the scape is aligned right.

The plugin includes a shortcode generator that asks a few simple questions before providing the shortcode that’s needed to insert the link to the scape. All you have to do as a WordPress author is copy and paste that code into your post.

You will need to know the scape ID of the scape that you want to link up. That’s easy. If you are a Whitepoint author, you can find the scape ID in the “Team Scapes” or “Personal Scapes” link in Whitepoint’s Authoring Panel.

So, What’s an Example of How Someone Could Use This?

Let’s say you operate a real estate web site and need to link up multiple properties to a WordPress blog or web site. Maybe you link up a virtual tour to a daily blog post.

As a Whitepoint author (you will need to have an authoring account), you build out your scape, then using the WordPress plugin, you provide the scape ID. You insert a shortcode into your WordPress page and you’re done.

Finding Another Author’s Whitepoint Scape ID

Even if you’re not a Whitepoint author, you can link up the scape or virtual tour that another Whitepoint author has built. Just have them provide the scape ID.

Or, visit their scape from a desktop and take a look at the address bar:

Virtual Tour Link for Whitepoint WordPress Plugin

Here’s an example of a web address for a scape. Using the WordPress plugin and scape ID of 24, you could link up your WordPress post to this virtual tour.

The number you see is the scape ID. In the above example, it’s 24.

Questions? Insights? Ideas on how you can use this?

Meanwhile, happy #whitepointing.

Matthew White

Matthew White blogs on all things related to virtual tours, mobile touring, and tour apps as well as how they relate to web design, SEO, and content marketing. There is also of course helpful information on using Whitepoint - the framework for smarter virtual touring and mobile-friendly tours.

facebooktwittergoogle_plusredditlinkedinmailby feather

A Short Whitepoint Scape Demonstration

If you’re new to Whitepoint, the terms that get thrown around – scape, scene, whitepoint, widget – require a brief explanation.

What better way, of course, than to use a scape to help demonstrate?

The following scape is largely from the perspective of a mobile user, but we’ll use ScapeViewer to help. So, if you’re on a desktop, imagine viewing this in the Android or iOS app.

And, if you want to go ahead and download the app, we recommend viewing the same scape there. You can download Whitepoint for Android or Whitepoint for iOS – then find “A Scape Demonstration.”

Happy #whitepointing.

 

facebooktwittergoogle_plusredditlinkedinmailby feather

Graphics for Linking Online Tours

As mentioned previously, there are many reasons to link to your online tours, photo galleries, and slideshows from your web site. How to do it and whether to use a graphic to snazz it up a bit are the usual questions.

Whitepoint’s strength is as a free framework for building online tours. There are occasions where it is a great answer to other more basic needs as well – such as photo galleries or slideshows.

We’ve posted a graphic or two in the past. We thought we’d provide more here that speak to the different uses that your Whitepoint scapes may be serving: whether online tours, photo galleries, or slideshows.

Online Tours

Image for Whitepoint Online Tours

This free graphic for your online tours is also available by linking to http://whitepoint.mobi/img/scape-supporting-images/Whitepoint-Scape-Tour.png.

 

 

 

 

 

Photo or Image Galleries

Graphic for Whitepoint Image Gallery

This free graphic for your Whitepoint image gallery can also be linked at http://whitepoint.mobi/img/scape-supporting-images/Whitepoint-Scape-Image-Gallery.png.

 

 

 

 

 

Slideshows

Image for Whitepoint Slideshows

This free graphic for your Whitepoint slideshow can also be accessed by linking to http://whitepoint.mobi/img/scape-supporting-images/Whitepoint-Scape-Slideshow.png.

Linking Your Scape

If you haven’t yet read our blog article on linking multiple scapes from your web site, take a look. It will answer questions you might have about getting it done.

Remember that by linking a scape, you’re providing image rich content to your visitors. Access on mobile devices is great, but richer content on your web site helps means you’re even more likely to get attention. Make sure the link to that content is easy for users to find.

Online tours are one of the best ways to provide an engaging experience for new users. And, with the Whitepoint framework and resources, you don’t have to be a web design guru to make it happen.

Matthew White

Matthew White blogs on all things related to virtual tours, mobile touring, and tour apps as well as how they relate to web design, SEO, and content marketing. There is also of course helpful information on using Whitepoint - the framework for smarter virtual touring and mobile-friendly tours.

facebooktwittergoogle_plusredditlinkedinmailby feather

Link To Your Whitepoint Online Gallery or Tour

If you’ve built a Whitepoint scape – whether an online gallery or photo tour – it’s available for mobile viewing using the free Whitepoint app. But, why not enable desktop users to access it also? Linking to a scape from your web site can help build more valuable, photo rich content and attract new eyes.

Previously, we provided a simple JavaScript for doing just that, but this JavaScript will enable you to link to multiple scapes from a web site.

First, determine your online gallery or photo tour’s scape ID.

A Whitepoint Online Gallery and Tour

Here’s a free graphic for use in driving traffic to your Whitepoint online gallery or tour. Just download and own it today!

The scape ID is available in the Whitepoint Authoring Panel: Find your scape listed either in “Personal” or “Team” scapes. Then, look for the number shown in the “scape ID” column. Make a note of it.

The Function for Opening Your Scape Neatly

Here’s the JavaScript function you’ll use:

function WPScapeViewer(param) {
window.open(“http://webview.whitepoint.mobi/scapes/scape_viewer/” + param.toString(), ‘_blank’,’width=1000, height=675, resizable=no, scrollbars=no, location=no, menubar=no, status=no, toolbar=no’,”);
}

Call the Function to Open Your Scape

Use an “onclick” event in an anchor tag. Here’s what that looks like:

<a href=”#” onclick=”WPScapeViewer(XX)”>My Scape Link</a>

Grab that scape ID you jotted down earlier and plug it in for the “XX.”

Linking Up Multiple Scapes

You can call that single function now as many times as you like for a single online gallery, tour, or even multiple scapes. Just have the different scape IDs handy first. Then, exchange them as appropriate. For example:

<a href=”#” onclick=”WPScapeViewer(01)”>Link to Scape ID 01</a>

<a href=”#” onclick=”WPScapeViewer(02)”>Link to Scape ID 02</a>

<a href=”#” onclick=”WPScapeViewer(03)”>Link to Scape ID 03</a>

Can This Be Used With Any Tour or Online Gallery?

This is all done using Whitepoint’s ScapeViewer technology. It’s free for all authors, and helps anyone share their slideshow, online gallery, or tour with desktop users . . . as long as it’s built using the free Whitepoint framework.

You can also download the image shown in this post and make your link a graphic.

If you haven’t become a user of the Whitepoint app or an author of a Whitepoint tour or online gallery, you can get started today.

Matthew White

Matthew White blogs on all things related to virtual tours, mobile touring, and tour apps as well as how they relate to web design, SEO, and content marketing. There is also of course helpful information on using Whitepoint - the framework for smarter virtual touring and mobile-friendly tours.

facebooktwittergoogle_plusredditlinkedinmailby feather

Bring Attention To Your Mobile Tour as a Featured Scape

Mobile tours made available in Whitepoint can be categorized for easy discovery. But, what if you want to bring greater attention to your scape?

Whitepoint mobile tours featured as tiles on the main Whitepoint screen.

Whitepoint mobile tours featured as tiles on the main Whitepoint screen.

Whitepoint’s Premier Authoring plans now provide the ability to highlight your scape as a Featured Scape. This means that it appears prominently as a tile on the main screen of the app.

And, similarly, it appears on the main screen of our ScapeViewer home page for desktop and laptop users.

Other Ways Visitors Discover Your Mobile Tour

All Whitepoint mobile tours also have these discovery characteristics we encourage all authors to use:

  • Scape naming. This is the name by which your mobile tour is referred. It appears in the top left of the scape’s tile, and repeatedly throughout your scape.
  • Scape categories. Is your scape a mobile tour of a park? A bike trail? Museum? Hospital?
  • Tag scapes with keywords.
  • Provide a scape summary. This is what appears on the right side of the tile to attract attention to your mobile tour.

These options are all available under the “Details” tab in the Authoring Panel, by way of the “Edit Scape Details” button.

SEO Advantages for Your Mobile Tour

We’ll talk about this more in later blogging, but these discovery techniques and vehicles can give you search engine optimization (SEO) advantages for your mobile tour. As search algorithms mature and evolve, more focus is being put on the need to generate content. Every opportunity to include keywords and keyword rich content to meaningfully communicate your message is precious.

From this perspective, the items mentioned above are actually secondary to putting the building of content rich scapes first.

In the end, leveraging all of the above to work for you – as well as presenting your scape as a Featured Scape – can produce a compelling mobile tour that new visitors discover and experience.

Matthew White

Matthew White blogs on all things related to virtual tours, mobile touring, and tour apps as well as how they relate to web design, SEO, and content marketing. There is also of course helpful information on using Whitepoint - the framework for smarter virtual touring and mobile-friendly tours.

facebooktwittergoogle_plusredditlinkedinmailby feather

Password Protection for Mobile Tours Now Available

Ever thought about offering a tour for mobile devices that only certain people can access? Maybe guests, visitors, or employees? No problem.

Password protection for mobile tours and desktop tour access is now available to Whitepoint Pro and Premier Authoring Accounts.

Examples of Password Protected Tour Scenarios

For example, this is helpful when you’re using Whitepoint access as a perk to ticketholders for an exhibit. In an exhibition environment, you may want a separate scape – our term for “tour” – for those who have paid admission. This might replace an audio guide, for instance.

Golden Gate Bridge - Screenshot from a Whitepoint Tour

If you were providing a walking tour of the Golden Gate Bridge, you might want to offer mobile tour access to ticketholders only.

In a training scenario, you may want trainees to have access to material that the public can’t see or access. Password protection for your kitchen tour or retail shelving training presentation is a perfect fit.

Currently, the capability is available in the Whitepoint Android app and for the ScapeViewer – tours that are accessible to desktop or laptop computer users. Password protected access to scapes will soon be available in the iOS app.

Your Tour Secrets Are Safe

And, don’t forget: For Premier Authors, scapes can be listed as public, private, or super private – depending on your desired level of secrecy.

  • Public – Scapes, or tours, that are listed as public are available for searching.
  • Private – Scapes, or tours, that are listed as private can be discovered by search but not accessed without the password.
  • Super Private – Scapes, or tours, that are listed as super private can not be discovered by search and also require a password.

This means your password protected scape could be used in a public facing scenario or for internal use only. Whether guest, visitor, or employee, they can access the scape by mobile device or desktop computer. For added security, you may even want to consider a DIY kiosk. Or, issue standard tablets or iPads for specific uses.

Haven’t built a scape yet? Get started today.

Updated July 18, 2016.

Matthew White

Matthew White blogs on all things related to virtual tours, mobile touring, and tour apps as well as how they relate to web design, SEO, and content marketing. There is also of course helpful information on using Whitepoint - the framework for smarter virtual touring and mobile-friendly tours.

facebooktwittergoogle_plusredditlinkedinmailby feather

How to Make a Slideshow for Mobile Devices

We talk a great deal on this blog about mobile tours and mobile-friendly virtual tours. However, building a slideshow is still one of the most basic needs for web developers and content producers.  In an earlier post, we discussed how to make a slideshow for artist or creative portfolios. Here, let’s look at even more general slideshow capability.

Slideshow Flexibility

How to make a slideshow for a student using an iPad

More content is being consumed on mobile. Here’s how to make a slideshow that meets those new demands. Image copyright: mettus / 123RF Stock Photo.

A simple example of a slideshow is a group of photos that users can navigate. For example, the photos could be of a hotel or conference center. A traveler blogger might want to share the unique sights of a boutique, without a lot of additional details. The hotel or conference center owner might want to provide a simple way for visitors to quickly view images of what the space looks like.

In addition, both may want to provide this information in some kind of logical format, or to have greater control over updating the images frequently.

Slideshows and Mobile Devices

Opening a slideshow from the web in a mobile browser can be an unpredictable experience. For marketers especially, this has complicated the whole idea of delivering a slideshow. Additionally, making images easily accessible on a web site while making the content mobile-friendly requires something other than what the big three (four or five?) social media tools provide.

For example, if you want to upload pictures and make those pictures simultaneously available via public links on your web site as well as to mobile device users, that can be problematic and may require multiple, separate uploads of the same images. That’s painful.

How To Make a Slideshow Easily Using Whitepoint

The Whitepoint framework provides a lot of capabilities that go beyond the basic slideshow. That’s good, because you can grow into it later if you want to simply start with a basic slideshow for now.

For our purposes here, the slides in a slideshow are what we refer to as scenes in Whitepoint. The slideshow itself is what we refer to as a scape.

Basically, when using Whitepoint, you’re uploading photos and naming those photos. You can get fancier – much fancier – later if you want.

How to Make a Slideshow in Whitepoint Authoring

How to make a slideshow in the Whitepoint Authoring Panel: Scenes can be re-ordered with drag and drop.

  • Scenes (slides) can be easily re-ordered using the scene tile layout in Whitepoint’s Authoring Panel. Just drag and drop them.
  • Scenes (slides) can be easily updated at any time – just go to that scene and update the photo.
  • You can link to the slideshow from your web site. A simple code snippet that Whitepoint provides is all that is required.
  • Once the scape (slideshow) is live, your updates push immediately to the free Whitepoint mobile app for Android or iOS. All interested users need to do is download the free app to access it.
  • If the web site link to the scape is provided, updated content pushes immediately to both the app and desktop-based viewer.
  • If a mobile user tries to access the scape via your web site, they will be prompted to download the app if they don’t have it already. They download it once and can access other scapes this way . . . this helps drive new users to your slideshow as well.

A Few Final Tips on How to Make a Slideshow

You’ll want a good overview image to introduce your Whitepoint slideshow – we call this a scape image. It is the image that represents your scape and draws attention to it among lists of other scapes.

You’ll also want a basic introductory sentence or two – a summary for your scape.

Finally, each scene (slide) will need a name.

That’s it – you can be up and running in no time with a very effective slideshow using Whitepoint and accessible from your existing web site.

Get started building your slideshow with Whitepoint today. There are YouTube tutorials on authoring and an easy breakdown of features in our subscription plans with quick subscription setup.

Happy #whitepointing.

Updated July 28, 2016.

Matthew White

Matthew White blogs on all things related to virtual tours, mobile touring, and tour apps as well as how they relate to web design, SEO, and content marketing. There is also of course helpful information on using Whitepoint - the framework for smarter virtual touring and mobile-friendly tours.

facebooktwittergoogle_plusredditlinkedinmailby feather

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

How To Build a Creative Portfolio for the Mobile Web

One interesting use for the Whitepoint mobile touring framework is as a content manager for basic slideshow functionality. And, the jump to a creative portfolio isn’t far given the Whitepoint platform’s flexibility.

For artists, designers, interior decorators, and architects, this is good news. The mobile web has changed the way that creative portfolios are managed and presented.

Obviously, there are a number of slideshow solutions available out there. But, Whitepoint provides unique advantages for pushing content across iOS, Android, and via your web site if you want. This is perfect for those art fairs, meet ups, or conversations over drinks.

Furthermore, this includes simultaneous distribution of your content – meaning that you update the content in one place, and it is immediately available across each of those vehicles.

Getting Started

If any of the below doesn’t make sense to you just yet, remember that getting started delivering content with Whitepoint is easy, and we offer YouTube tutorials to help get going with authoring. And, in the event you’re a creative who doesn’t have graphic design experience or access to expensive graphic design tools, we provide some graphic design tips for building Whitepoint tours and guides as well.

Showcasing and Highlighting Work

There are several ways to share a portfolio using Whitepoint and provide more information about specific aspects of images. But, the fastest path forward is by building a basic slideshow:

  1. Take each of the images for the portfolio and add any necessary text to them. These are your scene images.
  2. Design one introductory – or overview – graphic and use this as the main scape image.

This approach will work for galleries who wish to offer slideshows of available work, artists and students who wish to build and distribute a free portfolio of their work, and in any other situation where a portfolio of existing jobs is needed.

Don’t forget the resources mentioned above to help get started. Happy #whitepointing.

facebooktwittergoogle_plusredditlinkedinmailby feather