HOW TO: Embed Your 360° Images On Your Website!

You've made a fantastic decision for your business and created a series of Google 360° images for your business. But I hear you ask, "how do I put these amazing, fantastic new images on my website, for all to see?"

We are here to help!

Putting your 360° images on your website is a piece of cake. You can choose where your visitors start your tour (if all your photos join one another), or which 360° image to put on each page. You can also edit the dimensions for your images to be shown in. Most websites require an 'iFrame' - a special piece of code that pulls your tour across from Google, onto a webpage.



First off - your Google corresponder from Mint Design would have sent you a link with an embedding code to put on your website in the form of an iframe. If you'd like to change the starting point of your embedded tour, follow these steps.

Head to your email inbox and locate your go-live email. If you can't find it, search for '[email protected]' in your email search box.

Click on the link that leads you to your album of online images on Google - it will be the first link in your go-live email.



Click on the image you'd like to be embedded.

ResizedImage600403 minty pointing



Feel free to have a grand old time exploring your tour and admiring the photography. Once you've found your position in the tour that you want people to start at, locate the black box in the top left corner of your screen.

ResizedImage600298 Screen Shot 2017 04 06 at 1.34.52 pm

Click on the icon in this box that looks like three little dots, and select 'Share and Embed Image.'



A small share/embed window will pop up. Click on ‘Embed Image’. Click on the drop down and select ‘Large’. If you are familiar with your website backend, feel free to select 'Custom' and change the dimensions to your desired size.

Select all the code (the stuff starting with “<iframe…..”) and copy it.



You now have your iframe! You can make as many of these as you like, and the code won't break if you choose to make more. Simply place your iframe into the corresponding area in your backend, and voila! Your tour is now displayed in all of it's beauty!



If you need assistance with the above, or any other aspect of your online marketing, be sure to get in touch with us here at Mint Design.


Share it!
Latest Posts
Packed Out Room + Actionable Tips
Mint Training Partnership With The Canterbury Employer's Chamber Of Commerce
How To Verify Your Business's Facebook Page
Our Sites vs. The Rest | The Pros & Cons of Professional Web Design