How to Add Google Maps to Your Draftly Website

Draftly Team
D
Draftly Team
April 29, 2026
5
Tutorials

Summary

Show your exact location and boost walk-in traffic by embedding a live Google Map on your contact or home page.

How to Add Google Maps to Your Draftly Website

How to Add Google Maps to Your Draftly Website

Customers want to know exactly where you are. An embedded map removes all friction.

Step 1 — Get Your Embed Code

Go to Google Maps, search your business, click Share → Embed a map, copy the iframe code.

Step 2 — Add an HTML Block

In the Draftly editor, add a Custom HTML section and paste the iframe.

Step 3 — Style It

Set a fixed height (400px works for most layouts) and ensure the block is full-width on mobile.

Pro Tips

  • Use a satellite view for rural or hard-to-find locations
  • Add a 'Get Directions' button linking to `https://maps.google.com/?q=YOUR+ADDRESS`
  • Pair with your phone number and opening hours in the same section

Related Articles

More in Tutorials