How to add a map section in Dawn theme?

Technical Q&A

Topic summary

A user seeks to add a map section to Shopify’s Dawn theme, similar to what was available in the older Debut theme.

Primary Solution Offered:

  • Use an iframe with Google Maps embedded in Dawn’s ‘Custom Liquid’ section
  • Steps: Get iframe code from Google Maps, navigate to Customize > Pages > contact > Add section > Custom Liquid, paste code and set width=“100%” for full display

Alternative Approaches Discussed:

  • Transferring the map section directly from Debut to Dawn theme
  • However, this is noted as complicated due to different theme structures and section support between themes
  • Third-party apps like IzyMaps are suggested for more advanced features (multiple locations, store locators)

Resolution:
The iframe method is recommended as the simplest and fastest solution. The original poster expressed gratitude, suggesting they found a workable approach. Images showing the Google Maps iframe extraction and Shopify customization interface were included to guide implementation.

Summarized with AI on October 29. AI used: claude-sonnet-4-5-20250929.
1

Hi every one. With the Dubut theme we could add a ‘map’ section to contact page. How can I add a map section to the Dawn theme? Any suggestions? Kind regards, Jan

2

Hi @BUROJAN ,

You can add iframe map for ‘Custom Liquid’ section. Please follow the steps below:

  • Step 1: Get iframe google map:

Screenshot_32.png
Screenshot_32.png1432×865 492 KB

  • Step 2: Please go to Customize > Pages > contact > Add section > Custom Liquid.

Screenshot.png
Screenshot.png1876×521 299 KB

please change width=“100%” to display full.

Hope it helps!

2 Likes
3

@BUROJAN This may help you Google map

4

You can take the map section from Debut theme and put it in Dawn.

5

Hi @BUROJAN ,

For each theme, it will support different sections. Therefore, if you want to clone from Debut theme to Dawn theme, it will be a complicated request and it will be difficult for anyone to guide you in detail.

Therefore, the way to add an iframe is the simplest and fastest way for you to add a map for Dawn theme.

Hope it is clear to you.

If it helped you solve your issue, please mark it as a solution. Thank you and good luck.

6

Thank you so mutch!

1 Like
7

For adding maps to Dawn theme, you’ve got a few good options:

  1. Manual Iframe Method (as mentioned above)
    Works well for single locations - just remember to set width=“100%” for responsiveness.

  2. Theme Section Transfer
    You can copy the map section from Debut to Dawn by:

    • Exporting both themes

    • Copying the relevant .liquid files

    • But this requires some technical comfort

  3. Simpler Alternative
    If you want a ready-made solution, I built IzyMaps specifically for Shopify stores. It:

    • Adds responsive maps to any page

    • Handles multiple locations

    • Has a free basic version

    • Works perfectly with Dawn theme

The iframe method works great for simple cases, but if you need more features like store locators or multiple pins, the app route might save time.

1 Like