{"id":2747,"date":"2023-01-27T09:52:44","date_gmt":"2023-01-27T12:52:44","guid":{"rendered":"https:\/\/wiki3.locaweb.com.br\/?post_type=ht_kb&#038;p=2747"},"modified":"2024-08-05T16:50:37","modified_gmt":"2024-08-05T19:50:37","slug":"como-inserir-mapa-do-google-criador-de-sites","status":"publish","type":"ht_kb","link":"https:\/\/www.locaweb.com.br\/ajuda\/wiki\/como-inserir-mapa-do-google-criador-de-sites\/","title":{"rendered":"Como inserir mapa do Google &#8211; Criador de Sites"},"content":{"rendered":"    \t\t<div class=\"hts-messages hts-messages--info  hts-messages--withtitle hts-messages--withicon \"   >\r\n    \t\t\t<span class=\"hts-messages__title\"><b>Informa\u00e7\u00e3o!<\/b><\/span>    \t\t\t    \t\t\t\t<p>\r\n    \t\t\t\t\tNo Criador de Sites\u00a0voc\u00ea pode inserir mapas de localiza\u00e7\u00e3o usando o\u00a0Google Maps, assim voc\u00ea pode personalizar o seu site com a localiza\u00e7\u00e3o da sua empresa, com\u00e9rcio, etc.    \t\t\t\t<\/p>\r\n    \t\t\t    \t\t\t\r\n    \t\t<\/div><!-- \/.ht-shortcodes-messages -->\r\n    \t\t\n<p>Part 1 |<\/p>\n<p><iframe loading=\"lazy\" title=\"YouTube video player\" src=\"https:\/\/www.youtube.com\/embed\/L_mUcbUcpsA?clip=UgkxWnfd2mZw8X6we0lZarqISdQK6zlkv3sp&amp;clipt=ELzrQBicwEQ\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p>Part 2 |<\/p>\n<p><iframe loading=\"lazy\" title=\"YouTube video player\" src=\"https:\/\/www.youtube.com\/embed\/L_mUcbUcpsA?clip=UgkxTETFtmFdl8KuDbypFXivsOKdV6lFikeb&amp;clipt=EL-xRBifhkg\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n    \t\t<div class=\"hts-messages hts-messages--info   hts-messages--withicon \"   >\r\n    \t\t\t    \t\t\t    \t\t\t\t<p>\r\n    \t\t\t\t\t Abaixo, disponibilizamos imagens com o passo a passo a seguir.    \t\t\t\t<\/p>\r\n    \t\t\t    \t\t\t\r\n    \t\t<\/div><!-- \/.ht-shortcodes-messages -->\r\n    \t\t\n<h6>Gerando c\u00f3digo no Google Maps<\/h6>\n<ul>\n<li>Acesse o site do <strong><a href=\"https:\/\/www.google.com.br\/maps\" target=\"_blank\" rel=\"noopener\">Google Maps<\/a><\/strong><\/li>\n<li>Busque o endere\u00e7o que deseja e, ap\u00f3s localizar o endere\u00e7o, clique em\u00a0<b>Compartilhar.<\/b><\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2995\" src=\"https:\/\/ajuda.locaweb.com.br\/wp-content\/uploads\/2018\/06\/Inserir-Mapa-do-Google-Criador-de-Sites-google-maps.jpg\" alt=\"\" width=\"712\" height=\"378\" srcset=\"https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Inserir-Mapa-do-Google-Criador-de-Sites-google-maps.jpg 712w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Inserir-Mapa-do-Google-Criador-de-Sites-google-maps-300x159.jpg 300w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Inserir-Mapa-do-Google-Criador-de-Sites-google-maps-50x27.jpg 50w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Inserir-Mapa-do-Google-Criador-de-Sites-google-maps-60x32.jpg 60w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Inserir-Mapa-do-Google-Criador-de-Sites-google-maps-100x53.jpg 100w\" sizes=\"auto, (max-width: 712px) 100vw, 712px\" \/><\/p>\n<ul>\n<li>\u00a0Abrir\u00e1 uma nova tela no qual deve clicar na aba\u00a0<b>Incorporar mapa<\/b>, em seguida selecione e copie o c\u00f3digo gerado clicando em\u00a0<strong>Copiar HTML<\/strong>.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2996\" src=\"https:\/\/ajuda.locaweb.com.br\/wp-content\/uploads\/2018\/06\/Inserir-Mapa-do-Google-Criador-de-Sites-copiar-html.jpg\" alt=\"\" width=\"412\" height=\"443\" srcset=\"https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Inserir-Mapa-do-Google-Criador-de-Sites-copiar-html.jpg 412w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Inserir-Mapa-do-Google-Criador-de-Sites-copiar-html-279x300.jpg 279w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Inserir-Mapa-do-Google-Criador-de-Sites-copiar-html-47x50.jpg 47w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Inserir-Mapa-do-Google-Criador-de-Sites-copiar-html-56x60.jpg 56w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Inserir-Mapa-do-Google-Criador-de-Sites-copiar-html-93x100.jpg 93w\" sizes=\"auto, (max-width: 412px) 100vw, 412px\" \/><\/p>\n<h6>Inserindo o c\u00f3digo no Criador de Sites<\/h6>\n<ul>\n<li>Acesse o<strong> painel do <a href=\"https:\/\/www.locaweb.com.br\/criador-de-sites\/\" target=\"_blank\" rel=\"noopener\">Criador de Sites<\/a><\/strong><\/li>\n<li>Na edi\u00e7\u00e3o do site, arraste o box de\u00a0<b>C\u00f3digo\u00a0<\/b>para o local onde deseja inserir o seu mapa.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2997\" src=\"https:\/\/ajuda.locaweb.com.br\/wp-content\/uploads\/2018\/06\/Inserir-Mapa-do-Google-Criador-de-Sites-elemento-codigo.jpg\" alt=\"\" width=\"727\" height=\"477\" srcset=\"https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Inserir-Mapa-do-Google-Criador-de-Sites-elemento-codigo.jpg 727w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Inserir-Mapa-do-Google-Criador-de-Sites-elemento-codigo-300x197.jpg 300w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Inserir-Mapa-do-Google-Criador-de-Sites-elemento-codigo-50x33.jpg 50w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Inserir-Mapa-do-Google-Criador-de-Sites-elemento-codigo-60x39.jpg 60w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Inserir-Mapa-do-Google-Criador-de-Sites-elemento-codigo-100x66.jpg 100w\" sizes=\"auto, (max-width: 727px) 100vw, 727px\" \/><\/p>\n<ul>\n<li>Dentro do box c\u00f3digo, cole o c\u00f3digo que gerou no site do Google Maps<\/li>\n<\/ul>\n    \t\t<div class=\"hts-messages hts-messages--alert  hts-messages--withtitle hts-messages--withicon \"   >\r\n    \t\t\t<span class=\"hts-messages__title\"><b>Observa\u00e7\u00e3o!<\/b><\/span>    \t\t\t    \t\t\t\t<p>\r\n    \t\t\t\t\tRecomendamos que na parte do c\u00f3digo onde aparece <b>width=&#8221;XXX&#8221;<\/b>\u00a0voc\u00ea altere o valor para\u00a0<b>100%<\/b>, ficando\u00a0<b>width=&#8221;100%&#8221;<\/b>, assim o mapa usar\u00e1 todo o espa\u00e7o designado para ele na se\u00e7\u00e3o, deixando com o visual mais agrad\u00e1vel.    \t\t\t\t<\/p>\r\n    \t\t\t    \t\t\t\r\n    \t\t<\/div><!-- \/.ht-shortcodes-messages -->\r\n    \t\t\n<h6><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2998\" src=\"https:\/\/ajuda.locaweb.com.br\/wp-content\/uploads\/2018\/06\/Inserir-Mapa-do-Google-Criador-de-Sites-width.jpg\" alt=\"\" width=\"694\" height=\"424\" srcset=\"https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Inserir-Mapa-do-Google-Criador-de-Sites-width.jpg 694w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Inserir-Mapa-do-Google-Criador-de-Sites-width-300x183.jpg 300w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Inserir-Mapa-do-Google-Criador-de-Sites-width-50x31.jpg 50w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Inserir-Mapa-do-Google-Criador-de-Sites-width-60x37.jpg 60w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Inserir-Mapa-do-Google-Criador-de-Sites-width-100x61.jpg 100w\" sizes=\"auto, (max-width: 694px) 100vw, 694px\" \/><\/h6>\n<h6>Centrealizando o mapa<\/h6>\n<ul>\n<li>Para os casos em que voc\u00ea deseja que o mapa fique centralizado, voc\u00ea pode utilizar o c\u00f3digo abaixo:<\/li>\n<\/ul>\n<pre>&lt;div style=\"text-align:center\"&gt; TEXTO &lt;\/div&gt;<\/pre>\n    \t\t<div class=\"hts-messages hts-messages--alert  hts-messages--withtitle hts-messages--withicon \"   >\r\n    \t\t\t<span class=\"hts-messages__title\"><b>Observa\u00e7\u00e3o!<\/b><\/span>    \t\t\t    \t\t\t\t<p>\r\n    \t\t\t\t\tSubstituir o\u00a0TEXTO, pelo c\u00f3digo do mapa que voc\u00ea obteve:    \t\t\t\t<\/p>\r\n    \t\t\t    \t\t\t\r\n    \t\t<\/div><!-- \/.ht-shortcodes-messages -->\r\n    \t\t\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2999\" src=\"https:\/\/ajuda.locaweb.com.br\/wp-content\/uploads\/2018\/06\/Inserir-Mapa-do-Google-Criador-de-Sites-centrealizar-mapa.jpg\" alt=\"\" width=\"698\" height=\"429\" srcset=\"https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Inserir-Mapa-do-Google-Criador-de-Sites-centrealizar-mapa.jpg 698w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Inserir-Mapa-do-Google-Criador-de-Sites-centrealizar-mapa-300x184.jpg 300w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Inserir-Mapa-do-Google-Criador-de-Sites-centrealizar-mapa-50x31.jpg 50w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Inserir-Mapa-do-Google-Criador-de-Sites-centrealizar-mapa-60x37.jpg 60w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Inserir-Mapa-do-Google-Criador-de-Sites-centrealizar-mapa-100x61.jpg 100w\" sizes=\"auto, (max-width: 698px) 100vw, 698px\" \/><\/p>\n    \t\t<div class=\"hts-messages hts-messages--info  hts-messages--withtitle hts-messages--withicon \"   >\r\n    \t\t\t<span class=\"hts-messages__title\"><b>Conhe\u00e7a!<\/b><\/span>    \t\t\t    \t\t\t\t<p>\r\n    \t\t\t\t\tAproveite e conhe\u00e7a outros produtos da Locaweb, como o <a href=\"https:\/\/www.locaweb.com.br\/servidor-vps\/\">VPS<\/a> Locaweb. Acesse\u00a0e saiba mais!    \t\t\t\t<\/p>\r\n    \t\t\t    \t\t\t\r\n    \t\t<\/div><!-- \/.ht-shortcodes-messages -->\r\n    \t\t\n","protected":false},"excerpt":{"rendered":"<p>Part 1 | Part 2 | Gerando c\u00f3digo no Google Maps Acesse o site do Google Maps Busque o endere\u00e7o que deseja e, ap\u00f3s localizar o endere\u00e7o, clique em\u00a0Compartilhar. \u00a0Abrir\u00e1 uma nova tela no qual deve clicar na aba\u00a0Incorporar mapa, em seguida selecione e copie o c\u00f3digo gerado clicando em\u00a0Copiar&#8230;<\/p>\n","protected":false},"author":6,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[107],"ht-kb-tag":[496],"class_list":["post-2747","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-criador-de-sites","ht_kb_tag-categoriacriador-de-sites"],"_links":{"self":[{"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/ht-kb\/2747","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/comments?post=2747"}],"version-history":[{"count":14,"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/ht-kb\/2747\/revisions"}],"predecessor-version":[{"id":35961,"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/ht-kb\/2747\/revisions\/35961"}],"wp:attachment":[{"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/media?parent=2747"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/ht-kb-category?post=2747"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/ht-kb-tag?post=2747"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}