Código HTML do Google Maps
Exiba mapas interativos no seu site HTML com várias localizações, detalhes de contato e suporte de navegação para ajudar os usuários a encontrarem seus locais com facilidade.
Criar Widget Grátis
Sem cartão de crédito necessário
Confiado por mais de 3 milhões de pequenas empresas, agências e grandes marcas globais em todo o mundo
Crie seu widget do Google Maps
Configure seu widget e adicione-o ao seu site HTML gratuitamente!
Capturas de tela
Por que as pessoas amam a Elfsight
Quem visita seu site costuma querer saber uma coisa simples: onde você está localizado? O widget Google Map da Elfsight deixa isso claro. Com este widget, você pode adicionar um mapa interativo, com a sua marca e estilo, fácil de navegar.
Sem dores de cabeça com código, sem configuração complicada. Você pode incorporá-lo em minutos — mesmo se for a sua primeira tentativa.
Did you know?
Pesquisas da Think with Google mostram que 76% das pessoas que procuram algo por perto visitam um negócio relacionado dentro de um dia.
Comece hoje a usar o plugin de mapa HTML gratuito da Elfsight e garanta que seus clientes encontrem você com facilidade.
Principais recursos do Widget do Google Maps em HTML
Elfsight facilita adicionar mapas a sites HTML. Veja o que se destaca:
- Marcadores personalizados: Use pins, cores ou ícones da marca para destacar seus locais.
- Várias Localizações: Exiba uma única unidade ou dezenas – perfeito para empresas com mais de um endereço.
- Interativo: Os visitantes podem ampliar, arrastar e explorar sem sair do seu site.
- Controle de Estilo: Altere cores de mapa, temas e layouts para combinar com a identidade da sua marca.
- <strong>Popups and details:</strong> Add descriptions, contact info, or images when users click a marker.
- Design responsivo: Funciona perfeitamente em desktops, tablets e smartphones.
- No-code setup: Você pode incorporá-lo com um simples copiar e colar do trecho de código.
Teste o editor ao vivo para verificar todos os recursos – não é necessário fazer cadastro.
Como adicionar o Google Maps ao HTML
É tão fácil quanto copiar e colar. Veja como incorporar um mapa em HTML, passo a passo:
- Escolha um modelo: Abra o editor do Elfsight e escolha o estilo de mapa que melhor funciona.
- Personalize-o: Adicione seus endereços, defina marcadores personalizados, ajuste o nível de zoom e escolha as cores.
- Gerar o código: Clique em “Adicionar ao site gratuitamente” e copie o snippet de instalação.
- Incorporar no HTML: Abra o seu arquivo HTML, cole o código onde você quer que o mapa apareça e salve.
Precisa de ajuda? Visite nosso Centro de Ajuda ou confira o guia do blog sobre como incorporar o Google Maps em HTML. Você também pode sugerir novas ideias na Wishlist ou ficar por dentro das novidades no Changelog.
Posso incorporar o Google Maps em um site HTML estático?
Sim, o Elfsight funciona em qualquer site HTML estático. Basta colar o código de instalação no código-fonte da página onde você quer que o mapa apareça.
Preciso de hospedagem especial para usar o widget do Google Maps no HTML?
Não é necessário nenhum plano de hospedagem especial. Desde que seu site HTML suporte JavaScript, o Google Maps será exibido e funcionará corretamente.
Customizando Tipografia no Webflow
Sim, o widget usa a API oficial do Google Maps, portanto você precisa gerar e conectar sua própria chave de API com faturamento ativado na sua conta do Google Cloud.
Posso exibir várias localizações em um único mapa?
Sim, você pode adicionar vários marcadores a um único mapa interativo, facilitando a exibição de escritórios, lojas ou pontos de serviço juntos.
Como os visitantes podem obter direções a partir do mapa no meu site em HTML?
Os usuários podem clicar em um marcador e abrir as direções no Google Maps, gerando automaticamente uma rota a partir de sua localização atual.
Que informações podem aparecer no pop-up do marcador?
Cada marcador pode incluir detalhes como endereço, telefone, e-mail, link do site, horário de funcionamento, uma imagem e uma breve descrição.
Como adiciono locais ao meu mapa em HTML?
Você pode inserir um endereço ou nome do local, e o widget detectará automaticamente as coordenadas usando o sistema de geocodificação do Google.
A importação em massa via CSV é suportada?
Usando um arquivo CSV, você pode enviar várias localizações de uma vez no seu site HTML. As entradas existentes são substituídas durante a importação, portanto inclua todas as localizações necessárias no arquivo.
Posso organizar locais em categorias no HTML?
Sim, o widget permite categorizar marcadores e ativar filtros ou agrupamento para uma navegação mais fácil.
A busca está disponível dentro do mapa?
Sim, uma barra de busca integrada permite aos visitantes encontrar locais por nome ou endereço diretamente no seu site HTML.
Preços
Garantia de devolução em 14 dias. Sem risco — você pode cancelar a qualquer momento.
Elfsight Apps
Solução digital multiplataforma que funciona em qualquer site
a partir de US$0/mês
Comece com o plano gratuito
Domínios ilimitados
Suporte 24/7 para a sua empresa
Assistência de instalação gratuita
Preço especial para várias apps
100% personalizável