This article will cover the best practices for embedding a TourBuilder Pro virtual tour on a website.
1. Have a clear call-to-action
Your call-to-action needs to be clear, that way the person visiting your site knows exactly what they should do. Do not get carried away with the name, make it simple and use action words such as View Virtual Tour
2. Always embed above the fold
Above the fold refers to the top of the page that is seen without the need to scroll. The placement of your virtual tour is important because the content above the fold is what's first visible to the person viewing your website. You will get the most results with your virtual tour here.
3. Embed on the gallery page
Another great tip is to have your virtual tour on your galley page. With a clear CTA on your home page linking to the gallery, you are sure to see more engagement.
4. Don't forget about mobile devices
According to Google, nearly 60% of search queries happen from mobile devices. That makes it crucial to optimize your TourBuilder Pro tour to appear correctly on smartphones.
Industry best practices recommend embedding your TourBuilder Pro code in a responsive container. This will allow the tour to adapt accordingly to the size of the screen that it appears on.
Another good practice is to embed rather that Iframe the tour. Embedding the tour will allow you to additionally track your TourBuilder Pro progress with Google analytics on top of your TourBuilder Insights dashboard.
Lastly, when implementing the code, make sure to use percentage-based values such as 100% rather than fixed pixel sizes. This again will allow the tour to take up the size of the screen correctly.
*Our TourBuilder Pro embed codes that come with each tour are already following these best practices, therefore, by using our code, your tour will automatically be optimized for mobile devices.
Have More Questions?
Have a question about your TourBuilder Pro virtual tour or don't see what you're looking for? Contact our support team at clientcare@LCPMedia.com.