Learn how to add a Google 360 image into any section of a page


Step 1 - Add the "Google 360 View" section block to the page

On the page you're working on, click "Add section" then add "Google 360 View"

Step 2 - Paste in the Google 360 Image Embed URL

  • To get the embed URL, go to https://www.google.com/maps and click on the 360 image on the location's profile
  • Click the 3 dots (as shown below) then select "Share or embed image"
  • Click the "Embed a map" tab, then copy and paste the HTML code to your notepad
  • Copy the URL that you see on the HTML code you pasted on the notepad and paste that on embed URL field in Sociavore

Step 3 - Select a section height size

Step 4 - Select a section width size

Step 5 - Customize the section title & description

(not available for some themes)

  • Enter a title to describe the 360 image
  • Add a text description below the title
  • Center the title (if left unchecked, title will be on the left side)

Step 6 - Add a Background Image

(not available for some themes)

  • Upload a background image (or check the box to remove the background)
  • Adjust the transparency level of the image, increasing the transparency will make the background image darker

Step 7 - Don't forget to save your work!