• Recursos
  • Modelos
  • Preços
  • Portuguese
  • Recursos
  • Modelos
  • Preços
  • Portuguese

Third-Party Plugins (44)

Estatísticas do bbPress
Profissional
Formulário de resposta do bbPress
Profissional
Índice do fórum do bbPress
Profissional
Formulário de fórum do bbPress
Profissional
Tags de tópico do bbPress
Profissional
Formulário de tópico do bbPress
Profissional
Fórum único do bbPress
Profissional
Tópico único do bbPress
Profissional
bbPress Resposta única
Profissional
Tag única do bbPress
Profissional
Carrossel do LearnPress
Profissional
Grade do LearnPress
Profissional
EDD Product Review Carousel
Profissional
Avaliações de produtos EDD
Profissional
Mini carrinho EDD
Profissional
Carrinho EDD
Profissional
Grade de categorias EDD
Profissional
Produto EDD
Profissional
Grade de cursos do Tutor LMS
Grátis
Totais de doações
Profissional
Dar Meta
Profissional
Give Histórico de doações
Profissional
Give Donor Wall
Profissional
Grade do formulário de doação
Profissional
Dar recibo
Profissional
Editor de portfólio do EDD
Profissional
Histórico do EDD
Profissional
Grade do calendário de eventos
Grátis
Grade de depoimentos
Grátis
Download do Monitor
Profissional
Galeria de portfólio / Grade
Profissional Popular
Perfil filantrópico
Profissional
Estatuto de caridade
Profissional
Registro de caridade
Profissional
Login beneficente
Profissional
Formulário de doação beneficente
Profissional
Doações filantrópicas
Profissional
Doadores filantrópicos
Profissional
Campanhas beneficentes
Profissional
Calendly
Grátis
Grupo BuddyPress
Profissional
Amigos do BuddyPress
Profissional
Membro do BuddyPress
Profissional
bbPress
Profissional
Ops! Seu widget pesquisado não foi encontrado! Você tem alguma ideia? Se sim, Enviar aqui

Incorporar o mapa do Google em sua página da Web é muito útil para lojas e estabelecimentos comerciais on-line. Por um lado, ele ajuda as pessoas a chegarem até você e, por outro, você pode marcar sua loja globalmente. Hoje, falaremos sobre como você pode incorporar o Google Maps no WordPress usando o construtor de páginas Elementor.

Em primeiro lugar, o Elementor tem Mapa do Google que você pode usar para esse fim. No entanto, ele tem opções de estilo limitadas. Por isso, hoje, usaremos o Mapa avançado do Google widget por Element Pack.

Não há necessidade de outras apresentações. Vamos começar!

Guia completo para incorporar o Google Map no WordPress

Sempre que quiser usar o Google Map no WordPress, você precisará inserir um API em seu painel de controle. Usando essa chave, você precisa se autenticar como usuário no Google. Vamos ver em imagens.

Inserting Advanced Google Map Widget

Primeiro, insira o Mapa avançado do Google em seu site.

Inserting Advanced Google Map Widget

Assim que você arrastar e soltar o widget, ele mostrará uma mensagem pop-up. Para que o mapa funcione corretamente, o sistema solicitará sua chave de API. Vamos ver como fazer isso.

API settings for Embed Google Map on WordPress

Ir para o WordPress Painel de controle> Element Pack> Configurações da API.

Aqui, você pode ver um campo chamado Chave da API do Google Map. Agora você precisa colocar sua chave de API na caixa e salvar. No entanto, você pode obter a chave para incorporar o mapa do Google no WordPress em aqui.

Blog para você
Blogs mais populares

Saiba mais sobre o WordPress

Personalizando a guia Conteúdo do Google Map

Agora, vamos alterar a aparência do mapa de acordo com seu gosto. Nesta parte, falaremos sobre as configurações do widget.

Widget Settings of Embed Google Map on WordPress

Como na imagem acima, a primeira coisa que você verá é o Mapa do Google seção. Isso está na seção Guia Conteúdo. Ele contém as configurações básicas do mapa. Os seletores na tela mostram/ocultam principalmente os botões/funções correspondentes no mapa.

Portanto, você pode mostrar/ocultar o botão de zoom, caixa de pesquisa, tipo de mapa e a opção vista da rua controle a partir daqui. Além disso, há também zoom do mapa, altura do mapae caixa de pesquisa espaçamento opções aqui. Além disso, você pode visualizar o mapa em Satélite ou Rua modo.

Widget Settings

A próxima seção é Marcador. De qualquer forma, você pode colocar um número infinito de marcadores usando o widget Advanced Google Map. Cada marcador tem campos como Latitude, Longitude, Títuloe Conteúdo. Entretanto, ao usar os dois primeiros, você precisa especificar a posição do marcador.

Outro ponto importante é que você pode adicionar ícones personalizados como marcadores. No entanto, você não encontrará esse recurso em nenhum outro widget de mapeamento. Essa função é exclusiva para usuários do Element Pack.

Blog popular

Como usar o widget Iframe no Elementor pelo Element Pack

Estilos exclusivos do mapa do Google incorporado no WordPress

Até este ponto, tudo o que fizemos foi configurar o layout. Agora, alteraremos a perspectiva do mapa do Google incorporado no WordPress usando Elmentor.

Customizing The Style Tab of the Google Map

Mais uma vez, a guia estilo tem duas seções. Com a seção Estilo GMap você pode inserir qualquer skin no seu mapa. Essas skins alteram os detalhes de todo o mapa. Portanto, você só precisa colar o código JSON no campo marcado. Além disso, você pode usar a opção Filtros CSS para mais estilo.

Snazzy Maps Website

Além disso, você pode importar os códigos JSON de Snazzymaps. Eles têm muitas skins de mapa gratuitas e premium disponíveis por um preço baixo.

 

Customizing The Style Tab of the Google Map

Por fim, a caixa de pesquisa na parte superior do mapa também é editável. É muito fácil alterar sua aparência. Então, novamente, altere a cor, o tipo de borda, o raio da borda e adicione sombra de caixa à caixa de pesquisa. Certifique-se de que o produto final chame a atenção dos visitantes.

Conclusão

Examples of Advanced Google map

Muito bem! Você aprendeu todo o processo com sucesso. Com este blog, espero que você consiga incorporar facilmente o mapa do Google no WordPress usando o Elementor. Para obter mais informações, visite nosso site Base de conhecimento. Sem mais delongas, fiquem seguros. Obrigado por ler este blog!

Copyright © 2026 BdThemes. Todos os direitos reservados.

Money Transfer Logo