SectionAI is free + 20K tokens if you're a The4 customer, Free plan is available Install App  

Header background

Ecomus - Map pin info

Harry

Written by Harry

Last updated

584 views

On this page


Map pin info allows you to place a map of your local store on the website, an easy way for customers to head to your shop. Let's dive into how to configure one.

1. How to get a source map

Go to https://www.google.com/maps and copy the embed code. See the video to know how.

2. How to configure Map pin info

  • Full width: Check this if you would like to make the section 100% screen width.

  • Color: Learn to use color here.

  • Use map: Check this ì you would like to use a source map.

  • Source map: Paste code embed from google map here.

  • Filter gray scale source map: Change the map color to gray.

2024-01-19_14-33-59.png
  • Image: To use this option instead of the source map, you need to uncheck use map

2024-01-19_14-36-59.png
  • Custom height: Change the height of the map, available on desktop, tablet, and mobile.

  • Section padding: Adjust top and bottom padding on desktop and mobile.

3. Map pin info content

You can add a heading, text, and button to provide more information about your business.

2024-01-19_14-41-26.png

🎁 Exclusive Deals for The4 Customers

SectionAI

🤖 SectionAI – Build Sections with AI

Generate Shopify sections from text or wireframes.
The4 users get +20,000 bonus tokens when verifying their theme license.

  • ✅ No-code section builder
  • ✅ Works with your The4 theme
  • ✅ Build FAQs, banners, product grids & more
🚀 Try Free – Claim Tokens
EComposer

🎉 EComposer – Free 6-Month Plan

Build landing pages, sales funnels, and more with drag & drop.
The4 users get 6 months free (save $114).

  • ✅ 100+ templates ready to use
  • ✅ Build any Shopify page
  • ✅ No coding required
🔓 Get 6 Months Free

Enjoy a free 3-day trial. Then get your first month for $1. Try Now

We uses cookies to ensure you get the best experience on our website.