How do i add map to home page of Dawn theme?

Store Design

Topic summary

Goal: Embed a Google Map on the Dawn theme home page, specifically in the footer, potentially replacing the footer logo (earlier mention of header with “Contact Us,” but clarified to footer only).

What’s proposed:

  • Use a Google Maps embed (from the Google Business Profile) or link.
  • Quick option for pages/sections: add the map embed/link into a “Custom Liquid” section (Liquid is Shopify’s templating language).
  • For header/footer or replacing the logo: direct theme code edits are required.
  • Concrete suggestion: paste the Google Map embed code into the theme’s footer.liquid file to display it in the footer.

Key technical points:

  • “Custom Liquid” section = a section that allows inserting HTML/Liquid code without editing core theme files.
  • footer.liquid = the theme template controlling the site’s footer content/layout.

Status/next steps:

  • No code snippet provided; only high-level guidance.
  • Action item: obtain the Google Maps embed code and insert it into footer.liquid (or create a custom map section if not replacing the logo).
  • Outcome not confirmed; resolution pending user implementation and testing.
Summarized with AI on February 8. AI used: gpt-5.
1

Hello, this is bothering me because I’ve seen this on other Dawn themes but noone I know, can give me the code for this.

My website is iammaebella.com password:taucri

Please help me?

2

Hi @MAEBELLA

We need to customize the coding & create a new section for maps

3

@MAEBELLA - are you going to embed google map code? what map do you have?

4

Yes, I would like to embed goggle map since I have Google business profile.

5

@MAEBELLA - if you can google map ink, t\hen you can add it into custom liquid section and map will show up

6

I wanted to embed it into the footer of home page

7

Yes, I understand this. I would like to replace the logo in header with the embedded Google map with “Contact Us” above the map.

8

Hi SmallTask. I want to replace the footer logo with the embedded google map on the home page. I do not want to add it to the contact us page.

9

@MAEBELLA - if you want it in header or footer then you will need to edit the code

10

It is Google map. I want to embed a code on the homepage footer.

11

@MAEBELLA - then please copy paste map code into footer.liquid file