{"id":1785,"date":"2022-12-02T12:55:54","date_gmt":"2022-12-02T12:55:54","guid":{"rendered":"https:\/\/blog.hostinger.io\/pt\/support\/2022\/12\/02\/6474784-hostinger-criador-de-sites-como-adicionar-um-mapa\/"},"modified":"2025-08-27T06:13:13","modified_gmt":"2025-08-27T06:13:13","slug":"6474784-hostinger-criador-de-sites-como-adicionar-um-mapa","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/br\/support\/6474784-hostinger-criador-de-sites-como-adicionar-um-mapa\/","title":{"rendered":"Hostinger Criador de Sites: Como Adicionar um Mapa"},"content":{"rendered":"<p class=\"no-margin\">Existem v&aacute;rias maneiras de adicionar um mapa ao seu site:<\/p><ul>\n<li>\n<p class=\"no-margin\"><b><a href=\"#h_a399e42878\" target=\"_blank\" class=\"intercom-content-link\">Usando o elemento de mapa<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"#h_515789c5a3\" target=\"_blank\" class=\"intercom-content-link\">Usando Google My Maps<\/a><\/b><\/p>\n<\/li>\n<\/ul><p class=\"no-margin\">\n<\/p><h2 id=\"h_a399e42878\"><b>Usando o elemento de mapa<\/b><\/h2><p class=\"no-margin\">No editor, abra o painel <b>Adicionar elementos<\/b> &agrave; esquerda. Escolha o elemento <b>Mapa <\/b>e arraste-o para o local desejado em seu site:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/br\/support\/wp-content\/uploads\/sites\/59\/2022\/12\/1336bd0a-8cc0-47e6-95d0-6b6b8f7b946e.jpg\"><\/div><p class=\"no-margin\">Clique no elemento para ver mais op&ccedil;&otilde;es (editar, duplicar, excluir, redimensionar):<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/br\/support\/wp-content\/uploads\/sites\/59\/2022\/12\/8348fbd1-5c08-4c85-9a4a-d3c520766372.jpg\"><\/div><p class=\"no-margin\">Clique em <b>Editar mapa<\/b> e insira o endere&ccedil;o desejado (voc&ecirc; pode simplesmente copi&aacute;-lo do <b><a href=\"https:\/\/www.google.com\/maps\/\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Google Maps<\/a><\/b>).<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\"><b>OBSERVA&Ccedil;&Atilde;O:<\/b> Em vez de usar o elemento de mapa, voc&ecirc; tamb&eacute;m pode <b><a href=\"https:\/\/support.hostinger.com\/en\/articles\/6475040-website-builder-how-to-add-and-manage-website-sections\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">inserir uma se&ccedil;&atilde;o de mapa<\/a><\/b> dedicada em seu site.<br>&#8203;<\/p><p class=\"no-margin\">\n<\/p><h2 id=\"h_515789c5a3\"><b>Usando Google My Maps<\/b><\/h2><p class=\"no-margin\">Se voc&ecirc; administra uma empresa em v&aacute;rios locais e deseja marcar todos eles no mapa, pode fazer isso com o <b><a href=\"https:\/\/www.google.com\/maps\/d\/\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">My Maps<\/a><\/b> do Google.<\/p><p class=\"no-margin\">\n<\/p><h2 id=\"h_21a57b0af3\">1. Criar o mapa<\/h2><p class=\"no-margin\">Abra o <b><a href=\"https:\/\/www.google.com\/maps\/d\/\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Google My Maps<\/a><\/b> e clique em <b>Criar um novo mapa<\/b>. Clique em <b>Mapa sem t&iacute;tulo <\/b>e adicione o nome e a descri&ccedil;&atilde;o do seu mapa. Voc&ecirc; tamb&eacute;m pode escolher a apar&ecirc;ncia do mapa clicando em <b>Mapa base<\/b>:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/br\/support\/wp-content\/uploads\/sites\/59\/2022\/12\/bafad10d-a931-408a-8b9f-a1232e696e63.jpg\"><\/div><p class=\"no-margin\">Na barra de pesquisa, insira seu endere&ccedil;o e marque a &aacute;rea de sua prefer&ecirc;ncia no mapa:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/br\/support\/wp-content\/uploads\/sites\/59\/2022\/12\/82c36872-679d-4732-8bb3-629bf1977a03.jpg\"><\/div><p class=\"no-margin\">Clique em <b>Adicionar ao mapa<\/b>:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/br\/support\/wp-content\/uploads\/sites\/59\/2022\/12\/ea8fe4f5-0843-4da0-a9b0-ccbeb037db83.jpg\"><\/div><p class=\"no-margin\">Assim, voc&ecirc; pode marcar mais endere&ccedil;os no mapa:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/br\/support\/wp-content\/uploads\/sites\/59\/2022\/12\/255356b4-2515-4d7f-b214-da54ba44318c.jpg\"><\/div><p class=\"no-margin\">Saiba mais: <b><a href=\"https:\/\/support.google.com\/mymaps\/answer\/3024454?hl=pt&amp;ref_topic=3024924#\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Criar ou abrir um mapa<\/a><\/b><\/p><p class=\"no-margin\">\n<\/p><h2 id=\"h_51a7af2ae0\">2. Incorpore o mapa ao seu site<\/h2><p class=\"no-margin\">Depois de criar seu mapa, &eacute; hora de incorpor&aacute;-lo ao seu site. O primeiro passo &eacute; torn&aacute;-lo vis&iacute;vel para todos &ndash; clique em <b>Compartilhar<\/b>:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/br\/support\/wp-content\/uploads\/sites\/59\/2022\/12\/5688f718-501f-40b6-8824-d219f942d748.jpg\"><\/div><p class=\"no-margin\">Alterne as op&ccedil;&otilde;es <b>Qualquer pessoa com este link pode visualizar<\/b> e <b>Permitir que outras pessoas procurem e encontrem este mapa na Internet<\/b>. Clique em <b>Compartilhar no Drive<\/b>:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/br\/support\/wp-content\/uploads\/sites\/59\/2022\/12\/107c47be-5cad-45c2-9e43-56eb1c217972.jpg\"><\/div><p class=\"no-margin\">Por fim, clique em <b>Conclu&iacute;do<\/b>:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/br\/support\/wp-content\/uploads\/sites\/59\/2022\/12\/f8a61bc6-c068-46f1-b998-a2b99aa936b4.jpg\"><\/div><p class=\"no-margin\">Agora, voc&ecirc; est&aacute; pronto para obter um c&oacute;digo. Clique no bot&atilde;o de retic&ecirc;ncias &#8942; na parte superior da janela de configura&ccedil;&otilde;es e clique em <b>Incorporar no meu site<\/b>:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/br\/support\/wp-content\/uploads\/sites\/59\/2022\/12\/627f0ec3-d50e-4e0a-a707-e48b276d1c95.jpg\"><\/div><p class=\"no-margin\">Voc&ecirc; obter&aacute; o c&oacute;digo do seu mapa. Copie-o e cole-o em seu site usando o <b><a href=\"\/br\/support\/6463152-criador-de-sites-como-embutir-um-codigo-personalizado\" target=\"_blank\" class=\"intercom-content-link\">elemento de c&oacute;digo incorporado<\/a><\/b>. Se voc&ecirc; deseja que o mapa seja maior ou menor, redimensione o elemento de c&oacute;digo ou altere os n&uacute;meros de largura e altura no c&oacute;digo dentro do elemento de c&oacute;digo incorporado:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/br\/support\/wp-content\/uploads\/sites\/59\/2022\/12\/57cc7877-b00b-431d-95c2-251b0c6f9202.jpg\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Mostre sua localiza\u00e7\u00e3o adicionando um mapa ao seu site<\/p>\n","protected":false},"author":581,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"include_on_kodee":true,"footnotes":""},"categories":[257],"tags":[],"class_list":["post-1785","post","type-post","status-publish","format-standard","hentry","category-elementos-do-site"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6474784-hostinger-website-builder-how-to-add-a-map\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/6474784-hostinger-creador-de-sitios-web-como-agregar-un-mapa\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/6474784-hostinger-createur-de-site-web-comment-ajouter-une-carte\/","default":0},{"locale":"lt-LT","link":"https:\/\/www.hostinger.com\/lt\/support\/6474784-hostinger-svetainiu-kurimo-irankis-zemelapio-elementas\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/br\/support\/6474784-hostinger-criador-de-sites-como-adicionar-um-mapa\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/posts\/1785","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/users\/581"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/comments?post=1785"}],"version-history":[{"count":1,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/posts\/1785\/revisions"}],"predecessor-version":[{"id":3422,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/posts\/1785\/revisions\/3422"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/media?parent=1785"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/categories?post=1785"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/tags?post=1785"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}