{"id":20328,"date":"2020-03-23T08:41:31","date_gmt":"2020-03-23T11:41:31","guid":{"rendered":"https:\/\/king.host\/wiki\/?post_type=article&p=20328"},"modified":"2021-12-28T15:28:06","modified_gmt":"2021-12-28T17:28:06","slug":"adicionar-mapa-no-criador-de-sites","status":"publish","type":"article","link":"https:\/\/king.host\/wiki\/artigo\/adicionar-mapa-no-criador-de-sites\/","title":{"rendered":"Criador de Sites Latitude: Adicionar Mapa no Criador de Sites"},"content":{"rendered":"\n

Precisa adicionar mapa no Criador de Sites? Veja nesse artigo um passo a passo bem simples.<\/em><\/p>\n\n\n\n

\"Criador<\/a><\/figure>\n\n\n\n

O Criador de sites<\/strong> da KingHost \u00e9 uma plataforma online<\/em> para cria\u00e7\u00e3o de sites a partir de modelos profissionais prontos. Dessa maneira, voc\u00ea conseguir\u00e1 adicionar imagens, textos e outros recursos, atrav\u00e9s de uma interface intuitiva e sem necessidade de ter algum conhecimento sobre linguagens de programa\u00e7\u00e3o.<\/p>\n\n\n\n

<\/span>Como Adicionar mapa no Criador de Sites<\/span><\/h2>\n\n\n\n

Dentro do layout do seu site, \u00e9 poss\u00edvel criar uma se\u00e7\u00e3o onde ficar\u00e1 os dados de contato e endere\u00e7o do seu neg\u00f3cio, apresentando assim de forma visual um quadro com o mapa da localiza\u00e7\u00e3o da sua empresa.<\/p>\n\n\n\n

<\/span>Utilizando o Google Maps<\/span><\/h2>\n\n\n\n

Antes de mais nada, iremos utilizar o Google Maps<\/a><\/strong> para gerar as coordenadas do nosso mapa.<\/p>\n\n\n\n

Acessando o Maps pelo navegador, fa\u00e7a a pesquisa pelo endere\u00e7o desejado e ap\u00f3s isso, v\u00e1 na op\u00e7\u00e3o “Compartilhar<\/strong>“;<\/p>\n\n\n\n

\"Adicionar<\/figure>\n\n\n\n

Em seguida, na nova janela que ir\u00e1 surgir, v\u00e1 at\u00e9 a op\u00e7\u00e3o de “Incorporar um Mapa<\/strong>“, ajuste o visual do mapa como desejar e para finalizar clique na op\u00e7\u00e3o “copiar HTML<\/strong>“, usaremos esse c\u00f3digo posteriormente no criador de sites:<\/p>\n\n\n\n

\"Adicionar<\/figure>\n\n\n\n

<\/span>Configurando o Mapa no Criador<\/span><\/h2>\n\n\n\n

Logo ap\u00f3s copiar o c\u00f3digo do mapa, v\u00e1 at\u00e9 o editor do Criador de Sites e insira um novo bloco referente ao visual do mapa (caso ainda n\u00e3o exista no seu layout);<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Na janela de pesquisa de temas para blocos, procure pelo termo “contato<\/em><\/strong>“, assim j\u00e1 ser\u00e1 direcionado para as op\u00e7\u00f5es dispon\u00edveis:<\/p>\n\n\n\n

\"Adicionar<\/figure>\n\n\n\n

Conforme imagem acima, escolha uma das op\u00e7\u00f5es que mostre o visual do mapa. <\/p>\n\n\n\n

Ap\u00f3s inserir o novo bloco na p\u00e1gina, clique em cima do mapa e selecione a op\u00e7\u00e3o “configura\u00e7\u00f5es de iframe<\/strong>“, conforme imagem abaixo:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

em seguida, na janela que abrir\u00e1, escolha a op\u00e7\u00e3o de “incorporar c\u00f3digo<\/strong>“.<\/p>\n\n\n\n

Desse modo, substitua o c\u00f3digo atual pelo do seu endere\u00e7o, que foi copiado do Google Maps no inicio do tutorial, clicando por fim em “Enviar<\/strong>“:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Pronto, o mapa com seu endere\u00e7o j\u00e1 estar\u00e1 vis\u00edvel dentro do site \ud83d\ude09<\/p>\n\n\n\n

\"\"<\/figure>\n","protected":false},"author":9,"featured_media":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","article-category":[],"article-tag":[],"class_list":["post-20328","article","type-article","status-publish","format-standard","hentry"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t