Navegação sem esforço com opções de menu avançadas
Opções visuais de produtos aumentam as vendas rapidamente
O conteúdo personalizado se adapta em tempo real
Rolagem contínua para um melhor fluxo de experiência do usuário
A duplicação instantânea de conteúdo economiza tempo
Acesso rápido a elementos de design avançados
Modelos prontos agilizam o design
Campos personalizados avançados para dados flexíveis
Clone sites facilmente, sem complicações
Gráficos nítidos e dimensionáveis para todas as telas
Renove a marca das ferramentas para obter uma aparência profissional
Mostrar ou ocultar conteúdo com precisão
Envolvendo a profundidade com movimentos suaves
Adicione facilmente notas e anotações claras
As dicas úteis melhoram a interação com o usuário
Animar elementos com um toque de estilo
Mantenha as seções importantes sempre visíveis
Controle total com ajustes de código personalizados
Otimize os arquivos para aumentar a velocidade do site
Modelos de página elaborados para ajudá-lo a começar a criar sua página de destino apenas com um design inicial
O Ready Blocks vem com uma variedade de layouts e elementos de design, como cabeçalhos, rodapés, widgets etc.
Cabeçalhos pré-projetados com estilos lucrativos que são adequados para vários sites de nicho e gostos de design
Uma coleção útil de designs de rodapé para ajudá-lo a criar um rodapé instantaneamente atraente em sua página de destino
Encontre-nos 24 horas por dia, 7 dias por semana, à sua disposição. Teremos prazer em ajudar.
Diretrizes detalhadas disponíveis para cada recurso na BdThemes
Aprenda algo novo, mantenha-se informado sobre WordPress, Web Design e muito mais
Aqui estão alguns dos principais marcos em meu desenvolvimento:
Aprenda a usar o produto, dicas e truques do WordPress com nossos vídeos
Ganhe comissões pesadas ao se juntar a nós na promoção
O Widget Idea Share é uma ótima maneira de encontrar widgets semelhantes que você pode melhorar.
Com certeza! Se precisar entrar em contato conosco, sinta-se à vontade para falar conosco
Crie qualquer formulário do WordPress em minutos com o Sigma Forms.
Plug-in do Page Builder para o modo de manutenção e em breve
Torne os sites acessíveis facilmente com o One Accessibility
Exiba depoimentos de clientes para aumentar a confiança e a credibilidade.
O Zoloblocks ajuda a criar sites incríveis baseados em Gutenberg.
O controle deslizante mais avançado na era do controle deslizante Elementor
Os únicos widgets de blog compatíveis com o Elementor para qualquer blog
Crie um site de comércio eletrônico WordPress de última geração para empresas
Organize suas fotos em um anjo diferente a cada vez com o Elementor
Impulsione o engajamento e aumente as vendas usando o Spin Wheel.
Poderoso plug-in de gerador de imagens de IA para WordPress por ChatGPT
Obtenha 360° Augmented Reality para WooCommerce hoje mesmo!
Copie e cole qualquer design da Web de sua preferência com apenas 2 cliques!
Um tema totalmente funcional para o elementor com opções ilimitadas
Tema de bloco inteligente, limpo e flexível para Gutenberg
O plug-in Dark Reader garante uma leitura da Web agradável aos olhos.
Checkout de uma página do WooCommerce para aumentar as conversões.
Find Nearby Stores Instantly with Sigma Store Locator
The Ultimate WordPress Media Library Organizer
Acesse mais de 100 plug-ins premium do WordPress com atualizações vitalícias e suporte dedicado.
Navegação sem esforço com opções de menu avançadas
Opções visuais de produtos aumentam as vendas rapidamente
O conteúdo personalizado se adapta em tempo real
Rolagem contínua para um melhor fluxo de experiência do usuário
A duplicação instantânea de conteúdo economiza tempo
Acesso rápido a elementos de design avançados
Modelos prontos agilizam o design
Campos personalizados avançados para dados flexíveis
Clone sites facilmente, sem complicações
Gráficos nítidos e dimensionáveis para todas as telas
Renove a marca das ferramentas para obter uma aparência profissional
Mostrar ou ocultar conteúdo com precisão
Envolvendo a profundidade com movimentos suaves
Adicione facilmente notas e anotações claras
As dicas úteis melhoram a interação com o usuário
Animar elementos com um toque de estilo
Mantenha as seções importantes sempre visíveis
Controle total com ajustes de código personalizados
Otimize os arquivos para aumentar a velocidade do site
Modelos de página elaborados para ajudá-lo a começar a criar sua página de destino apenas com um design inicial
O Ready Blocks vem com uma variedade de layouts e elementos de design, como cabeçalhos, rodapés, widgets etc.
Cabeçalhos pré-projetados com estilos lucrativos que são adequados para vários sites de nicho e gostos de design
Uma coleção útil de designs de rodapé para ajudá-lo a criar um rodapé instantaneamente atraente em sua página de destino
Encontre-nos 24 horas por dia, 7 dias por semana, à sua disposição. Teremos prazer em ajudar.
Diretrizes detalhadas disponíveis para cada recurso na BdThemes
Aprenda algo novo, mantenha-se informado sobre WordPress, Web Design e muito mais
Aqui estão alguns dos principais marcos em meu desenvolvimento:
Aprenda a usar o produto, dicas e truques do WordPress com nossos vídeos
Ganhe comissões pesadas ao se juntar a nós na promoção
O Widget Idea Share é uma ótima maneira de encontrar widgets semelhantes que você pode melhorar.
Com certeza! Se precisar entrar em contato conosco, sinta-se à vontade para falar conosco
Crie qualquer formulário do WordPress em minutos com o Sigma Forms.
Plug-in do Page Builder para o modo de manutenção e em breve
Torne os sites acessíveis facilmente com o One Accessibility
Exiba depoimentos de clientes para aumentar a confiança e a credibilidade.
O Zoloblocks ajuda a criar sites incríveis baseados em Gutenberg.
O controle deslizante mais avançado na era do controle deslizante Elementor
Os únicos widgets de blog compatíveis com o Elementor para qualquer blog
Crie um site de comércio eletrônico WordPress de última geração para empresas
Organize suas fotos em um anjo diferente a cada vez com o Elementor
Impulsione o engajamento e aumente as vendas usando o Spin Wheel.
Poderoso plug-in de gerador de imagens de IA para WordPress por ChatGPT
Obtenha 360° Augmented Reality para WooCommerce hoje mesmo!
Copie e cole qualquer design da Web de sua preferência com apenas 2 cliques!
Um tema totalmente funcional para o elementor com opções ilimitadas
Tema de bloco inteligente, limpo e flexível para Gutenberg
O plug-in Dark Reader garante uma leitura da Web agradável aos olhos.
Checkout de uma página do WooCommerce para aumentar as conversões.
Find Nearby Stores Instantly with Sigma Store Locator
The Ultimate WordPress Media Library Organizer
Acesse mais de 100 plug-ins premium do WordPress com atualizações vitalícias e suporte dedicado.
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!
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.

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

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.

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.
Agora, vamos alterar a aparência do mapa de acordo com seu gosto. Nesta parte, falaremos sobre as configurações do widget.

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.

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.
Até este ponto, tudo o que fizemos foi configurar o layout. Agora, alteraremos a perspectiva do mapa do Google incorporado no WordPress usando Elmentor.

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.

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.

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.

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!
O maior pacote de modelos Elementor com a interface de usuário mais fácil de usar e 300+ widgets úteis do Elementor. Crie sites de zero a 100% perfeição em pouco tempo.
Este site é alimentado por Element Pack Pro e Tema Rooten.
Copyright © 2026 BdThemes. Todos os direitos reservados.