Hi there, I would like to embed the google map embed link to the footer without having to use an app.
I tried it and it displayed it but not in the right spot.
I’d like to display it in either one of these sections:
Topic summary
A user sought to embed a Google Map in their Shopify Sense theme footer without using an app. The solution involves editing theme code files:
Implementation steps:
- Open
footer.liquidin the theme code editor - Add a custom liquid block code snippet around line 87
- Insert corresponding schema settings around line 427 to enable the custom liquid option
- After saving, navigate to Online Store > Themes > Customize > Footer
- Add a new “Custom liquid” block and paste the Google Maps embed code
Outcome:
The solution was confirmed successful by the original poster, allowing map embedding directly through theme customization without third-party apps.
Go to your Online theme > Themes > Edit code > open footer.liquid file, add a new line in line 87, add this code
{%- when 'custom_liquid' -%}
{{ block.settings.custom_liquid }}
Then go to the line around 427, add a new blank line, add this code
{
"type": "custom_liquid",
"name": "Custom liquid code",
"settings": [
{
"type": "liquid",
"id": "custom_liquid",
"label": "Map",
"info": "Add embed map code here"
}
]
},
After that, you can go to Online store > Themes > Customize > Footer > Add block > Custom liquid > add embeds map code.
1 Like
Brilliant, thank you so much @Dan-From-Ryviu and apologies for the delay in trying and responding.