{"id":4016,"date":"2016-03-04T21:37:10","date_gmt":"2016-03-05T02:37:10","guid":{"rendered":"https:\/\/visitevirtuellepanosphere360.com\/wp\/?p=4016"},"modified":"2026-05-08T13:59:06","modified_gmt":"2026-05-08T17:59:06","slug":"integrate-virtual-visit-google-website-wordpress","status":"publish","type":"post","link":"https:\/\/visitevirtuellepanosphere360.com\/en\/nouvelle\/integrer-visite-virtuelle-google-site-web-wordpress\/","title":{"rendered":"How to embed a google virtual tour on a website (wordpress)"},"content":{"rendered":"<h3>The virtual tour is now available online via your Google Local page and via the Google Street View service. You can now embed it on your website by following these steps:<\/h3>\n<p><b>1.&nbsp;<\/b>Open and search for your business on Google Maps:&nbsp;<a href=\"https:\/\/www.google.ca\/maps\/\" rel=\"nofollow noopener\" target=\"_blank\">https:\/\/www.google.ca\/maps\/<\/a><\/p>\n<p><b>2. <\/b>Click on the \u201cinterior\u201d tab which takes you into your Street View virtual tour. Once in your virtual tour, place the view at the angle you want the 360 image to be placed on your website.<\/p>\n<p><strong>3.&nbsp;<\/strong>At the top left of your screen, you will notice three small overlapping dots,<em><strong>&nbsp;Click&nbsp;<\/strong><\/em>and you will have the option to&nbsp;<strong><em>Share or embed the image.<\/em><\/strong><\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter wp-image-7204 size-full\" src=\"https:\/\/visitevirtuellepanosphere360.com\/wp-content\/uploads\/2016\/03\/Capture-decran-2016-03-04-a-21.00.11-1.png\" alt=\"\" width=\"1014\" height=\"586\" srcset=\"https:\/\/visitevirtuellepanosphere360.com\/wp-content\/uploads\/2016\/03\/Capture-decran-2016-03-04-a-21.00.11-1.png 1014w, https:\/\/visitevirtuellepanosphere360.com\/wp-content\/uploads\/2016\/03\/Capture-decran-2016-03-04-a-21.00.11-1-300x173.png 300w, https:\/\/visitevirtuellepanosphere360.com\/wp-content\/uploads\/2016\/03\/Capture-decran-2016-03-04-a-21.00.11-1-768x444.png 768w, https:\/\/visitevirtuellepanosphere360.com\/wp-content\/uploads\/2016\/03\/Capture-decran-2016-03-04-a-21.00.11-1-18x10.png 18w\" sizes=\"(max-width: 1014px) 100vw, 1014px\" \/><\/p>\n<p>share or embed the image<\/p>\n<p><strong>4.&nbsp;<\/strong>You will now have the choice of a link to your visit or&nbsp;<em><strong>Embed Image.&nbsp;<\/strong><\/em><\/p>\n<p><a href=\"https:\/\/visitevirtuellepanosphere360.com\/wp-content\/uploads\/2016\/03\/Capture-decran-2016-03-04-a-21.00.32.png\" rel=\"attachment wp-att-4018\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-7206\" src=\"https:\/\/visitevirtuellepanosphere360.com\/wp-content\/uploads\/2016\/03\/Capture-decran-2016-03-04-a-21.00.32-1.png\" alt=\"Embed Image\" width=\"1290\" height=\"1240\" srcset=\"https:\/\/visitevirtuellepanosphere360.com\/wp-content\/uploads\/2016\/03\/Capture-decran-2016-03-04-a-21.00.32-1.png 1290w, https:\/\/visitevirtuellepanosphere360.com\/wp-content\/uploads\/2016\/03\/Capture-decran-2016-03-04-a-21.00.32-1-300x288.png 300w, https:\/\/visitevirtuellepanosphere360.com\/wp-content\/uploads\/2016\/03\/Capture-decran-2016-03-04-a-21.00.32-1-1024x984.png 1024w, https:\/\/visitevirtuellepanosphere360.com\/wp-content\/uploads\/2016\/03\/Capture-decran-2016-03-04-a-21.00.32-1-768x738.png 768w, https:\/\/visitevirtuellepanosphere360.com\/wp-content\/uploads\/2016\/03\/Capture-decran-2016-03-04-a-21.00.32-1-12x12.png 12w\" sizes=\"(max-width: 1290px) 100vw, 1290px\" \/><\/a><\/p>\n<p><strong>5. <\/strong>Once <strong><em>Embed Image<\/em><\/strong>&nbsp;selected , I suggest you click the button <em><strong>mean<\/strong><\/em>&nbsp;to the left of the line where the&nbsp;<em><strong>html coding<\/strong><\/em> you need for your site. Then choose&nbsp;<em><strong>custom size<\/strong><\/em>. You will therefore have the option of choosing the dimensions you want for your site.<\/p>\n<figure id=\"attachment_6770\" aria-describedby=\"caption-attachment-6770\" style=\"width: 300px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/visitevirtuellepanosphere360.com\/wp-content\/uploads\/2016\/03\/Capture-decran-2016-03-04-a-21.04.48.png\"><img decoding=\"async\" class=\"wp-image-6770 size-medium\" src=\"https:\/\/visitevirtuellepanosphere360.com\/wp-content\/uploads\/2016\/03\/Capture-decran-2016-03-04-a-21.04.48-300x182.png\" alt=\"custom size\" width=\"300\" height=\"182\" srcset=\"https:\/\/visitevirtuellepanosphere360.com\/wp-content\/uploads\/2016\/03\/Capture-decran-2016-03-04-a-21.04.48-300x182.png 300w, https:\/\/visitevirtuellepanosphere360.com\/wp-content\/uploads\/2016\/03\/Capture-decran-2016-03-04-a-21.04.48-1024x623.png 1024w, https:\/\/visitevirtuellepanosphere360.com\/wp-content\/uploads\/2016\/03\/Capture-decran-2016-03-04-a-21.04.48-768x467.png 768w, https:\/\/visitevirtuellepanosphere360.com\/wp-content\/uploads\/2016\/03\/Capture-decran-2016-03-04-a-21.04.48-18x12.png 18w, https:\/\/visitevirtuellepanosphere360.com\/wp-content\/uploads\/2016\/03\/Capture-decran-2016-03-04-a-21.04.48.png 1368w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><figcaption id=\"caption-attachment-6770\" class=\"wp-caption-text\">custom size<\/figcaption><\/figure>\n<p><strong>6. &nbsp;<\/strong>Copy the html coding to the place you want on your website.<\/p>\n<p style=\"text-align: left;\"><a href=\"https:\/\/visitevirtuellepanosphere360.com\/en\/\">Panosphere 360 virtual tour<\/a><\/p>\n<p><iframe style=\"border: 0;\" src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m0!3m2!1sfr!2sca!4v1457144978598!6m8!1m7!1s4ldLqFMnzqYAAAQvOkl5cQ!2m2!1d45.41896919957911!2d-73.48759233355696!3f286.0829632216875!4f-13.129813972468952!5f0.7820865974627469\" width=\"600\" height=\"600\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>","protected":false},"excerpt":{"rendered":"<p>The virtual tour is now available online via your Google Local page and via the Google Street View service. You can now embed it on your website by following these steps\u2026<\/p>","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","rank_math_title":"Int\u00e9grer une visite virtuelle Google sur WordPress","rank_math_description":"Tutoriel pour int\u00e9grer une visite virtuelle Google sur un site WordPress en 5 minutes : code embed, plugin et bonnes pratiques SEO.","rank_math_focus_keyword":"Comment int\u00e9grer un visite virtuelle google sur un site web","rank_math_canonical_url":""},"categories":[50,48,51],"tags":[],"class_list":["post-4016","post","type-post","status-publish","format-standard","hentry","category-questionsreponses","category-nouvelle","category-trucs-astuces"],"_links":{"self":[{"href":"https:\/\/visitevirtuellepanosphere360.com\/en\/wp-json\/wp\/v2\/posts\/4016","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/visitevirtuellepanosphere360.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/visitevirtuellepanosphere360.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/visitevirtuellepanosphere360.com\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/visitevirtuellepanosphere360.com\/en\/wp-json\/wp\/v2\/comments?post=4016"}],"version-history":[{"count":5,"href":"https:\/\/visitevirtuellepanosphere360.com\/en\/wp-json\/wp\/v2\/posts\/4016\/revisions"}],"predecessor-version":[{"id":7246,"href":"https:\/\/visitevirtuellepanosphere360.com\/en\/wp-json\/wp\/v2\/posts\/4016\/revisions\/7246"}],"wp:attachment":[{"href":"https:\/\/visitevirtuellepanosphere360.com\/en\/wp-json\/wp\/v2\/media?parent=4016"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/visitevirtuellepanosphere360.com\/en\/wp-json\/wp\/v2\/categories?post=4016"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/visitevirtuellepanosphere360.com\/en\/wp-json\/wp\/v2\/tags?post=4016"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}