How to Add a Map to a Details Page

What You'll Learn

Learn how to make your location data more useful by integrating maps directly into your Details Elements. This eliminates the need for users to navigate back and forth between pages to see locations on a map.

Use Case

It's great to have a map that displays multiple locations that your users can search through. But what happens once they click on a location to see more information?

While it's helpful to see more details, your users no longer have a map. If they want to see their selected location mapped, they need to click back to the previous page and do a search for that location.

That's a lot of extra steps for your users, so why not just add a map to the details?

Steps

1. Select or Create a Page With a Details Element

In the Pages section of the builder, select the page with the location details element or (create a new details page).

2. Open the Details Element's Editor

Click on the details element on that page to open the editor.

3. Edit the Address Field

Hover over the address input field and click the edit "pencil" icon:

4. Check the Map Option Checkbox

In the address field's settings, check the box next to the Map option to show a map. Once enabled, you'll have the option to customize the size of the map displayed:

That's it! Now, when a user views the details for a location, they'll see that location on a map:

Notes & Troubleshooting

If you're not seeing the Map option on your field, make sure that the field is set as an Address type field.