Maps and video
Maps#
Maps are embedded Google Maps. They need no API key: you just give an address or place name.
| Where | Setting |
|---|---|
| Contact section | "map": "12 Harbour Walk, Portland, ME" adds a map under the form. |
| Map section | "query": "12 Harbour Walk, Portland, ME" and optionally "zoom": 15 (1 = world, 20 = building). |
| Real estate property pages | Uses the property's address and city, or its map field if set. |
In the HTML files, find the <iframe title="Map" and change the part after q= in its src. Spaces become + or %20, e.g. …maps?q=12+Harbour+Walk,+Portland&z=14&output=embed.
Video#
Videos open in a pop-up player when a play button is clicked. Use the video's embed address:
- YouTube:
https://www.youtube.com/embed/VIDEO_ID(the ID is the part afterwatch?v=in a normal YouTube link). - Vimeo:
https://player.vimeo.com/video/VIDEO_ID
| Where | Setting |
|---|---|
Hero with "variant": "video" | "video": "https://www.youtube.com/embed/…" |
| Video banner | "video" and "image" (the picture behind the play button) |
| About | "video" adds a play button over the photo. |
| Any button | { "label": "Watch our story", "video": "https://www.youtube.com/embed/…", "icon": "play-circle" } |
| Detail pages | A video field on the record adds a video block. |
In the HTML files, a video trigger is any element with data-video="…", e.g. <a href="#" data-video="https://www.youtube.com/embed/abc123">Watch</a>. The player itself is already on every page.
The demos don't include videos, because the demo content is for preview only. Add your own video addresses where you want a player.