website logo
Go back to WP Go Maps
⌘K
Atlas Novus (v9)
πŸ‘Initial Setup
πŸ‘First-time users
πŸ‘Map Features
πŸ‘Integrations
πŸ‘Importing and Exporting Data
πŸ‘Troubleshooting
πŸ‘Frequently asked questions
Legacy (v9)
πŸ‘Initial Setup
πŸ‘First-time users
πŸ‘Map Features
πŸ‘Integrations
πŸ‘Importing and Exporting Data
πŸ‘Troubleshooting
πŸ‘Frequently asked questions
Integrations
Developers
Hooks
Docs powered byΒ archbeeΒ 
8min

Displaying your Map on your WordPress site

Overview

This guide covers how to display your map on the front end of your WordPress website using either Gutenberg Blocks or the Shortcode

Setup

Prerequisites

The Following Plugin/s need to be installed and active

  • WP Go Maps

Displaying your map using Gutenberg blocks

Navigate to the page you would like to display your map on, and open the page editor.

Access the page editor
Access the page editor
ο»Ώ

Toggle the block inserter, with the + icon near the top left of the page.

Toggle the block inserter
Toggle the block inserter
ο»Ώ

Scroll to the Text section and select the "WP Go Maps", a map block will be inserted onto your page.

Inserting a Map Block
Inserting a Map Block
ο»Ώ

Select the Map to be displayed in the Map dropdown on the Gutenberg block settings pane and "Update" your page. Your map will now be visible on this page on the front end.

Selecting the map
Selecting the map
ο»Ώ

We do not currently support preview on the back end.

Displaying Your Map on Your WordPress Site (without Gutenberg)

To display your map on your website, you must copy and paste theΒ Map ShortcodeΒ to aΒ PostΒ orΒ Page.Β The Map Shortcode can be found on the Maps page or under the General Settings of the Maps editor (WP Go Maps -> Maps (edit your chosen map) -> General Settings)

Shortcode on the Maps Page
Shortcode on the Maps Page
ο»Ώ
Shortcode on General Settings
Shortcode on General Settings
ο»Ώ

Copy and paste this Shortcode onto a Post or Page. It should look like this:

ο»Ώ

Once you’ve finished editing your post or page content, click theΒ PublishΒ button.

Your Map should display on the published post or page (front-end).

ο»Ώ

ο»Ώ

Updated 03 Mar 2023
Did this page help you?
Yes
No
UP NEXT
Map Features
Docs powered byΒ archbeeΒ 
TABLE OF CONTENTS
Overview
Setup
Prerequisites
Displaying your map using Gutenberg blocks
Displaying Your Map on Your WordPress Site (without Gutenberg)