Principal Construtor de Sites/Builder Como Inserir Mapas em Suas Páginas Construídas na Rockty (Elementos)

Como Inserir Mapas em Suas Páginas Construídas na Rockty (Elementos)

Última atualização em Jan 30, 2025

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!