Skip to main content

Watch it come to life

What is it?

Share locations and addresses on your Hub.

How do I build one?

Step 1: Add a Google Maps embed card to your Hub

Google Maps Card: step 2 — Step 1: Add a Google Maps embed card to your Hub
  • Navigate to your Engagement Hub.
  • Once there, click Add content, from here select Embeds and then Google Maps.
  • You will then see your new card has been added to your Hub.
Google Maps Card: step 2 — Step 2: Paste the link to the card
  • Clicking on Google Maps will open the editing module.
  • (1) Get the embed code and paste it here and a preview will appear below.
    1

    Find the address or place you want to embed on Google Maps.

    Click on the Share buttonGoogle Maps Card: step 1 — Step 2: Paste the link to the card
    2

    Choose Embed a map

    Google Maps Card: step 1 — Step 2: Paste the link to the card
    3

    Choose the size and click COPY HTML.

    Google Maps Card: step 2 — Step 2: Paste the link to the card
    The embedded Google Maps card will always try to stretch the map to fit the width of the card. Picking a different size here will just result in map cards with different heights.
    4
    Google Maps Card: step 4 — Step 2: Paste the link to the card
  • (2) You can optionally override the card height after pasting in the embed code.
  • (3) You can add an author tag by displaying the brand or person who’s responsible for the card content.
  • (4) Add a description to the card.

Step 3: Publish your card

Google Maps Card: step 3 — Step 3: Publish your card Once you’ve completed all of these steps and are happy with all the aspects, it’s time to get your card live!
  • (1) Publish your card manually and instantly for the world to see.
  • (2) Schedule your card to be published and unpublished at set dates and times.
  • (3) Click on to Preview and interact with the card on the front end from a user’s perspective before publishing it.