< Back to All Pod Tutorials

Map Card

A Map Card pod is similar to the Text Card pod, but the Map Card displays a map next to the address you enter. Map Card pods can be added to Page Sections or a Grid Cell.

An example of the Map Card pod.

Creating your Map Card pod

The Map Card pod uses the Header 3 styling for the title (see more about Headers via the Markdown Guide). Add icons to the left of your title to add emphasis. Go to your Test Components* page to view icon options.

*Type in the URL slug “/test-components” after your website’s URL to see your website’s styled icons.

Map Card pod template

1. Internal Name: This title will not be visible on the website; it is only used for organizing your content.
2. Share: If you flag this pod, your chosen content and settings will be saved to be added easily throughout your website. *If you need to change this pod, you can adjust it in one instance, and it will automatically be updated throughout the site.
3. Title: Your title for this section
4. Icon: Type in the corresponding name to add the icon. The set margins will stay the same if you do not add an icon.
5. Address Contact: The contact will come from your contact list. You can create contacts in the “Contacts” app.
6. Zoom: Valid values range from 1 to 20. 1 is zoomed out to the view of the continent, and 20 is zoomed in all the way to the building. Examples of this can be seen in the next section.

Map Card pod examples

Here is an example of the same address with two different zoom levels. See which zoom level will work best for informing your customers.

The Map Card below has a zoom level of 12.

And this Map Card has a zoom level of 7.

An example of a Map Card with a different website styling.

Save and publish

To see your updated content on your website, you need to publish your page. In the Websites App, click on the Publish tab. Once there, click the Create button. On the next screen, you will select the website you want the page to publish to (if you have multiple websites) and check the Pages checkbox. Click Save at the top, then click Start.