Precisa descobrir como adicionar Google Mapas para WordPress com JetElements?
Existem vários plug-ins que você pode usar para adicionar Google Mapas para o seu site WordPress. JetElements é um. JetElements é um complemento Elementor premium desenvolvido pela Crocoblock. Ele adiciona vários widgets adicionais ao seu Elementor, incluindo Mapa Avançado que você pode usar para adicionar facilmente Google Mapeia para o seu site WordPress.
Você pode selecionar 10 estilos de mapa. Você também pode adicionar vários pinos.
Neste artigo, mostraremos como usar o widget Mapa Avançado para adicionar o Google Maps ao seu site WordPress.
Antes de começar, certifique-se de ter instalado Elementor e JetEements no seu WordPress. Você pode usar a versão gratuita doElementor para usar JetElements. Enquanto para JetElements, você deve adquiri-lo em seu website oficial por $ 19.
Etapa 1: obtenha a chave da API do Google Maps
Antes de adicionar o Google Maps ao seu site da Web usando JetElements, você precisa obter uma chave de API para integrar JetElements ao Google Maps. Você pode obter a API por meio do console de APIs do Google. Então, visite Console de APIs do Google e faça login com sua conta do Google.
Uma vez logado, crie um novo projeto clicando no menu suspenso na parte superior e clique em NOVO PROJETO.
Dê um nome ao seu projeto e clique no botão CRIAR.
Selecione seu novo projeto no menu suspenso e clique em biblioteca no painel esquerdo.
JetElements não fornece nenhuma informação detalhada sobre as APIs que você precisa ativar para fazer o widget funcionar. Mapa Avançado. De acordo com nossa experiência, você deve habilitar pelo menos as seguintes APIs:
- API de geocodificação
- API JavaScript do Google Maps
O próprio Google divide a API do Google Maps em 17 tipos. Você pode vê-los clicando MOSTRE TUDO na seção Cartes.
Para ativar uma API, selecione a API que deseja ativar (clicando nela) e clique no botão ATIVAR.
Depois de concluir a ativação das APIs necessárias, retorne ao painel principal do Google API Console e clique em identificadores no painel esquerdo. Clique no botão Crie credenciais e selecione Chave de API. Copie a chave API no pop-up que aparece.
Em seguida, faça login no painel do WordPress e vá para o menu JetPlugins – > JetElements Configurações.
Abra a aba integrações e cole a chave de API que você acabou de copiar no campo Chave da API do mapa do Google.
Comece a adicionar o mapa
Assim que o JetElements e o Google Maps estiverem integrados, você pode começar a adicionar o mapa. Para fazer isso, abra a página onde deseja adicionar o mapa no Elementor. No editor Elementor, arraste o widget Mapa Avançado para a área de edição.
Você pode ir para o painel esquerdo para manipular algumas configurações em seu mapa. Você pode fazer as configurações na seção Configurações do Mapa.
Para alterar o estilo do mapa, você pode abrir a seção Estilo de Mapa.
Adicione sua localização ao mapa
Por padrão, o endereço PIN é definido como London Eye, Londres, Reino Unido. Você pode editá-lo para adicionar o local da sua empresa.
Para fazer isso, abra a seção Pinos e clique no endereço pin existente. Cole o endereço da sua empresa no campo Pinar endereço e modifique a descrição no campo Descrição do pino.
Para tornar visível no mapa o endereço do alfinete que você acabou de definir, é necessário definir o centro do mapa. Por exemplo, se a localização da sua empresa for em Paris, defina o centro do mapa como Paris.
Para definir o centro do mapa, abra a seção Configurações do Mapa novamente digite seu centro de mapa preferido (nome da cidade).
Nota: Se você vir uma mensagem "Apenas para fins de desenvolvimento" ao adicionar um cartão, certifique-se de ativar o faturamento do Google Cloud. A nova política do Google exige que os desenvolvedores ativem a conta de cobrança (você ainda pode usar a API do Google Maps gratuitamente).
Obtenha o Elementor Pro agora !!!
Conclusão
Então ! É isso para este artigo que mostra como adicionar o Google Maps ao WordPress com JetElements. Se você tiver alguma dúvida sobre como chegar lá, informe-os no Comentários.
No entanto, você também pode consultar nossos recursos, se você precisar de mais elementos para realizar seus projetos de criação de sites da Internet, consultando nosso guia no site Criação de blog WordPress ou aquele em Divi: o melhor tema WordPress de todos os tempos.
Mas enquanto isso, compartilhe este artigo em suas diferentes redes sociais.
...
