Skip to the content

Including a Google map on your page reduces confusion to your location by clearly providing the correct directions. Adding a map might seem complicated, but by using an embed code, the process can be simplified.

Step 1: After choosing the page you want the map to be on, create a new Grid Layout component. This can also be added to the Embed Code and Text components. 

Scroll down to the “Content” section, choose the column configuration you want, and click add content. Select “Code”.

Step 2: Go to Google and search for your location using Google Maps. Find and open your business's Google listing and click share.

Step 3: There will be two options for sharing, the first is to send a link and the second is to embed. Click embed a map, select a size, and copy the HTML.

Step 4: Once the HTML is copied, paste it into the code box on Umbraco. Click save and publish.

Step 5: Once the content is published, visit your site to make sure it looks correct. You may need to fiddle with the sizing on Google or change the width and height in the code yourself.

About the author

Smartly Done Websites

Smartly Done Websites

Smartly Done Websites offers an affordable way for you to work with professionals, designers, programmers, and writers, to help you customize your new website to best suit your needs.

How does this work?

Is this a good fit for me?

Read our frequently asked questions to see if a Smartly Done website is a good fit for you!

We'd love to hear from you

Don't be shy!

Do you have questions?  We'd love to visit with you! Give us a call at (208) 497-0700 or fill out the form and we will contact you.  Hit us with your questions. We can give you a quick demo of our solution, or we can just visit so you can get a good feel for how you'd like working with us. We are a friendly, no-pressure bunch. Reach out!

The 'First name' field is required
The 'Last name' field is required
Please enter a valid Email address