avada.io
AVADA logo
Avada
Published on
Shortcodes

The way to insert a custom map to your blog in Wordpress

640 words4 min read
Author
  • Author
    Author:
    tudc
    Twitter

The way to insert a custom map to your blog in Wordpress is an article for bloggers who are looking for ways to embedding a custom Google map for their posts on Wordpress.

We all know that adding content from external sources allows you to create rich content that are useful and highly interactive. Lucky that you can add an image, a song, a slide, a sheet or even a form to your blog on Wordpress. Now, I will introduce you another privilege that you have while using Wordpress: insert a custom Google map

So what are you waiting for? Scroll down to get the instruction for this Wordpress's incredible function.

1. What is a custom map?

As we have already known, Google Maps is a Web-based service that provides detailed information about geographical regions and sites around the world. Specifically, it contains business locations, contact information and also driving directions. For those wonderful tools. Google Map is widely used by people, especially for travel bloggers, it can be added to their post with a view to show the readers some necessary information while arriving some places.

For some points, you can also customize a map via Google. So just simply understand that a custom map is a map created on Google map on your own. You can change the icons, colours and also add images and videos at your convienence.

2. Embedding a Custom Map

From your Google Map, look at the My Maps part.

You will be given permission to select an existed map or create a brand new one.

The way to insert Google map to your blog in Wordpress

If you are satisfied with the map you choose, then click the Share button. As a result, there will be a window. It will look like this:

The way to insert Google map to your blog in Wordpress

In case that you want your post to be posted in public form, but not for Public on the web selection, hit a click on Change and select Public . When you are done, remember to save what you have changed.

The way to insert Google map to your blog in Wordpress

The way to insert Google map to your blog in Wordpress

After that, there is a three-vertical-dot symbol on the right side of the box which represents for the More function. Click it then a menu will appear, the menu includes Embed on my site which you have to select it. A window will be opened with an embed link. All you need to do is to copy the entire code.

The way to insert Google map to your blog in Wordpress

The way to insert Google map to your blog in Wordpress

The next step you need to do is in the Block Editor section, your page or post can be edited.

Then, a new HTML Block should be added.

The way to insert Google map to your blog in Wordpress

Remember Embed code that you copied? You need to paste it into the blank space.

The way to insert Google map to your blog in Wordpress

Last but not least, all you have to do is to Publish your final post or Update it if you have already had one.

The way to insert Google map to your blog in Wordpress

In case that you have already had your post embedded a Google Map, you will notice that your Embedded code is now replaced by the shortcode.

Conclusion

That was the end of the article about inserting a custom map to your blog in Wordpress. I hope that it will help your blog's readers will feel convenient with the function that Google map brought to them.

So have yourself a good reading time and leave us comments for our improvement next time.

Exclusive Offer: Shopify Deal for PageFly Audience

Start Your Online Business with Shopify 12 Day Free Trial + Pay Only 1$ For Your First Month

Exclusive Offer: The Online Store Starter Kit

Get the Shopify Free Trial plus the premium package designed especially for new Shopify merchants - all for FREE!

What’s in it for you?

  • The Shopify free trial
  • Ecommerce CRO checklist: set up a high-converting Shopify store - with over 300+ checkpoints to boost your conversion rate, AOV, and more (value)
  • Enjoy 2 months free on all AVADA paid apps (value)
  • Exclusive discounts on top-rated Shopify apps and themes + Additional perks (value)

How can I get it?

The Online Store Starter Kit will be delivered to your email after signing up for Shopify using the custom landing page Shopify made for AVADA’s audience. There’s no additional cost for you!

Start your Shopify Free Trial now and get it for free!

Advertisement
img Advertisement