{"id":11454,"date":"2018-07-26T13:35:49","date_gmt":"2018-07-26T16:35:49","guid":{"rendered":"https:\/\/blog.hostinger.io\/pt-tutoriais\/?p=11454"},"modified":"2023-03-03T20:42:22","modified_gmt":"2023-03-03T23:42:22","slug":"como-colocar-google-maps-no-wordpress","status":"publish","type":"post","link":"\/pt\/tutoriais\/como-colocar-google-maps-no-wordpress","title":{"rendered":"Como adicionar o Google Maps no WordPress (em 3 passos)"},"content":{"rendered":"<p><span style=\"font-weight: 400\">Uma das principais fun&ccedil;&otilde;es que um site de neg&oacute;cios pode ter &eacute; uma forma de fazer com que os consumidores em potencial encontrem voc&ecirc; rapidamente.<\/span><\/p><p><span style=\"font-weight: 400\">Se o seu neg&oacute;cio tem um local f&iacute;sico, voc&ecirc; precisa dar aos seus visitantes todas as informa&ccedil;&otilde;es necess&aacute;rias para chegar l&aacute;. Na maioria das vezes, mostrar um mapa exato com a localiza&ccedil;&atilde;o &eacute; muito melhor do que apenas escrever o endere&ccedil;o no seu site.<\/span><\/p><p><span style=\"font-weight: 400\">Felizmente, o WordPress permite que voc&ecirc; adicione um mapa para chegar ao seu neg&oacute;cio usando v&aacute;rios m&eacute;todos diferentes. Neste artigo, voc&ecirc; vai aprender <\/span><b>como colocar Google Maps no WordPress<\/b><span style=\"font-weight: 400\"> usando 3 maneiras. S&atilde;o elas:<\/span><\/p><ul class=\"wp-block-list\">\n<li><span style=\"font-weight: 400\">Usando um plugin do Google Maps para WordPress.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400\">Incorporando o Google Maps no seu site por c&oacute;digo HTML<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400\">Usando seu tema WordPress<\/span><\/li>\n<\/ul><p><span style=\"font-weight: 400\">O conte&uacute;do abaixo ser&aacute; um pouco extenso. Mas n&atilde;o se preocupe. Ao final, voc&ecirc; ter&aacute; em m&atilde;os conhecimento o bastante para saber como colocar Google Maps no WordPress sem passar muito trabalho. E, com isso, fazer com seus visitantes cheguem ao seu neg&oacute;cio f&iacute;sico usando um mapa, algo bem mais preciso e funcional.<\/span><\/p><h2 class=\"wp-block-heading\" id=\"h-por-que-voce-deve-considerar-inserir-google-maps-no-wordpress\"><b>Por que voc&ecirc; deve considerar inserir Google Maps no WordPress<\/b><\/h2><p><span style=\"font-weight: 400\">Uma coisa f&aacute;cil de concordar &eacute; que adicionar um mapa no seu site &eacute; muito melhor do que simplesmente s&oacute; colocar o endere&ccedil;o escrito do seu neg&oacute;cio nele. Com um mapa, as pessoas podem ter uma r&aacute;pida no&ccedil;&atilde;o de que rua voc&ecirc; est&aacute;, qual est&aacute; mais perto e como encontrar voc&ecirc;.<\/span><\/p><p><span style=\"font-weight: 400\">Decidir qual tipo de mapa colocar j&aacute; &eacute; algo um pouco mais desafiante. Algumas pessoas gostam de colocar capturas de tela de fontes online. Entretanto, essa &eacute; uma alternativa n&atilde;o muito boa quando voc&ecirc; tem op&ccedil;&otilde;es como o Google Maps dispon&iacute;veis para usar. E de gra&ccedil;a.<\/span><\/p><p><span style=\"font-weight: 400\">Abaixo listamos algumas maneiras de como colocar Google Maps no WordPress pode melhorar o seu site.<\/span><\/p><ul class=\"wp-block-list\">\n<li><span style=\"font-weight: 400\">Eles s&atilde;o interativos, permitindo que seus visitantes mexam no mapa at&eacute; que tenham uma boa no&ccedil;&atilde;o da onde voc&ecirc; se localiza.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400\">Voc&ecirc; pode usar o Google Maps para destacar qualquer local que quiser, ou mesmo v&aacute;rios lugares.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400\">Os visitantes podem acessar entre os visores de mapa e de rua em tempo real, o que permite que eles vejam como o seu neg&oacute;cio f&iacute;sico se parece e o que existe ao redor dele.Tudo sem sair de casa, se preferirem.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400\">Os usu&aacute;rios podem enviar os mapas aos seus celulares rapidamente, podendo receber instru&ccedil;&otilde;es de como chegar ao seu neg&oacute;cio pelos caminhos mais indicados.<\/span><\/li>\n<\/ul><p><span style=\"font-weight: 400\">Existe, &eacute; claro, outras op&ccedil;&otilde;es de mapas online interativos al&eacute;m do Google Maps. Entretanto, o Google tem a grande vantagem de j&aacute; ter um nome de peso no mercado. <\/span><\/p><p><span style=\"font-weight: 400\">Ent&atilde;o, pode ser que muitas das pessoas que visitem seu site j&aacute; estejam familiarizadas como o Google Maps funciona. Assim, elas v&atilde;o confiar no aplicativo e tamb&eacute;m na localiza&ccedil;&atilde;o f&iacute;sica do seu neg&oacute;cio.<\/span><\/p><p><span style=\"font-weight: 400\">A m&aacute; not&iacute;cia disso tudo &eacute; que o WordPress n&atilde;o possui nenhuma ferramenta embarcada para inserir o Google Maps no WordPress. Mas fique tranquilo: isso &eacute; totalmente contorn&aacute;vel usando plugins, temas e at&eacute; mesmo a pr&oacute;pria ferramenta de funcionalidade do Google Maps.<\/span><\/p><h2 class=\"wp-block-heading\" id=\"h-como-colocar-google-maps-no-wordpress-3-metodos\"><b>Como colocar Google Maps no WordPress (3 M&eacute;todos)<\/b><\/h2><p><span style=\"font-weight: 400\">At&eacute; aqui, &eacute; poss&iacute;vel que voc&ecirc; j&aacute; esteja convencido de que vale a pena tentar inserir Google Maps no WordPress.<\/span><\/p><p><span style=\"font-weight: 400\">A seguir, listamos 3 m&eacute;todos que voc&ecirc; pode usar para, enfim, aprender a como colocar Google Maps no WordPress.<\/span><\/p><p><span style=\"font-weight: 400\">Esses m&eacute;todos s&atilde;o: usando plugins, adicionando manualmente e configurando op&ccedil;&otilde;es em temas para conseguir chegar ao objetivo.<\/span><\/p><p><span style=\"font-weight: 400\">Todos eles funcionam exatamente como foram planejados. Basta seguir as instru&ccedil;&otilde;es corretamente. Se preferir, escolha aquela que acredita ser mais tranquila de ser executada.<\/span><\/p><h3 class=\"wp-block-heading\" id=\"h-1-instalar-plugin-google-maps-wordpress\"><b>1. Instalar plugin Google Maps WordPress<\/b><\/h3><p><span style=\"font-weight: 400\">O Google Maps &eacute; uma fun&ccedil;&atilde;o t&atilde;o popular nos sites que n&atilde;o &eacute; nenhuma surpresa que existam muitos plugins do Google Maps para WordPress dispon&iacute;veis.<\/span><\/p><p><span style=\"font-weight: 400\">Por exemplo, com o <\/span><a href=\"https:\/\/wordpress.org\/plugins\/wp-google-maps\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400\">WP Google Maps<\/span><\/a><span style=\"font-weight: 400\">, voc&ecirc; pode adicionar mapas em p&aacute;ginas usando linhas de c&oacute;digo. Esse plugin tamb&eacute;m oferece op&ccedil;&otilde;es para personalizar seus marcadores e temas espec&iacute;ficos para seus pr&oacute;prios mapas.<\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"676\" height=\"297\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/wp-google-maps.png\" alt=\"plugin wp google maps\" class=\"wp-image-11459\" srcset=\"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/wp-google-maps.png 676w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/wp-google-maps-150x66.png 150w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/wp-google-maps-300x132.png 300w\" sizes=\"(max-width: 676px) 100vw, 676px\" \/><\/figure><\/div><p><span style=\"font-weight: 400\">Na nossa opini&atilde;o, o WP Google Maps &eacute; uma das melhores op&ccedil;&otilde;es para voc&ecirc; completar a a&ccedil;&atilde;o de como colocar Google Maps no WordPress. Ele ainda &eacute; compat&iacute;vel com v&aacute;rios <\/span><a href=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/como-instalar-e-configurar-o-plugin-wp-super-cache-no-wordpress\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400\">plugins de cache<\/span><\/a><span style=\"font-weight: 400\"> e <\/span><a href=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/melhorando-o-desempenho-do-site-usando-cdn\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400\">Redes de Distribui&ccedil;&atilde;o de Conte&uacute;do<\/span><\/a><span style=\"font-weight: 400\"> (CDN). <\/span><\/p><p><span style=\"font-weight: 400\">Por&eacute;m, existem muitos outros plugins que voc&ecirc; pode usar. Entre eles o <\/span><a href=\"https:\/\/wordpress.org\/plugins\/wd-google-maps\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400\">WD Google Maps<\/span><\/a><span style=\"font-weight: 400\">, que &eacute; uma s&oacute;lida alternativa e suporta m&uacute;ltiplos marcadores, mapas m&oacute;veis amig&aacute;veis e outras op&ccedil;&otilde;es de personaliza&ccedil;&atilde;o.<\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"600\" height=\"292\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/wd-google-maps.png\" alt=\"plugin wd google maps\" class=\"wp-image-11460\" srcset=\"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/wd-google-maps.png 600w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/wd-google-maps-150x73.png 150w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/wd-google-maps-300x146.png 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/figure><\/div><p><span style=\"font-weight: 400\">Quando voc&ecirc; adiciona um mapa usando o WD Google Maps, o pr&oacute;prio plugin guia voc&ecirc; pelo processo usando um construtor interativo. Assim, al&eacute;m de aprender a fazer toda a configura&ccedil;&atilde;o, voc&ecirc; acompanha tudo em op&ccedil;&otilde;es de pr&eacute;-visualiza&ccedil;&atilde;o.<\/span><\/p><p><span style=\"font-weight: 400\">Por fim, temos o <\/span><a href=\"https:\/\/br.wordpress.org\/plugins\/google-maps-widget\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400\">Google Maps Widget<\/span><\/a><span style=\"font-weight: 400\">, que tamb&eacute;m &eacute; um dos melhores plugins do Google Maps para WordPress. Esse plugin em particular, inclusive, &eacute; bem f&aacute;cil de configurar. Ele permite que voc&ecirc; adicione mapas em miniaturas &agrave; barra lateral ou no rodap&eacute; do seu site WordPress.<\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"932\" height=\"298\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/google-maps-widget.png\" alt=\"plugin google maps widget\" class=\"wp-image-11461\" srcset=\"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/google-maps-widget.png 932w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/google-maps-widget-150x48.png 150w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/google-maps-widget-300x96.png 300w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/google-maps-widget-768x246.png 768w\" sizes=\"(max-width: 932px) 100vw, 932px\" \/><\/figure><\/div><p><span style=\"font-weight: 400\"> Essa tamb&eacute;m &eacute; uma &oacute;tima ferramenta se, por exemplo, voc&ecirc; tamb&eacute;m estiver com problemas de espa&ccedil;o no seu site. N&atilde;o com espa&ccedil;o de armazenamento, mas com espa&ccedil;o de posicionamento de objetos no visual do seu blog.<\/span><\/p><p><span style=\"font-weight: 400\">Como o Google Maps Widget pode ser encaixado em praticamente qualquer lugar que voc&ecirc; queira, basta escolher o melhor posicionamento e pronto.<\/span><\/p><p><span style=\"font-weight: 400\">Entretanto, para sites de neg&oacute;cios, estamos mais inclinados a colocar mapas em tamanhos maiores, pois eles j&aacute; s&atilde;o mais complicados de navegar. Ainda assim, vamos ver agora como colocar Google Maps no WordPress usando o plugin WP Google Maps.<\/span><\/p><p><span style=\"font-weight: 400\">Primeiro de tudo, navegue at&eacute; o painel de controle do seu site WordPress. De l&aacute;, v&aacute; para a se&ccedil;&atilde;o <\/span><b>Plugins &gt;&gt; Adicionar Novo<\/b><span style=\"font-weight: 400\">. Use o campo de busca e procure pelo plugin <\/span><b>WP Google Maps<\/b><span style=\"font-weight: 400\">. Quando voc&ecirc; encontr&aacute;-lo, clique em <\/span><b>Instalar Agora<\/b><span style=\"font-weight: 400\"> e, em seguida, <\/span><b>Ativar<\/b><span style=\"font-weight: 400\">.<\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"962\" height=\"520\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/plugin-wp-google-maps.png\" alt=\"instalando plugin wp google maps\" class=\"wp-image-11462\" srcset=\"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/plugin-wp-google-maps.png 962w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/plugin-wp-google-maps-150x81.png 150w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/plugin-wp-google-maps-300x162.png 300w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/plugin-wp-google-maps-768x415.png 768w\" sizes=\"(max-width: 962px) 100vw, 962px\" \/><\/figure><\/div><p><span style=\"font-weight: 400\">Ap&oacute;s a ativa&ccedil;&atilde;o, uma nova aba chamada Maps vai aparecer no seu painel de controle. Se voc&ecirc; clicar, voc&ecirc; vai acessar a uma tela inicial de informa&ccedil;&otilde;es gerais sobre o plugin. Voc&ecirc; n&atilde;o precisa fazer nada em espec&iacute;fico aqui. Apenas clique no bot&atilde;o azul<\/span><b> Skip Intro and Create a Map<\/b><span style=\"font-weight: 400\"> para ir para a pr&oacute;xima tela.<\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"513\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/tela-inicial-wp-google-maps.png\" alt=\"tela inicial do plugin wp google maps\" class=\"wp-image-11463\" srcset=\"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/tela-inicial-wp-google-maps.png 1024w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/tela-inicial-wp-google-maps-150x75.png 150w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/tela-inicial-wp-google-maps-300x150.png 300w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/tela-inicial-wp-google-maps-768x385.png 768w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/tela-inicial-wp-google-maps-990x496.png 990w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><p><span style=\"font-weight: 400\">Na nova tela, voc&ecirc; vai ver que o plugin vai informar voc&ecirc; que ele precisa de um Google API Google. V&aacute; em frente e consiga a sua clicando no link <\/span><b>Create an API Key Now<\/b><span style=\"font-weight: 400\">. &nbsp;<\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"636\" height=\"329\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/api-key-wp-google-maps.png\" alt=\"tela de chave API no wp google maps\" class=\"wp-image-11464\" srcset=\"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/api-key-wp-google-maps.png 636w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/api-key-wp-google-maps-150x78.png 150w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/api-key-wp-google-maps-300x155.png 300w\" sizes=\"(max-width: 636px) 100vw, 636px\" \/><\/figure><\/div><p><span style=\"font-weight: 400\">O Google vai perguntar se voc&ecirc; concorda com as condi&ccedil;&otilde;es e termos de uso antes de fornecer uma API Key. Quando concordar, o Google vai configurar um novo projeto e voc&ecirc; poder&aacute; gerar uma API Key logo em seguida.<\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"514\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/api-key-criada.png\" alt=\"chave APi criada para inserir no wp google maps\" class=\"wp-image-11465\" srcset=\"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/api-key-criada.png 1024w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/api-key-criada-150x75.png 150w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/api-key-criada-300x150.png 300w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/api-key-criada-768x385.png 768w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/api-key-criada-990x497.png 990w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><p><span style=\"font-weight: 400\">Na imagem acima, estamos borrando a nossa API Key. Voc&ecirc; nunca deve compartilhar essa chave com outras pessoas. Afinal, ela est&aacute; associada com a sua conta e voc&ecirc; n&atilde;o quer que os outros abusem dela, n&atilde;o &eacute; mesmo?<\/span><\/p><p><span style=\"font-weight: 400\">De qualquer forma, a sua API Key ser&aacute; uma combina&ccedil;&atilde;o de v&aacute;rias letras e n&uacute;meros. Assim que a tiver, volte para o seu painel de controle e cole a API Key no campo indicado. Em seguida, clique em <\/span><b>SAVE<\/b><span style=\"font-weight: 400\">.<\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"539\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/api-key-inserida-no-wordpress.png\" alt=\"colar chave API no wp google maps\" class=\"wp-image-11466\" srcset=\"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/api-key-inserida-no-wordpress.png 1024w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/api-key-inserida-no-wordpress-150x79.png 150w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/api-key-inserida-no-wordpress-300x158.png 300w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/api-key-inserida-no-wordpress-768x404.png 768w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/api-key-inserida-no-wordpress-990x521.png 990w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><p><span style=\"font-weight: 400\">Voc&ecirc; ver&aacute; uma mensagem de confirma&ccedil;&atilde;o. Al&eacute;m disso, j&aacute; poder&aacute; come&ccedil;ar a trabalhar no seu primeiro mapa. Clique em <\/span><b>Editar<\/b><span style=\"font-weight: 400\"> no t&iacute;tulo <\/span><b>My First Map<\/b><span style=\"font-weight: 400\">.<\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"652\" height=\"261\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/meu-primeiro-mapa-wp-google-maps.png\" alt=\"tela de cria&ccedil;&atilde;o de mapas no wp google maps\" class=\"wp-image-11467\" srcset=\"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/meu-primeiro-mapa-wp-google-maps.png 652w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/meu-primeiro-mapa-wp-google-maps-150x60.png 150w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/meu-primeiro-mapa-wp-google-maps-300x120.png 300w\" sizes=\"(max-width: 652px) 100vw, 652px\" \/><\/figure><\/div><p><span style=\"font-weight: 400\">Em seguida, o plugin vai perguntar a voc&ecirc; qual plataforma deve sustentar o seu mapa. Escolha a op&ccedil;&atilde;o <\/span><b>Google Maps<\/b><span style=\"font-weight: 400\">. Depois, clique em <\/span><b>Select Engine<\/b><span style=\"font-weight: 400\">.<\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"596\" height=\"487\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/engine-google-maps-wp.png\" alt=\"escolher google maps na tela de sele&ccedil;&atilde;o de engine no wp google maps\" class=\"wp-image-11468\" srcset=\"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/engine-google-maps-wp.png 596w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/engine-google-maps-wp-150x123.png 150w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/engine-google-maps-wp-300x245.png 300w\" sizes=\"(max-width: 596px) 100vw, 596px\" \/><\/figure><\/div><p><span style=\"font-weight: 400\">Na nova tela, a primeira coisa que voc&ecirc; precisa fazer &eacute; definir um nome para o seu mapa. Depois, especifique a sua largura e altura. A largura padr&atilde;o de 100% vai automaticamente criar um mapa que se adaptar &agrave; resolu&ccedil;&atilde;o do seu site. Ent&atilde;o ela &eacute; geralmente a melhor op&ccedil;&atilde;o.<\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/configura%C3%A7%C3%B5es-iniciais-wp-google-maps.png\" alt=\"configurando google maps no wordpress\" class=\"wp-image-11469\"><\/figure><\/div><p><span style=\"font-weight: 400\">Voc&ecirc; tamb&eacute;m poder&aacute; modificar o n&iacute;vel de zoom inicial que voc&ecirc; que seu mapa mostre. Al&eacute;m de tamb&eacute;m poder decidir qual o tipo de layout de mapa que ele vai ser apresentado aos seus visitantes.<\/span><\/p><p><span style=\"font-weight: 400\">Por exemplo, voc&ecirc; pode usar o tipo Roteiro ou o tipo Terreno. Na maioria das vezes, a primeira op&ccedil;&atilde;o &eacute; a melhor e a mais &uacute;til para seus leitores. Ela mostra exatamente o caminho que eles precisam seguir para chegar ao seu destino.<\/span><\/p><p><span style=\"font-weight: 400\">Agora, deslize a tela para baixo e alcance a se&ccedil;&atilde;o <\/span><b>Marcadores<\/b><span style=\"font-weight: 400\">. Aqui, voc&ecirc; pode especificar a local exato que voc&ecirc; quer que o seu mapa mostre. &Eacute; s&oacute; digitar o endere&ccedil;o ou fornecer coordenadas no GPS pr&oacute;prio dele. Voc&ecirc; tamb&eacute;m pode mover o mapa e clicar com o bot&atilde;o direito do mouse em qualquer lugar que deseja marcar. &nbsp;<\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/s%C3%A3o-paulo-marcador-gps-wp-gogle-maps.png\" alt=\"localizando um endere&ccedil;o no wp google maps\" class=\"wp-image-11470\"><\/figure><\/div><p><span style=\"font-weight: 400\">Abaixo do campo de <\/span><b>Endere&ccedil;o\/GPS<\/b><span style=\"font-weight: 400\">, existe um outro campo em que voc&ecirc; pode inserir tipos de <\/span><b>Anima&ccedil;&atilde;o<\/b><span style=\"font-weight: 400\"> para o seu mapa. Por exemplo, voc&ecirc; pode adicionar uma leve anima&ccedil;&atilde;o de balan&ccedil;o ao seu marcador no mapa quando ele for carregado.<\/span><\/p><p><span style=\"font-weight: 400\">Voc&ecirc; tamb&eacute;m pode definir que o Google Maps posicione uma janela de informa&ccedil;&atilde;o (<\/span><i><span style=\"font-weight: 400\">pop-up<\/span><\/i><span style=\"font-weight: 400\">) pr&oacute;ximo ao seu marcador, mostrando o endere&ccedil;o completo escrito do seu neg&oacute;cio f&iacute;sico.<\/span><\/p><p><span style=\"font-weight: 400\">Quando estiver com tudo pronto, clique em <\/span><b>Salvar Marcador <\/b><span style=\"font-weight: 400\">e p&aacute;gina vai recarregar. Ent&atilde;o, clique no bot&atilde;o azul <\/span><b>Salvar Mapa<\/b><span style=\"font-weight: 400\"> no meio da tela. O plugin vai salvar todas as mudan&ccedil;as feitas. &nbsp;&nbsp;&nbsp;<\/span><\/p><p><span style=\"font-weight: 400\">Voc&ecirc; pode embarcar o mapa criado com o plugin Google Maps WordPress copiando e colocando o <\/span><b>c&oacute;digo HTML<\/b><span style=\"font-weight: 400\"> em qualquer lugar do seu site. Voc&ecirc; acha esse c&oacute;digo (shortcode) dentro da aba <\/span><b>Mapas<\/b><span style=\"font-weight: 400\"> do seu painel de controle, &agrave; direita da tela. Use a foto abaixo como refer&ecirc;ncia.<\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/c%C3%B3digo-html-inserir-google-maps-wordpress.png\" alt=\"inserindo mapas no seu site por c&oacute;digos html\" class=\"wp-image-11471\"><\/figure><\/div><p>E &eacute; isso! Voc&ecirc; acabou de aprender a como colocar Google Maps no WordPress usando um plugin. Agora, voc&ecirc; pode fazer com que seus visitantes ou clientes cheguem at&eacute; o seu neg&oacute;cio ou loja f&iacute;sica muito mais facilmente.<\/p><h3 class=\"wp-block-heading\" id=\"h-2-usar-o-recurso-de-incorporar-o-google-maps-no-wordpress\"><b>2. Usar o recurso de incorporar o Google Maps no WordPress<\/b><\/h3><p><span style=\"font-weight: 400\">Voc&ecirc; n&atilde;o precisa usar exatamente um plugin espec&iacute;fico para saber como colocar Google Maps no WordPress. Inclusive, se voc&ecirc; n&atilde;o quiser usar nenhum plugin, voc&ecirc; pode usar um caminho manual para conseguir fazer isso. &nbsp;&nbsp;<\/span><\/p><p><span style=\"font-weight: 400\">Existem uma s&eacute;rie de funcionalidades embarcadas que voc&ecirc; pode usar para inserir Google Maps no WordPress. Por&eacute;m, uma abordagem bem mais r&aacute;pida &eacute; usar um servi&ccedil;o que permite gerar c&oacute;digos incorporados para o Google Maps em tempo real.<\/span><\/p><p><span style=\"font-weight: 400\">O <\/span><a href=\"https:\/\/www.embedgooglemap.net\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400\">Embed Google Map<\/span><\/a><span style=\"font-weight: 400\"> &eacute; um exemplo perfeito disso. Ele permite que voc&ecirc; procure por endere&ccedil;os usando a interface padr&atilde;o do Google Maps, al&eacute;m de ajustar o tamanho e n&iacute;vel de zoom dos mapas que voc&ecirc; quer usar.<\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"627\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/embed-google-map.png\" alt=\"ferramenta embed google map para inserir mapas no wordpress\" class=\"wp-image-11472\" srcset=\"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/embed-google-map.png 1024w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/embed-google-map-150x92.png 150w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/embed-google-map-300x184.png 300w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/embed-google-map-768x470.png 768w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/embed-google-map-990x606.png 990w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><p><span style=\"font-weight: 400\">Assim que configurar as op&ccedil;&otilde;es de acordo com as suas prefer&ecirc;ncias, clique no bot&atilde;o verde <\/span><b>Get HTML-Code<\/b><span style=\"font-weight: 400\">. O programa vai gerar um c&oacute;digo HTML que voc&ecirc; precisar&aacute; adicionar ao seu site. &nbsp;<\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/c%C3%B3digo-html-google-maps-wordpress.png\" alt=\"c&oacute;digo html para inserir mapas no seu site wordpress com a ferramenta embed google maps\" class=\"wp-image-11473\"><\/figure><\/div><p><span style=\"font-weight: 400\">Copie e cole o c&oacute;digo HTML mostrado. Volte ao painel de controle do seu site WordPress. Abre o editor de qualquer p&aacute;gina (<\/span><b>P&aacute;ginas &gt;&gt; Adicionar Nova<\/b><span style=\"font-weight: 400\">) em que voc&ecirc; queira adicionar o mapa do Google Maps.<\/span><\/p><p><span style=\"font-weight: 400\">Selecione a aba <\/span><b>Texto<\/b><span style=\"font-weight: 400\">, que suporta c&oacute;digos em HTML. Cole o c&oacute;digo em qualquer lugar dela.<\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/c%C3%B3digo-html-inserido-nova-p%C3%A1gina-wordpress.png\" alt=\"inserindo c&oacute;digo html do google maps numa nova p&aacute;gina no wordpress\" class=\"wp-image-11474\"><\/figure><\/div><p><span style=\"font-weight: 400\">Ent&atilde;o, salve suas mudan&ccedil;as e d&ecirc; uma olhada na nova p&aacute;gina que voc&ecirc; acabou de criar.<\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/colocar-google-maps-no-wordpress-com-c%C3%B3digo-html.png\" alt=\"mapa colocado numa p&aacute;gina no seu blog wordpress\" class=\"wp-image-11476\"><\/figure><\/div><p><span style=\"font-weight: 400\">Legal, n&eacute;? O ponto fraco dessa abordagem &eacute; que voc&ecirc; vai precisar gerar novos c&oacute;digos HTML cada vez que quiser adicionar um mapa a uma nova p&aacute;gina. Por outro lado, quando adicionar Google Maps ao WordPress usando HTML, voc&ecirc; poder&aacute; v&ecirc;-lo tamb&eacute;m dentro da aba <\/span><b>Visual <\/b><span style=\"font-weight: 400\">do editor.<\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"639\" height=\"610\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/mapa-google-maps-wordpress-aba-visual.png\" alt=\"visualiza&ccedil;&atilde;o do mapa google maps pela aba visual do wordpress\" class=\"wp-image-11477\" srcset=\"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/mapa-google-maps-wordpress-aba-visual.png 639w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/mapa-google-maps-wordpress-aba-visual-150x143.png 150w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/mapa-google-maps-wordpress-aba-visual-300x286.png 300w\" sizes=\"(max-width: 639px) 100vw, 639px\" \/><\/figure><\/div><p><span style=\"font-weight: 400\">Isso permite que voc&ecirc; continue trabalhando nas suas p&aacute;ginas sem ter que fazer tudo dentro da aba <\/span><b>Textos<\/b><span style=\"font-weight: 400\">, que &eacute; bem direcionada para c&oacute;digos.<\/span><\/p><p>Esta ferramenta Embed Google Maps &eacute; sensacional para saber como colocar Google Maps no WordPress. Abuse dela caso n&atilde;o queira mexer em plugins e nem trabalhar com temas pagos.<\/p><h3 class=\"wp-block-heading\" id=\"h-3-adicionar-mapas-pelo-seu-tema-wordpress\"><b>3. Adicionar mapas pelo seu tema WordPress<\/b><\/h3><p><span style=\"font-weight: 400\">Uma terceira maneira de saber como colocar Google Maps no WordPress &eacute; pelo pr&oacute;prio tema que voc&ecirc; usa no WordPress. Alguns deles v&ecirc;m, inclusive, com essa funcionalidade embutida, o que facilita o processo de inser&ccedil;&atilde;o de mapas no seu site.<\/span><\/p><p><span style=\"font-weight: 400\">Contudo, a grande quest&atilde;o &eacute; achar um tema que tenha suporte a essa funcionalidade. Isso exige um pouquinho de esfor&ccedil;o. Na maioria das vezes, apenas temas pagos &eacute; que t&ecirc;m essa op&ccedil;&atilde;o. Mas, se chegar a comprar um tema pago, &eacute; prov&aacute;vel que n&atilde;o esteja fazendo isso apenas pela fun&ccedil;&atilde;o de ter Google Maps no seu site.<\/span><\/p><p><span style=\"font-weight: 400\">Sendo assim, se voc&ecirc; n&atilde;o tem ideia de onde procurar, temas WordPress para m&uacute;ltiplos prop&oacute;sitos devem ser sua primeira op&ccedil;&atilde;o de busca. Esses tipos de temas t&ecirc;m muitas fun&ccedil;&otilde;es ao mesmo tempo, ent&atilde;o voc&ecirc; pode us&aacute;-los para construir qualquer tipo de site.<\/span><\/p><p><span style=\"font-weight: 400\">Um dos temas pagos mais populares que voc&ecirc; pode encontrar e que tem essa compatibilidade com o Google Maps &eacute; o <\/span><a href=\"https:\/\/www.elegantthemes.com\/gallery\/divi\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400\">Divi<\/span><\/a><span style=\"font-weight: 400\">. Esse tema oferece uma variedade de vantagens, incluindo um construtor visual pr&oacute;prio de p&aacute;ginas. &nbsp;<\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"464\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/tema-divi-construtor.jpg\" alt=\"tema premium Divi tem um construtor de sites\" class=\"wp-image-11478\" srcset=\"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/tema-divi-construtor.jpg 900w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/tema-divi-construtor-150x77.jpg 150w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/tema-divi-construtor-300x155.jpg 300w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/tema-divi-construtor-768x396.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><\/div><p><span style=\"font-weight: 400\">Quando for criar p&aacute;ginas com o <\/span><a href=\"https:\/\/www.elegantthemes.com\/plugins\/divi-builder\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400\">Divi Builder<\/span><\/a><span style=\"font-weight: 400\">, voc&ecirc; pode dividi-las usando colunas e linhas. Ent&atilde;o, voc&ecirc; pode criar e especificar m&oacute;dulos usando os espa&ccedil;os que aparecerem. Voc&ecirc; vai poder personalizar cada campo com as fun&ccedil;&otilde;es que quiser adicionar ao seu site.<\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/m%C3%B3dulos-divi-tema-wordpress.jpg\" alt=\"tema premium Divi funciona em m&oacute;dulos\" class=\"wp-image-11479\"><\/figure><\/div><p><span style=\"font-weight: 400\">Como voc&ecirc; pode perceber na imagem acima, um desses m&oacute;dulos se chama <\/span><b>Map<\/b><span style=\"font-weight: 400\">. Adivinha o que ele faz? Isso mesmo: mapas. &Eacute; por aqui que voc&ecirc; vai aprender como colocar Google Maps no WordPress usando seu tema pago.<\/span><\/p><p><span style=\"font-weight: 400\">Clicando na op&ccedil;&atilde;o Mapa, voc&ecirc; ter&aacute; que adicionar um <\/span><a href=\"https:\/\/www.wpgmaps.com\/documentation\/creating-a-google-maps-api-key\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400\">c&oacute;digo da API Key do Google<\/span><\/a><span style=\"font-weight: 400\">. Caso n&atilde;o tenha um, mostramos o processo de como conseguir um c&oacute;digo no Passo 1 deste artigo.<\/span><\/p><p><span style=\"font-weight: 400\">Quando colar o referido c&oacute;digo no campo solicitado, voc&ecirc; poder&aacute; escolher onde quer posicionar o seu mapa e adicionar quantos marcadores quiser nele.<\/span><\/p><figure class=\"wp-block-image\"><img decoding=\"async\" width=\"900\" height=\"323\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/marcadores-de-mapa-tema-divi.jpg\" alt=\"tema premium Divi tem marcadores para inserir mapas\" class=\"wp-image-11480\" srcset=\"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/marcadores-de-mapa-tema-divi.jpg 900w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/marcadores-de-mapa-tema-divi-150x54.jpg 150w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/marcadores-de-mapa-tema-divi-300x108.jpg 300w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/07\/marcadores-de-mapa-tema-divi-768x276.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><p><span style=\"font-weight: 400\">Outros exemplos de temas pagos que oferecem suporte ao Google Maps no WordPress s&atilde;o o <\/span><a href=\"https:\/\/themeforest.net\/item\/travelmatic-travel-blog-wordpress-theme\/21273225\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400\">Travelmatic<\/span><\/a><span style=\"font-weight: 400\">, o <\/span><a href=\"https:\/\/themeforest.net\/item\/estato-wordpress-theme-for-real-estate-and-developers\/19694547\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400\">Estato<\/span><\/a><span style=\"font-weight: 400\"> e o <\/span><a href=\"https:\/\/themeforest.net\/item\/reales-wp-real-estate-wordpress-theme\/10330568\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400\">Reales WP<\/span><\/a><span style=\"font-weight: 400\">. Essa &eacute; uma fun&ccedil;&atilde;o muito popular em temas voltados a viagens e a <a href=\"\/tutoriais\/plugin-imobiliaria-wordpress\"><strong>assuntos imobili&aacute;rios<\/strong><\/a>. Mas voc&ecirc; consegue encontrar temas WordPress pagos para outros tipos de assuntos, se procurar bem. &nbsp;&nbsp;<\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"\/pt\/alojamento-wordpress\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2024\/06\/BR-New-WP_in-text-banner.png\" alt=\"\" class=\"wp-image-44638\" srcset=\"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2024\/06\/BR-New-WP_in-text-banner.png 1024w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2024\/06\/BR-New-WP_in-text-banner-300x88.png 300w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2024\/06\/BR-New-WP_in-text-banner-150x44.png 150w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2024\/06\/BR-New-WP_in-text-banner-768x225.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div><h2 class=\"wp-block-heading\" id=\"h-conclusao\"><b>Conclus&atilde;o<\/b><\/h2><p><span style=\"font-weight: 400\">Neste artigo, voc&ecirc; viu a import&acirc;ncia de aprender a como colocar Google Maps no WordPress. E, com ele, podemos concluir que n&atilde;o existe um jeito melhor do que compartilhar um endere&ccedil;o no seu site atrav&eacute;s de um mapa online interativo.<\/span><\/p><p><span style=\"font-weight: 400\">O Google Maps permite que qualquer um encontre a sua localiza&ccedil;&atilde;o de onde quer que estejam, o que aumentam as chances deles visitarem o seu estabelecimento. Al&eacute;m disso, inserir Google Maps no WordPress &eacute; simples, pois existem v&aacute;rias formas de fazer isso.<\/span><\/p><p><i><span style=\"font-weight: 400\">Ficou com alguma d&uacute;vida ou quer se comunicar com a gente? Use a caixa de coment&aacute;rios abaixo para nos enviar uma mensagem. Temos muito interesse de saber o que voc&ecirc; tem achado dos nossos conte&uacute;dos, produtos e servi&ccedil;os. Estamos esperando voc&ecirc;! \ud83d\ude09<\/span><\/i><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Uma das principais fun&ccedil;&otilde;es que um site de neg&oacute;cios pode ter &eacute; uma forma de fazer com que os consumidores em potencial encontrem voc&ecirc; rapidamente. Se o seu neg&oacute;cio tem um local f&iacute;sico, voc&ecirc; precisa dar aos seus visitantes todas as informa&ccedil;&otilde;es necess&aacute;rias para chegar l&aacute;. Na maioria das vezes, mostrar um mapa exato com [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/pt\/tutoriais\/como-colocar-google-maps-no-wordpress\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":92,"featured_media":30390,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_title":"Como Adicionar o Google Maps no WordPress (Em 3 Passos)","rank_math_description":"Quer que seus clientes cheguem at\u00e9 a loja f\u00edsica do seu neg\u00f3cio? Aprenda como colocar Google Maps no WordPress e mostre seu endere\u00e7o em tempo real para seus os visitantes!","rank_math_focus_keyword":"como colocar google maps no wordpress","footnotes":""},"categories":[4911],"tags":[5764,5763,5766,5765,4798],"class_list":["post-11454","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-adicionar-google-maps","tag-google-maps","tag-google-maps-no-site","tag-plugin-google-maps","tag-wordpress"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/wordpress-google-maps","default":0},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/como-colocar-google-maps-no-wordpress","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/tutoriels\/google-maps-wordpress","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/insertar-google-maps-en-wordpress","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/tutorial\/memasukkan-google-map-ke-wordpress","default":0},{"locale":"en-UK","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/wordpress-google-maps","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/wordpress-google-maps","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/wordpress-google-maps","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/insertar-google-maps-en-wordpress\/","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/insertar-google-maps-en-wordpress\/","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/insertar-google-maps-en-wordpress\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/como-colocar-google-maps-no-wordpress","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/wordpress-google-maps","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/wordpress-google-maps","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/wordpress-google-maps","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/wordpress-google-maps","default":0}],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/posts\/11454","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/users\/92"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/comments?post=11454"}],"version-history":[{"count":6,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/posts\/11454\/revisions"}],"predecessor-version":[{"id":33285,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/posts\/11454\/revisions\/33285"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/media\/30390"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/media?parent=11454"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/categories?post=11454"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/tags?post=11454"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}