How to Embed Bing Maps in WordPress (Step by Step)

Do you wish to have to embed Bing Maps in your WordPress site? If you’re in search of a Google Maps selection, then Bing Maps is the correct candidate for you.

Similar to Google Maps, you’ll be able to use Bing Maps to display instructions, visitors, routes, and navigation directions in your WordPress website online. Since it’s owned by Microsoft, this is a nice map software with a ton of helpful knowledge.

In this text, we can display you the way to simply embed Bing Maps in WordPress, step by step.

Adding Bing Maps in WordPress (No Plugin Required)

First factor you want to do is cross to Bing Maps site and seek for the site or map you wish to have to embed.

Once you may have discovered the site, click on at the ‘More’ possibility with three-dots icon, and choose ‘Embed a map’ possibility.

Embed a Map option in Bing Maps

After that, it’s going to open a brand new tab the place you’ll be able to customise the map to embed in your site.

Customize Bing Map to Embed in WordPress site

You can make a choice map dimension, map kind (static or draggable map), map taste (highway or aerial), and map hyperlinks. Review the customization choices after which click on at the Generate Code.

After that, it’s going to supply you a code snippet. Go forward and replica the code since you’ll want it in the next move.

generated Embed Code for Bing Maps

Now, transfer again to your WordPress website online and create a brand new web page or edit an present one the place you wish to have to upload the map.

On the web page edit display, click on at the Add New Block icon and choose the Custom HTML block.

Add Custom HTML block in WordPress Page Editor

After that, paste the Bing Map embed code that you just copied previous in the HTML box.

Bing Map Embed Code Added in WordPress Editor

You can now save or submit your web page and click on at the preview button to see the map embedded in your web page. Here is how the Bing Map seemed on our demo site.

Bing Map Embedded in WordPress Manually -preview

Adding Bing Maps Using a Plugin

If you want to embed just one map in your site, then the guide approach proven above is the most suitable option.

However for those who run a site the place you incessantly want to upload maps, then the usage of a plugin to upload Bing Maps could be more uncomplicated.

First factor you want to do is set up and turn on the Ultimate Maps by Supsystic plugin. For detailed directions, you’ll be able to see our step by step information on how to set up a WordPress plugin.

It is a loose WordPress map plugin that allows you to embed Bing maps, Leaflet maps, and different Google Maps choices in your WordPress weblog.

To use this plugin with Bing maps, you are going to want to have a Bing Map API Key.

Simply create an account on Bing Maps Dev Center site. If you have already got a Microsoft account, then you’ll be able to merely signal in along with your account credentials.

Sign in to Bing Dev Center

Once you may have signed into your account, you want to click on at the ‘My Account’ menu and choose ‘My Keys’ possibility.

Bing Maps Dev Center My keys Option

On the following display, you want to fill out your site knowledge to create a key.

Create Bing Map API key to Embed in WordPress

After that, you’ll be able to see a message ‘Key created effectively’ and the important thing main points in a field.

Bing Maps API Key Created

You can merely click on at the ‘Copy key’ hyperlink or ‘Show key’ hyperlink and replica the Bing Maps API key.

After that, you want to paste the important thing in your plugin settings.

Visit Ultimate Maps by Supsystic » Settings out of your dashboard and choose ‘Bing Microsoft’ as your maps engine. After that, paste the API key you copied previous in the Bing Maps API key box.

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

Don’t overlook to save your plugin settings.

After that, you want to upload marker classes by visiting Ultimate Maps by Supsystic » Marker Categories » Add Category.

Add Marker Categories for Bing Maps

Create as many marker classes as you want.

Next, click on at the Add Map menu to create a brand new map. Enter a reputation on your map, outline the width and top of the map, make a choice navigation bar mode, and many others.

Add Bing map using a plugin

You too can configure choices to make the map draggable, use double click on to zoom, and extra. Most essential of all, input the site to show in the map middle.

Next, scroll down and configure extra choices underneath. Once achieved, click on at the ‘Save Map’ button underneath the map preview field.

After that, you’ll be able to upload markers to display the principle location issues in your map. Click at the Markers tab, after which upload a reputation on your maker.

Add new Marker for Bing Map in WordPress

You can use the identify of where or group as a marker identify.

For instance, we used ‘University of Florida’ as a marker identify as a result of we would like to display one of the easiest faculties in Florida in our demo map.

After that, you’ll be able to upload marker description textual content in addition to symbol.

Scroll down and make a choice an icon on your new marker. Next, you want to input the cope with to level the marker. And, additionally choose the marker class.

Save Marker for Bing Maps

Review the entire different choices, after which click on the ‘Save Marker’ button.

You can upload extra markers by following the similar steps.

As you upload the markers, you’ll be able to preview them continue to exist the preview field. Once you’re satisfied along with your map, navigate to the ‘Map shortcode’ possibility on the most sensible, and replica the shortcode.

Copy Bing Map Shortcode to embed in WordPress

After that, create a brand new web page or edit an present one to embed your new Bing map.

Once in the web page editor, click on at the Add New Block icon and make a choice the Shortcode block below Widgets phase.

Add Shortcode Block in WordPress

Now you want to paste the Bing map shortcode that you just copied earlier than.

Paste BIng Map Embed Shortcode in WordPress Page Editor

Once achieved, save or submit your web page, and preview how the Bing map seems to be in your site.

Here is how the embedded Bing map seemed on our demo site.

Bing Map Embedded in WordPress using a Plugin

We hope this text helped you to find out how to embed Bing Maps in WordPress simply. You might also need to see our information on how to embed exact tweets in WordPress weblog posts.

If you really liked this text, then please subscribe to our YouTube Channel for WordPress video tutorials. You too can to find us on Twitter and Facebook.

Recent Articles

The Best Pinterest Alternatives to Use if You are Bored of Pinterest

Pinterest is a loved social media network among the lover of aesthetics, mostly females tbh. Now, however more and more people are...

Ways you can add links to your Instagram post in 2021

Instagram has many cool features which need no introduction. However, there are a number of features that...

Finance App You should Have on Your iPhone and Android

We live in the age of digitization. When everything is digital, it is no surprise that money has joined the club too....

5 Video Editing Softwares to Try Your Hand at in 2021

Video is the king when it comes to social media. With reels dominating Instagram and Facebook and...

Charge Your Laptop Without a Charger in 5 Ways

Forgetting your laptop charger is a pretty common thing. We all have been there and all of...

Related Stories

Leave A Reply

Please enter your comment!
Please enter your name here