Você deseja incorporar o Bing Maps no WordPress?
Você pode usar o Bing Maps para mostrar direções, tráfego, rotas e instruções de navegação em seu site WordPress. Se você não quiser usar o Google Maps, o Bing é um ótimo aplicativo de mapas alternativo com muitos dados úteis.
Neste artigo, mostraremos a você como incorporar facilmente o Bing Maps no WordPress, passo a passo.
Por que adicionar o Bing Maps no WordPress (e não o Google Maps)?
Se você tem uma loja, um restaurante, um salão de beleza, uma atração turística ou outro negócio físico, adicionar o Bing Maps ao seu site facilitará a localização dos clientes.
Os clientes em potencial também podem obter instruções de como chegar à sua empresa e compartilhar facilmente sua localização com amigos e familiares. Além disso, a incorporação do Bings Maps pode melhorar o SEO do WordPress e tornar seu site mais visível nas pesquisas locais.
Quando se trata de adicionar um mapa ao WordPress, o Google Maps pode parecer a escolha óbvia, especialmente porque ele oferece um localizador de lojas do Google Maps.
Entretanto, nos últimos anos, o Bing Maps se tornou mais popular e ambos os serviços oferecem recursos, cobertura de área e dados ligeiramente diferentes. Em particular, muitas pessoas acreditam que o Google Maps superestima o tempo necessário para chegar ao seu destino.
Se você não estiver satisfeito com o Google Maps ou simplesmente preferir a Microsoft ao Google, o Bing Maps é uma ótima alternativa.
Dito isso, vamos ver como você pode adicionar o Bing Maps ao seu site WordPress. Basta usar os links rápidos abaixo para navegar pelas etapas:
Etapa 1: Instale um plug-in do Bing Map e obtenha sua chave de API
Anteriormente, você podia incorporar um mapa do Bing gerando um código de incorporação a partir da plataforma. No entanto, quando tentamos esse método, ele não funciona mais.
Por esse motivo, agora a maneira mais fácil de incorporar seu mapa do Bing no WordPress é usar o Ultimate Maps da Supsystic. Esse plug-in facilita a incorporação de mapas do Bing, mapas do Leaflet e outras alternativas ao Google Maps.
Além disso, também é uma boa opção se você administra um diretório de empresas, onde talvez seja necessário adicionar um mapa a cada página.
A primeira coisa que você precisa fazer é instalar e ativar o plug-in Ultimate Maps by Supsystic. Para obter instruções detalhadas, consulte nosso guia passo a passo sobre como instalar um plug-in do WordPress.
Para usar esse plug-in com o Bing Maps, você precisará de uma chave de API do Bing Map.
Para obter essa chave, basta criar uma conta no Bing Maps Dev Center. Se você já tiver uma conta da Microsoft, poderá entrar com suas informações de login da Microsoft.
Depois de fazer login na sua conta, clique no menu “My Account” (Minha conta).
Em seguida, selecione “My Keys” (Minhas chaves).
Na próxima tela, você precisa preencher as informações do seu blog ou site WordPress.
Em seguida, clique em “Create” (Criar).
Após alguns instantes, você verá a mensagem “Key created successfully” (Chave criada com sucesso).
Agora você pode clicar em “Show key” (Mostrar chave) e copiar a chave da API do Bing Maps ou simplesmente clicar no link “Copy key” (Copiar chave).
Etapa 2: Cole a chave de API e crie categorias de marcadores
A próxima etapa é colar a chave nas configurações do plug-in.
No painel do WordPress, você precisa ir para Ultimate Maps by Supsystic ” Settings. Em seguida, abra o menu suspenso “Mecanismo de mapas” e escolha “Bing Microsoft”.
Agora você pode prosseguir e colar a chave de API no campo “Bing Maps API Key”.
Feito isso, não se esqueça de clicar no botão “Save” (Salvar).
Depois disso, talvez você queira adicionar categorias de marcadores. Semelhante às categorias e tags no WordPress, elas podem ajudar a organizar os pontos de interesse em seu mapa.
Por exemplo, se você estiver criando um mapa para turistas, poderá criar categorias como “Acomodação”, “Restaurantes” e “Atrações”.
Para criar uma categoria, basta selecionar a guia “Marker Categories” (Categorias de marcadores) e clicar em “Add Category” (Adicionar categoria).
Agora você pode adicionar um título, alterar o plano de fundo e a cor do texto e atribuir categorias secundárias a categorias principais.
Quando estiver satisfeito com as informações inseridas, clique em “Save” (Salvar).
Para criar mais categorias, basta clicar no botão “Add Category” (Adicionar categoria).
Etapa 3: Personalize seu mapa do Bing
Feito isso, clique na guia “Add Map” (Adicionar mapa). Agora você pode digitar um nome para o mapa, definir sua largura e altura, escolher um modo de barra de navegação e muito mais.
Você também pode configurar opções para tornar o Bing Map arrastável, usar o clique duplo para ampliar e muito mais.
O mais importante de tudo é que, em “Map Center”, digite o local que você deseja mostrar. Você pode digitar o endereço ou os valores de longitude e latitude.
Há muitas configurações nessa página, portanto, vale a pena examinar todas as opções e fazer as alterações necessárias.
Quando você estiver satisfeito com a configuração do mapa, basta clicar em ‘Save Map’ (Salvar mapa).
Depois disso, talvez você queira destacar um ou mais locais no mapa usando marcadores.
Para começar, clique na guia Marcadores e digite um nome para o marcador. Normalmente, você desejará usar o nome do local ou da organização, mas pode digitar qualquer nome que desejar.
Depois disso, você pode adicionar texto e imagens à descrição do marcador. Você também pode escolher um ícone para o marcador.
Feito isso, você precisa inserir um endereço para o marcador e selecionar uma categoria de marcador.
Quando estiver satisfeito com a configuração, clique em “Save Marker” (Salvar marcador).
Para adicionar mais marcadores, basta seguir o mesmo processo descrito acima.
À medida que você adicionar marcadores, a visualização do mapa será atualizada automaticamente.
Etapa 4: Incorporar o mapa do Bing em seu site WordPress
Quando terminar de personalizar o mapa, copie o shortcode ao lado de “Map shortcode”.
Se você não vir um shortcode, certifique-se de que salvou o mapa.
Agora você pode abrir a página ou o post em que deseja incorporar o Bing Map. Basta clicar no ícone “Add New Block ‘+'” e digitar “Shortcode”.
Quando o bloco certo for exibido, clique nele para adicioná-lo à página.
Agora, basta colar o shortcode do Bing Map no bloco.
Para tornar o mapa ativo, clique no botão “Atualizar” ou “Publicar”. Agora, se você visitar seu site, verá o mapa do Bing em ação.
Saiba mais maneiras de incorporar elementos no WordPress
Deseja incorporar outros elementos em seu site WordPress além de um mapa do Bing? Dê uma olhada nos artigos abaixo:
- Como incorporar facilmente vídeos em postagens de blog do WordPress
- Como incorporar facilmente o código iFrame no WordPress
- Como incorporar PDFs, planilhas e outros elementos em publicações de blog do WordPress
- Como incorporar tweets reais em postagens de blog do WordPress
- Como incorporar uma lista de reprodução do YouTube no WordPress (melhor método)
- Como incorporar facilmente o Instagram no WordPress (passo a passo)
- Como incorporar um formulário do Google no WordPress
- Como incorporar uma transmissão ao vivo do YouTube no WordPress
- Como incorporar álbuns do Facebook no WordPress (a maneira mais fácil)
- Como incorporar postagens de blog do Medium no WordPress (maneira fácil)
- Como incorporar um feed de grupo do Facebook no WordPress
Esperamos que este artigo tenha ajudado você a aprender como incorporar o Bing Maps no WordPress facilmente. Talvez você também queira ver nosso guia sobre como criar um pop-up do WooCommerce para aumentar as vendas ou nossa escolha especializada do melhor software de bate-papo ao vivo para pequenas empresas.
Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.
Syed Balkhi
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Jiří Vaněk
Thanks for the practical guide. So far I only had experience with google maps. I will definitely try to integrate BING maps as well, in order to test their functions and possibly also the loading speed.
Jiří Vaněk
Thanks for the tip, I actually never thought of using maps other than Google. But I’m all about speed. Google Maps slows down page loading a lot. Are Bing and Microsoft better off?
WPBeginner Support
The maps would require a similar amount of load time at the moment.
Administrador
GODZILLA491
I don’t know why but it doesn’t work.
I found your tutorial after several minutes spent doing the same things you do but all i had is a blank post.
With google it works, but i need to use bing maps.
WPBeginner Staff
We have a video tutorial for that on our YouTube Channel, don’t forget to subscribe:
http://www.youtube.com/watch?v=JDCoOOLCmQg
Anita
how do I find a video on adding google maps