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
Acesse o Google Maps: Vá para Google Maps.
Busque o Local Desejado: Digite o endereço ou local que deseja exibir e clique na lupa para buscar.
Compartilhar o Mapa: Clique no botão "Compartilhar" ou "Share".
Obter o Código HTML: Selecione a opção "Embed a Map" (Incorporar um Mapa).
Escolher o Tamanho do Mapa: Selecione o tamanho desejado para o mapa (pequeno, médio, grande ou personalizado).
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
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.
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.
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.
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!