Passar para o conteúdo principal
Todas as coleçõesConstrutor de Sites/BuilderElementos
Como Inserir Mapas em Suas Páginas Construídas na Rockty
Como Inserir Mapas em Suas Páginas Construídas na Rockty

Aprenda a adicionar mapas em suas páginas usando o elemento Embed na Rockty

Sylas avatar
Escrito por Sylas
Atualizado há mais de uma semana

Introdução

Mapas são uma ótima maneira de mostrar locais e direções diretamente em suas páginas. Com o Google Maps, você pode inserir mapas personalizados em suas páginas na Rockty de forma rápida e simples usando o elemento Embed. Neste tutorial, vamos guiá-lo por todas as etapas para obter o código do Google Maps e inseri-lo em sua página.


1. Passo a Passo: Como Obter o Código HTML do Google Maps

  1. Acesse o Google Maps: Vá para Google Maps.

  2. Busque o Local Desejado: Digite o endereço ou local que deseja exibir e clique na lupa para buscar.

  3. Compartilhar o Mapa: Clique no botão "Compartilhar" ou "Share".

  4. Obter o Código HTML: Selecione a opção "Embed a Map" (Incorporar um Mapa).

  5. Escolher o Tamanho do Mapa: Selecione o tamanho desejado para o mapa (pequeno, médio, grande ou personalizado).

  6. Copiar o Código: Clique em "Copy HTML" para copiar o código do mapa gerado.


2. Inserindo o Mapa em Suas Páginas na Rockty

  1. Adicionar o Elemento Embed: No construtor de páginas da Rockty, adicione o elemento Embed no local desejado da sua página. Esse elemento está no final da lista de elementos disponíveis.


    💡 Dica: Caso precise de mais detalhes sobre como adicionar elementos, confira nosso tutorial Gerenciando Elementos na Rockty: Adicionar, Excluir e Personalizar para orientações iniciais.


  2. Inserir o Código do Mapa: Clique na área do elemento Embed recém-adicionado para abrir a janela de inserção de código. Cole o código HTML copiado do Google Maps.



  3. Salvar e Publicar: Após inserir o código, clique no ícone em formato de X para fechar a janela. Não se esqueça de salvar a página e, se estiver pronto, publicar para que o mapa fique visível aos visitantes.


  4. Remover o Mapa: Caso precise remover o mapa, clique no ícone de lixeira no elemento Embed.


Conclusão

Inserir mapas em suas páginas Rockty é um processo simples e que pode trazer grande valor ao seu site.

Nota: Lembre-se de testar sempre na página publicada, pois o elemento Embed será visível apenas após a publicação.


Dicas Adicionais

  • Teste Sempre na Página Publicada: Nem todos os códigos externos se comportam da mesma forma no ambiente de edição e na página publicada. Sempre teste o funcionamento do mapa após publicar a página.

  • Verifique a Compatibilidade do Código: Garanta que o código HTML do mapa funcione bem com a estrutura da Rockty, verificando se ele não afeta o desempenho da página.

  • Considere a Responsividade: Teste o mapa em diferentes dispositivos (desktop, tablet, mobile) para garantir que ele se adapta bem a todas as telas.

  • Saiba Mais Sobre o Elemento Embed: Se quiser aprender mais sobre como usar o elemento Embed, consulte nosso tutorial dedicado Como Funciona o Elemento Embed na Rockty.


Precisa de Ajuda?

Se tiver dúvidas ou precisar de suporte adicional, entre em contato com nossa equipe de Suporte!

Respondeu à sua pergunta?