{"id":11742,"date":"2020-06-03T12:49:09","date_gmt":"2020-06-03T07:19:09","guid":{"rendered":"https:\/\/wp-eventmanager.com\/?p=11742"},"modified":"2025-07-30T15:42:48","modified_gmt":"2025-07-30T10:12:48","slug":"google-maps-addon","status":"publish","type":"post","link":"https:\/\/wp-eventmanager.com\/google-maps-addon\/","title":{"rendered":"How To Display Events With Google Maps On Your Website"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Did you know your event location plays a pivotal role in encouraging people to attend it? You might be surprised to know that people even take the decision to attend or not attend a particular event based on its venue. That is why displaying event location with Google Maps on your events website can be beneficial for you and your attendees. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Google Maps adds amazing visuals to your WordPress site that makes it easy for your attendees to find the exact location of your event. <\/span><\/p>\n<p class=\"text-center\" style=\"width:100%\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wp-eventmanager.com\/wp-content\/uploads\/blog-images\/2020\/google-maps-add-on\/display-events-google-maps.jpg\" alt=\"display events google maps\" width=\"1080\" height=\"400\" title=\"\"><\/a><\/p>\n<p><span style=\"font-weight: 400;\">In addition to that, it lets website visitors identify their nearby events with ease; in simple words, Google Maps can be an advantageous addition to your events website. Now the question is how to add it to your <strong><a href=\"https:\/\/wordpress.org\/\" target=\"_blank\" rel=\"noopener\">WordPress<\/a><\/strong> website. Read this article thoroughly to get all the answers related to adding Google Maps to your WordPress events site. <\/span><\/p>\n<h2>Can you use Google Maps in WordPress?<\/h2>\n<p><span style=\"font-weight: 400;\">It is easy to use Google Maps on your WordPress events website with the help of a WordPress plugin. We recommend the <\/span><strong><a href=\"https:\/\/wp-eventmanager.com\/product\/wp-event-manager-google-maps\/\">Google Maps addon<\/a><\/strong><span style=\"font-weight: 400;\"> from WP Event Manager for your WordPress website. The plugin is enriched with some amazing features that highly improves user experience on your website. To use this, you need an API key about which you will learn in our next segments. <\/span><\/p>\n<h2>Why use Google Maps on my events website? <\/h2>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Currently Google Maps is one of the most popular navigation apps in the world.&nbsp;<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">It makes it easy for your website visitors and attendees to find the event location with ease.&nbsp;<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">It also helps people find nearby events.&nbsp;<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Adding Google Maps to your WordPress events site can also be beneficial for its SEO as it increases visibility in local searches. <\/span><\/li>\n<\/ul>\n<h2>How much does it cost to add Google Maps to a WordPress events website?<\/h2>\n<p><span style=\"font-weight: 400;\">Adding Google Maps to your WordPress events website is affordable when you use a WordPress plugin like <strong><a href=\"https:\/\/wp-eventmanager.com\/\">WP Event Manager.<\/a><\/strong> Its Google Maps extension is not only available at a reasonable cost but now you can also purchase it in a bundle along with other useful plugins. The <\/span><strong><a href=\"https:\/\/wp-eventmanager.com\/pricing\/\">pricing structure<\/a><\/strong><span style=\"font-weight: 400;\"> for all <strong><a href=\"https:\/\/wp-eventmanager.com\/plugins\/\">premium addons<\/a><\/strong> of WP Event Manager is built to make the products available to businesses of all sizes. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">As mentioned earlier, you need an API key to start working with the Google Maps plugin. So how to get the API key? To find out the answer go through our next segment. <\/span><\/p>\n<h2>How to get the API key for Google Maps?<\/h2>\n<p><span style=\"font-weight: 400;\">An API key is created to protect Google Maps platform products from unauthorized uses. It is nothing but a unique identifier that validates requests related to your project for the purpose of using it. You can <\/span><strong><a href=\"https:\/\/developers.google.com\/maps\/documentation\/geocoding\/get-api-key\" target=\"_blank\" rel=\"noopener\">create an API key<\/a><\/strong><span style=\"font-weight: 400;\"> using your Google Console account.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Once you get the API key you can start working with the Google Maps addon. As the Google Maps plugin is an extension to WP Event Manager which is a free WordPress event Management plugin, you need to <\/span><strong><a href=\"https:\/\/wp-eventmanager.com\/knowledge-base\/install-wp-event-manager-addons\/\">install<\/a><\/strong><span style=\"font-weight: 400;\"> the plugin as well. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">The <\/span><strong><a href=\"https:\/\/wp-eventmanager.com\/knowledge-base\/install-wp-event-manager\/\">installation process<\/a><\/strong><span style=\"font-weight: 400;\"> for all the premium addons offered by WP Event Manager including Google Maps is the same.<\/span><\/p>\n<h2>How to add Google Maps to your WordPress site?<\/h2>\n<p><span style=\"font-weight: 400;\">After getting the API key, installing WP Event Manager and Google Maps, here are the steps you need to take to add Google Maps to your WordPress site. <\/span><\/p>\n<p><strong>Setting up Google Maps API:<\/strong><\/p>\n<ol>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Insert the API Key into the backend of your website and follow the path,<\/span><strong> WP-admin &gt;&gt; Event Manager &gt;&gt; Settings &gt;&gt; General &gt;&gt; Google API Key.<\/strong><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Save changes.<\/span><\/li>\n<\/ol>\n<p><span style=\"font-weight: 400;\">Before making the Google Maps addon active on your website, you need to make some changes in the Google API Library. Follow the below-mentioned steps for that:<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Open your Google Console Account.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Go to <\/span><strong>APIs &amp; Services &gt;&gt; Dashboard.<\/strong><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Click on the<\/span><strong> &ldquo;+ENABLE APIS AND SERVICES&rdquo; <\/strong><span style=\"font-weight: 400;\">link showing at top of the page, you will be on the <\/span><strong>&ldquo;Welcome to the API Library&rdquo;<\/strong><span style=\"font-weight: 400;\"> page.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Here, enable the following APIs: Maps JavaScript API, Geocoding API, Geolocation API, Places API.<\/span><\/li>\n<\/ol>\n<p><span style=\"font-weight: 400;\">The Google Maps addon gives you two options to display your event location on your website:<\/span><\/p>\n<h3>1. All events in one Map<\/h3>\n<p><span style=\"font-weight: 400;\">Here are the steps you need to take to display all your events in a single map:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Go to <\/span><strong>WP-admin &gt;&gt; Pages &gt;&gt; Add New<\/strong><span style=\"font-weight: 400;\">.<\/span><\/li>\n<li style=\"font-weight: 400;\"><strong>Add this below mentioned shortcode into the text area of the page.<\/strong><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">[events_map maps_type=&#8221;ROADMAP&#8221;<\/span> <span style=\"font-weight: 400;\">height=&#8221;100px&#8221;<\/span> <span style=\"font-weight: 400;\">width=&#8221;100px&#8221;<\/span> <span style=\"font-weight: 400;\">categories=&#8221;Comma separate s<\/span><\/p>\n<p><strong>Then fill up the following details: <\/strong><\/p>\n<ul>\n<li><strong>Maps_type:<\/strong><span style=\"font-weight: 400;\"> Mention the map type like roadmap, satellite, hybrid or terrain. Click here for more info.<\/span><\/li>\n<li><strong>Height:<\/strong><span style=\"font-weight: 400;\"> Set the map height in pixels.<\/span><\/li>\n<li><strong>Width:<\/strong><span style=\"font-weight: 400;\"> Set the map width in pixels.<\/span><\/li>\n<li><strong>Categories:<\/strong><span style=\"font-weight: 400;\"> Give category slug separated by comma.<\/span><\/li>\n<li><strong>Event_types:<\/strong><span style=\"font-weight: 400;\"> Give event type slug separated by comma.<\/span><\/li>\n<li><strong>Featured:<\/strong><span style=\"font-weight: 400;\"> Featured events true \/ false.<\/span><\/li>\n<li><strong>Location:<\/strong><span style=\"font-weight: 400;\"> Set location value (ex: Berlin,London).<\/span><\/li>\n<li><strong>Keywords:<\/strong><span style=\"font-weight: 400;\"> Set Keywords value (ex: party,meeting).<\/span><\/li>\n<\/ul>\n<h3>2. Single event location map<\/h3>\n<p><span style=\"font-weight: 400;\">Using the Google Maps plugin, you can display Google maps on your event detail page as well. <\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Go to <\/span><strong>WP-admin &gt;&gt; Pages &gt;&gt; Add New<\/strong><span style=\"font-weight: 400;\">.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Here, add below shortcode into text area of the page.<\/span><\/li>\n<\/ol>\n<p><span style=\"font-weight: 400;\">[single_event_location_map event_id=&#8221;123&#8243;<\/span> <span style=\"font-weight: 400;\">maps_type=&#8221;ROADMAP&#8221;<\/span> <span style=\"font-weight: 400;\">height=&#8221;100px&#8221;<\/span> <span style=\"font-weight: 400;\">width=&#8221;100px&#8221;]<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><strong>Event_id<\/strong><span style=\"font-weight: 400;\"> &ndash; Give a particular event id.<\/span><\/li>\n<li style=\"font-weight: 400;\"><strong>Maps_type<\/strong><span style=\"font-weight: 400;\"> &ndash; Add the map types like roadmap, satellite, hybrid or terrain.<\/span><a href=\"https:\/\/developers.google.com\/maps\/documentation\/javascript\/maptypes\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\"> Click here for more info<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/li>\n<li style=\"font-weight: 400;\"><strong>Height<\/strong><span style=\"font-weight: 400;\"> &ndash; Set the map height in pixels.<\/span><\/li>\n<li style=\"font-weight: 400;\"><strong>Width<\/strong><span style=\"font-weight: 400;\"> &ndash; Set the map width in pixels.<\/span><\/li>\n<li style=\"font-weight: 400;\"><strong>Event_id<\/strong><span style=\"font-weight: 400;\"> &ndash; Give a particular event id.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">The Google Maps addon offered by WP Event Manager is one of the best WordPress plugins that you can use to add Google Maps to your events website. You can explore the knowledge base section of our Google Maps addon to get a detailed guidance on how you can use the plugin and what the are the steps you need to follow for each function. <\/span><\/p>\n<h2>The best WordPress plugin for adding Google Maps to our events website<\/h2>\n<p><span style=\"font-weight: 400;\">While searching for a reliable plugin to add Google Maps to your WordPress site, you will come across multiple plugins to choose from. So what makes the Google Maps addon the best among all? It is because of its features. <\/span><\/p>\n<p><strong>Here are some of the most useful features of the Google Maps addon:<\/strong><\/p>\n<ol>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">It lets you highlight your event location with an indicator image or icon on your website which is known as Google Map Marker.&nbsp;<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">It simplifies the process of searching event location through the Google Maps autocomplete feature.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">It allows your website visitors to search for events in a particular place through location filters.&nbsp;<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Users can also select their preferred distance unit between miles and kilometers.&nbsp;<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">It also helps users customize the map view and add effects based on his or her preferences.&nbsp;<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">With Google Maps, shortcodes can also be used to display maps for a single event.&nbsp;<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Current location tracking facility is also available with this addon.<\/span><\/li>\n<\/ol>\n<p><span style=\"font-weight: 400;\">To know more about the entire list of its amazing features, explore the plugin now.<\/span><\/p>\n<h2>Conclusion <\/h2>\n<p><span style=\"font-weight: 400;\">Google Maps can be a beneficial addition to your events website. It not only makes it easy for your attendees to reach the event venue but also helps them identify and choose which nearby event they would prefer to attend. If you are thinking of adding this facility to your WordPress site, we hope that this article will be helpful for you. <\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Did you know your event location plays a pivotal role in encouraging people to attend it? You might be surprised to know that people even take the decision to attend or not attend a particular event based on its venue. That is why displaying event location with Google Maps on your events website can be [&hellip;]<\/p>\n","protected":false},"author":7104,"featured_media":62184,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[378],"tags":[1400,505,508,1364,1506,507,506],"class_list":["post-11742","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-add-ons","tag-addons","tag-google-maps-add-on","tag-how-to-set-google-maps-api","tag-plugins","tag-wordpress-addon","tag-wordpress-event-manager-plugin","tag-wp-event-manager-google-maps-add-on"],"acf":[],"_links":{"self":[{"href":"https:\/\/wp-eventmanager.com\/wp-json\/wp\/v2\/posts\/11742","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp-eventmanager.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wp-eventmanager.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wp-eventmanager.com\/wp-json\/wp\/v2\/users\/7104"}],"replies":[{"embeddable":true,"href":"https:\/\/wp-eventmanager.com\/wp-json\/wp\/v2\/comments?post=11742"}],"version-history":[{"count":0,"href":"https:\/\/wp-eventmanager.com\/wp-json\/wp\/v2\/posts\/11742\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wp-eventmanager.com\/wp-json\/wp\/v2\/media\/62184"}],"wp:attachment":[{"href":"https:\/\/wp-eventmanager.com\/wp-json\/wp\/v2\/media?parent=11742"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wp-eventmanager.com\/wp-json\/wp\/v2\/categories?post=11742"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wp-eventmanager.com\/wp-json\/wp\/v2\/tags?post=11742"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}