Neste guia, mostramos-lhe como incorporar o Google Maps no seu site Website Builder com o Componente de código.
- Etapa 1 - Encontrar a localização no Google Maps
- Etapa 2 - Clicar em Partilhar ou incorporar mapa
- Etapa 3 - Clique em Incorporar um mapa
- Etapa 4 - Escolher um tamanho e copiar HTML
- Etapa 5 - No Website Builder, arrastar o Componentede código na página
- Etapa 6 - Colar o código
- Etapa 7 - Ajustar definições
- Etapa 8 - Guardar, pré-visualizar e publicar
Não tem acesso ao Website Builder? Pode experimentá-lo gratuitamente por 14 dias e criar um site num instante. Comece já o seu período experimental gratuito
Etapa 1 - Encontrar a localização no Google Maps
- Abra Google Maps no seu navegador.
- Introduza a localização que pretenda incorporar no seu site.
- Em seguida, clique em Menu no canto superior esquerdo.
Etapa 2 - Clicar em Partilhar ou incorporar mapa
No menu que estiver aberto, clique em Partilhar ou incorporar mapa.
Etapa 3 - Clique em Incorporar um mapa
No pop-up Partilhar que abre, clique em Incorporar um mapa.
Etapa 4 - Escolher um tamanho e copiar HTML
- Por predefinição, o tamanho do mapa incorporado é de 450 x 600. Clique em Intermédio no canto superior esquerdo para escolher outra coisa.
- Clique em COPIAR HTML quando terminar.
Etapa 5 - No Website Builder, arrastar o Componentede código na página
- Abra o Website Builder.
- Selecione a página onde pretende inserir o código.
- Arraste o Componente de código no espaço de trabalho.
Etapa 6 - Colar o código
- Cole o código HTML copiado no Componente de código.
- Clique em Guardar.
Etapa 7 - Ajustar definições
Agora é possível ajustar as definições para personalizar como as coisas irão parecer no Website Builder e no seu site.
Clique em Definições para abrir o menu suspenso para o componente de código.
- O tamanho que tem definido no código HTML determina o tamanho do mapa no seu site. Recomendamos adicionar o mesmo tamanho aqui, para ajudar com o posicionamento do componente na sua página.
- Clique em Editar código para alterar o código HTML que introduziu.
- Em Posicionamento, é possível determinar se o componente deve ser colocado antes da etiqueta <cabeçalho> ou <corpo>. Selecione Normal para Google Maps.
- É possível selecionar ocultar um componente em Vista móvel ou mover totalmente para baixo.
- Introduza um Título para o componente, para reconhecer no Website Builder. O título não será visível no seu site.
Etapa 8 - Guardar, pré-visualizar e publicar
- Assim que terminar, clique em Guardar.
- Clique em Pré-visualizar para ver como as coisas ficam.
- Se ficar satisfeito com o resultado, clique em Publicar para tornar o mapa disponível no seu site.
Artigos relacionados:
