{"id":4239,"date":"2015-09-20T11:33:46","date_gmt":"2015-09-20T08:33:46","guid":{"rendered":"https:\/\/www.tuur.ee\/google-see-inside-lisamine-enda-veebilehele-2\/"},"modified":"2025-05-02T10:14:46","modified_gmt":"2025-05-02T07:14:46","slug":"google-street-view-eestis-kuidas-veebilehele-lisada-ilusalongi","status":"publish","type":"page","link":"https:\/\/www.tuur.ee\/en\/google-street-view-eestis-kuidas-veebilehele-lisada-ilusalongi\/","title":{"rendered":"Adding Google Street View to your business website"},"content":{"rendered":"<p>If <a href=\"https:\/\/www.tuur.ee\/en\/google-street-view-eestis\/\">Street View<\/a> is ready and available in Google Maps, it is very easy to add it to your company&#039;s website. You just need to obtain the corresponding Street View <em>embed<\/em> code and copy it to the appropriate place on your website. I&#039;ll show you how to do it.<\/p>\n<p><strong>Open <span style=\"text-decoration: underline;\"><a href=\"https:\/\/www.google.ee\/maps\">Google Maps<\/a><\/span>.<\/strong> Find the business&#039;s Street View and open it.<\/p>\n<p>You can get the code by clicking on the three-dot button in the upper left corner of the info window. From the menu that opens, select: \u201cShare or embed image\u201d.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-4242 aligncenter\" src=\"http:\/\/www.tuur.ee\/wp-content\/uploads\/2025\/05\/embed-streetview-duglas-1.jpg\" alt=\"\" width=\"713\" height=\"360\" srcset=\"https:\/\/www.tuur.ee\/wp-content\/uploads\/2025\/05\/embed-streetview-duglas-1.jpg 2202w, https:\/\/www.tuur.ee\/wp-content\/uploads\/2025\/05\/embed-streetview-duglas-1-300x151.jpg 300w, https:\/\/www.tuur.ee\/wp-content\/uploads\/2025\/05\/embed-streetview-duglas-1-768x387.jpg 768w, https:\/\/www.tuur.ee\/wp-content\/uploads\/2025\/05\/embed-streetview-duglas-1-1536x774.jpg 1536w, https:\/\/www.tuur.ee\/wp-content\/uploads\/2025\/05\/embed-streetview-duglas-1-2048x1032.jpg 2048w, https:\/\/www.tuur.ee\/wp-content\/uploads\/2025\/05\/embed-streetview-duglas-1-18x9.jpg 18w, https:\/\/www.tuur.ee\/wp-content\/uploads\/2025\/05\/embed-streetview-duglas-1-1280x645.jpg 1280w\" sizes=\"auto, (max-width: 713px) 100vw, 713px\" \/><\/p>\n<p style=\"text-align: center;\">\u00a0(<em>As an example, I&#039;ll use Street View of a beauty salon in Douglas. <span style=\"text-decoration: underline;\"><a href=\"https:\/\/maps.app.goo.gl\/BB5Q3YCGHTbhGzi4A\" target=\"_blank\" rel=\"noopener\">See it on Google maps.<\/a><\/span> You can use this same interior view to test adding Street View to your website.)<\/em><\/p>\n<p>&nbsp;<\/p>\n<p>The window that opens immediately offers the option to share the Street View using a link (Share link). This is not what we want. We do not want to send a link, but rather display the Street View in a small window on our company&#039;s website. To do this, select \u201cEmbed image\u201d from the menu above.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-4243 aligncenter\" src=\"http:\/\/www.tuur.ee\/wp-content\/uploads\/2025\/05\/embed-streetview-duglas-2.jpg\" alt=\"\" width=\"524\" height=\"354\" srcset=\"https:\/\/www.tuur.ee\/wp-content\/uploads\/2025\/05\/embed-streetview-duglas-2.jpg 1578w, https:\/\/www.tuur.ee\/wp-content\/uploads\/2025\/05\/embed-streetview-duglas-2-300x203.jpg 300w, https:\/\/www.tuur.ee\/wp-content\/uploads\/2025\/05\/embed-streetview-duglas-2-768x519.jpg 768w, https:\/\/www.tuur.ee\/wp-content\/uploads\/2025\/05\/embed-streetview-duglas-2-1536x1038.jpg 1536w, https:\/\/www.tuur.ee\/wp-content\/uploads\/2025\/05\/embed-streetview-duglas-2-18x12.jpg 18w, https:\/\/www.tuur.ee\/wp-content\/uploads\/2025\/05\/embed-streetview-duglas-2-220x150.jpg 220w, https:\/\/www.tuur.ee\/wp-content\/uploads\/2025\/05\/embed-streetview-duglas-2-1280x865.jpg 1280w\" sizes=\"auto, (max-width: 524px) 100vw, 524px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Here you can copy the code to add to your website:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-4244 aligncenter\" src=\"http:\/\/www.tuur.ee\/wp-content\/uploads\/2025\/05\/embed-streetview-duglas-3.jpg\" alt=\"\" width=\"595\" height=\"488\" srcset=\"https:\/\/www.tuur.ee\/wp-content\/uploads\/2025\/05\/embed-streetview-duglas-3.jpg 1764w, https:\/\/www.tuur.ee\/wp-content\/uploads\/2025\/05\/embed-streetview-duglas-3-300x246.jpg 300w, https:\/\/www.tuur.ee\/wp-content\/uploads\/2025\/05\/embed-streetview-duglas-3-768x630.jpg 768w, https:\/\/www.tuur.ee\/wp-content\/uploads\/2025\/05\/embed-streetview-duglas-3-1536x1259.jpg 1536w, https:\/\/www.tuur.ee\/wp-content\/uploads\/2025\/05\/embed-streetview-duglas-3-15x12.jpg 15w, https:\/\/www.tuur.ee\/wp-content\/uploads\/2025\/05\/embed-streetview-duglas-3-1280x1049.jpg 1280w\" sizes=\"auto, (max-width: 595px) 100vw, 595px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>I&#039;m copy-pasting this code here into the same post you&#039;re reading now. As you can see, <span style=\"text-decoration: underline;\">This code creates a window that can be navigated within \u2013 without the user even having to go to the Google Maps environment.<\/span> \ud83d\ude42<\/p>\n<p><iframe loading=\"lazy\" style=\"border: 0;\" src=\"https:\/\/www.google.com\/maps\/embed?pb=!4v1746169703421!6m8!1m7!1sCAoSHENJQUJJaEFEeWM1VWdoWmFLMmZZS3ZVQUN2Zks.!2m2!1d59.43358744031714!2d24.75082359574197!3f242.81918283797725!4f-1.2118281011271392!5f0.7820865974627469\" width=\"100%\" height=\"600\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p>&nbsp;<\/p>\n<p>The code itself looks like this:<\/p>\n<blockquote class=\"pullquote\">&lt;iframe src=&#8221;https:\/\/www.google.com\/maps\/embed?pb=!4v1746166947214!6m8!1m7!1sCAoSHENJQUJJaEFEeWM1VWdoWmFLMmZZS3ZVQUN2Zks.!2m2!1d59.43358744031714!2d24.75082359574197!3f242.81918283797725!4f-1.2118281011271392!5f0.7820865974627469&#8243; width=&#8221;600&#8243; height=&#8221;450&#8243; style=&#8221;border:0;&#8221; allowfullscreen=&#8221;&#8221; loading=&#8221;lazy&#8221; scrolling=&#8221;no&#8221; referrerpolicy=&#8221;no-referrer-when-downgrade&#8221;&gt;&lt;\/iframe&gt;<\/blockquote>\n<p>And it needs to be inserted into a post or web page in code view.<\/p>\n<ul>\n<li>The initial Street View view is what is on the screen before you copy the code.<\/li>\n<li>I recommend a fixed width in the code (<em>width=\u201d600\u2033<\/em>) instead of writing <em>width=\u201d100%\u201d. Then the Street View window will automatically scale to the full width of the column and there will be no problems even on smaller screens. <\/em><\/li>\n<li><em>If you wish, you can also make the window larger vertically by typing height=\u201d600\u2033 instead of height=\u201d450\u2033.<\/em><\/li>\n<li>You can also add scrolling=&quot;no&quot; to the code. In this case, the website can continue scrolling even if the cursor lands on the iframe window.<\/li>\n<li><em>Test, preview and you&#039;ll definitely succeed. If you get stuck, ask for help.\u00a0<\/em><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center;\"><a class=\"sf-button large green sf-icon-reveal\" href=\"mailto:lauri@tuur.ee\" target=\"_blank\"><i class=\"ss-mail\"><\/i><span class=\"text\">CONTACT lauri@tuur.ee AND ORDER STREET VIEW<\/span><\/a><\/p>\n<p style=\"text-align: center;\">Or call - 55699801<\/p>\n<p style=\"text-align: center;\">","protected":false},"excerpt":{"rendered":"<p>Once the Street View is ready and up in Google Maps, it&#039;s very easy to add it to your company&#039;s website. You just need to get the corresponding embed code from Street View and copy it to the appropriate place on your website. I&#039;ll show you how to do it. Open Google Maps. Find the company&#039;s Street View and open it. You can get the code by clicking on the three-dot button in the upper left corner of the info window. From the [\u2026]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"class_list":["post-4239","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.tuur.ee\/en\/wp-json\/wp\/v2\/pages\/4239","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.tuur.ee\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.tuur.ee\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.tuur.ee\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tuur.ee\/en\/wp-json\/wp\/v2\/comments?post=4239"}],"version-history":[{"count":6,"href":"https:\/\/www.tuur.ee\/en\/wp-json\/wp\/v2\/pages\/4239\/revisions"}],"predecessor-version":[{"id":4248,"href":"https:\/\/www.tuur.ee\/en\/wp-json\/wp\/v2\/pages\/4239\/revisions\/4248"}],"wp:attachment":[{"href":"https:\/\/www.tuur.ee\/en\/wp-json\/wp\/v2\/media?parent=4239"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}