How to Embed Bing Maps in WordPress

Do you desire to embed Bing Maps on your WordPress site? If you are trying to find a Google Maps alternative, then Bing Maps is the right prospect for you.

Similar to Google Maps, you can utilize Bing Maps to reveal instructions, traffic, paths, and navigation directions on your WordPress website. Given that it is owned by Microsoft, it is a fantastic map application with a lots of helpful information.

In this post, we will reveal you how to easily embed Bing Maps in WordPress, step by action.

How to embed Bing Maps in WordPress

Including Bing Maps in WordPress (No Plugin Required)

Very first thing you require to do is go to Bing Maps site and search for the area or map you wish to embed.

As soon as you have found the location, click the ‘More’ choice with three-dots icon, and choose ‘Em bed a map’ alternative.

Embed a Map option in Bing Maps

After that, it will open a brand-new tab where you can personalize the map to embed in your site.

Customize Bing Map to Embed in WordPress site

You can pick map size, map type (static or draggable map), map style (road or aerial), and map links. Review the personalization alternatives and then click on the Generate Code.

After that, it will supply you a code snippet. Go on and copy the code since you’ll require it in the next action.

generated Embed Code for Bing Maps

Now, switch back to your WordPress website and develop a brand-new page or modify an existing one where you want to include the map.

On the page edit screen, click on the Add New Block icon and select the Custom HTML block.

Add Custom HTML block in WordPress Page Editor

After that, paste the Bing Map embed code that you copied previously in the HTML field.

Bing Map Embed Code Added in WordPress Editor

You can now conserve or publish your page and click on the sneak peek button to see the map embedded in your page. Here is how the Bing Map appeared on our demonstration website.

Bing Map Embedded in WordPress Manually -preview

Adding Bing Maps Utilizing a Plugin

If you require to embed only one map on your website, then the handbook technique shown above is the best alternative.

Nevertheless if you run a website where you often require to add maps, then using a plugin to add Bing Maps would be much easier.

First thing you need to do is install and trigger the Ultimate Maps by Supsystic plugin. For comprehensive instructions, you can see our step by action guide on how to set up a WordPress plugin

It is a free WordPress map plugin that lets you embed Bing maps, Brochure maps, and other Google Maps alternatives in your WordPress blog site.

To use this plugin with Bing maps, you will need to have a Bing Map API Secret.

Merely develop an account on Bing Maps Dev Center site. If you already have a Microsoft account, then you can simply sign in with your account credentials.

Sign in to Bing Dev Center

When you have actually signed into your account, you need to click on the ‘My Account’ menu and choose ‘My Keys’ choice.

Bing Maps Dev Center My keys Option

On the next screen, you need to submit your site details to produce a secret.

Create Bing Map API key to Embed in WordPress

After that, you can see a message ‘Secret developed successfully’ and the key details in a box.

Bing Maps API Key Created

You can just click the ‘Copy key’ link or ‘Show secret’ link and copy the Bing Maps API key.

After that, you require to paste the type in your plugin settings.

See Ultimate Maps by Supsystic” Settings from your control panel and select ‘Bing Microsoft’ as your maps engine. After that, paste the API key you copied earlier in the Bing Maps API essential field.

Paste your Bing Maps API key in Ultimate Maps by Supsystic plugin settings

Don’t forget to save your plugin settings.

After that, you require to include marker categories by going to Ultimate Maps by Supsystic” Marker Categories” Add Classification

Add Marker Categories for Bing Maps

Create as many marker classifications as you require.

Next, click the Add Map menu to create a new map. Enter a name for your map, specify the width and height of the map, choose navigation bar mode, and so on

Add Bing map using a plugin

You can likewise configure choices to make the map draggable, use double click to zoom, and more. Crucial of all, get in the location to display in the map center.

Next, scroll down and configure more choices listed below. Once done, click on the ‘Conserve Map’ button listed below the map sneak peek box.

After that, you can add markers to reveal the primary place points in your map. Click on the Markers tab, and after that include a name for your maker.

Add new Marker for Bing Map in WordPress

You can use the name of the location or organization as a marker name.

For example, we used ‘University of Florida’ as a marker name since we wish to show some of the very best colleges in Florida in our demonstration map.

After that, you can include marker description text along with image.

Scroll down and select an icon for your brand-new marker. Next, you require to get in the address to point the marker. And, likewise select the marker category.

Save Marker for Bing Maps

Evaluation all the other alternatives, and then click the ‘Save Marker’ button.

You can include more markers by following the exact same steps.

As you include the markers, you can preview them survive on the preview box. When you enjoy with your map, browse to the ‘Map shortcode’ alternative at the top, and copy the shortcode.

Copy Bing Map Shortcode to embed in WordPress

After that, produce a brand-new page or edit an existing one to embed your new Bing map.

As soon as in the page editor, click on the Include New Block icon and pick the Shortcode block under Widgets section.

Add Shortcode Block in WordPress

Now you need to paste the Bing map shortcode that you copied before.

Paste BIng Map Embed Shortcode in WordPress Page Editor

Once done, save or release your page, and sneak peek how the Bing map searches your site.

Here is how the embedded Bing map appeared on our demo website.

Bing Map Embedded in WordPress using a Plugin

We hope this post helped you to discover how to embed Bing Maps in WordPress quickly. You may also want to see our guide on how to embed actual tweets in WordPress post

If you liked this article, then please sign up for our YouTube Channel for WordPress video tutorials. You can likewise discover us on Twitter and Facebook

Comments are closed.