Hostinger Criador de Sites: Como Adicionar um Mapa

Mostre sua localização adicionando um mapa ao seu site

Atualizado há 2 semanas

Existem várias maneiras de adicionar um mapa ao seu site:

Usando o elemento de mapa

No editor, abra o painel Adicionar elementos à esquerda. Escolha o elemento Mapa e arraste-o para o local desejado em seu site:

Hostinger Criador de Sites com a opção Mapa destacada no menu Adicionar elemento

Clique no elemento para ver mais opções (editar, duplicar, excluir, redimensionar):

Hostinger Criador de Sites: botão Edit map acima do mapa incorporado selecionado

Clique em Editar mapa e insira o endereço desejado (você pode simplesmente copiá-lo do Google Maps).

OBSERVAÇÃO: Em vez de usar o elemento de mapa, você também pode inserir uma seção de mapa dedicada em seu site.

Usando Google My Maps

Se você administra uma empresa em vários locais e deseja marcar todos eles no mapa, pode fazer isso com o My Maps do Google.

1. Criar o mapa

Abra o Google My Maps e clique em Criar um novo mapa. Clique em Mapa sem título e adicione o nome e a descrição do seu mapa. Você também pode escolher a aparência do mapa clicando em Mapa base:

Google My Maps: menu Base map aberto com miniaturas de estilos de mapa

Na barra de pesquisa, insira seu endereço e marque a área de sua preferência no mapa:

Google My Maps: campo de busca e marcador verde destacados no mapa

Clique em Adicionar ao mapa:

Google My Maps com botão Adicionar ao mapa destacado

Assim, você pode marcar mais endereços no mapa:

Hostinger Criador de Sites: camada “Our offices” destacada com endereços no mapa personalizado

Saiba mais: Criar ou abrir um mapa

2. Incorpore o mapa ao seu site

Depois de criar seu mapa, é hora de incorporá-lo ao seu site. O primeiro passo é torná-lo visível para todos – clique em Compartilhar:

Google My Maps: botão Compartilhar destacado na barra lateral do mapa

Alterne as opções Qualquer pessoa com este link pode visualizar e Permitir que outras pessoas procurem e encontrem este mapa na Internet. Clique em Compartilhar no Drive:

Google Maps: opções de compartilhamento da caixa destacada em vermelho

Por fim, clique em Concluído:

Mapa do Google com o botão Done destacado na janela de compartilhamento

Agora, você está pronto para obter um código. Clique no botão de reticências ⋮ na parte superior da janela de configurações e clique em Incorporar no meu site:

Menu do Google Maps com a opção “Embed on my site” destacada em vermelho

Você obterá o código do seu mapa. Copie-o e cole-o em seu site usando o elemento de código incorporado. Se você deseja que o mapa seja maior ou menor, redimensione o elemento de código ou altere os números de largura e altura no código dentro do elemento de código incorporado:

Mapa do Google My Maps com código de incorporação e dimensões 640x480 destacadas