For a coffee shop, clinic, studio, or market booth, the page behind your profile link has one especially important job, getting people to your door. There are three ways to add a map to a Digily Link page. The right one depends on your plan and whether you want visitors to see a map or tap a button that starts navigation.
Option 1. A directions button that opens the Maps app
This works on every plan, including Free, and it is the option most visitors actually want. Nobody wants to pinch and zoom a map on a phone. They tap "Get directions" and expect navigation to start.
- Open Google Maps, find your business, tap Share, and copy the link.
- In the dashboard, create a short link with that address as the destination and turn on "auto open app on mobile." Digily Link recognizes Google Maps and Waze links, so on a phone with the app installed, the short link opens navigation directly. The guide to deep linking explains why that matters.
- Add a link block to your page, paste the short link, and label it "Get directions."
Because the button points to a short link, its taps are counted in the statistics, and you can change the destination if you move.
Option 2. An embedded map with the iframe block
The iframe block is available on the Starter and Pro plans and displays the map directly on the page.
- In Google Maps, find the location, open Share, and switch to the "Embed a map" tab.
- Copy the HTML Google provides. You only need the address inside src="...", which starts with https://www.google.com/maps/embed. Paste the entire snippet into the URL parser if that makes it easier to extract the address.
- Add an iframe block to your page, paste that address as the URL, and set the height to around 300 pixels.
Place the directions button from option 1 directly below the map. The map shows visitors where you are, and the button gets them there.
Option 3. Custom HTML for a responsive map
The custom HTML block is available on the Pro plan and gives you full control, including a map that keeps its proportions at every screen size. Paste the following into the block and replace YOUR_EMBED_URL with the address from the "Embed a map" tab.
<div style="position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:12px"><iframe src="YOUR_EMBED_URL" style="position:absolute;top:0;left:0;width:100%;height:100%;border:0" loading="lazy" allowfullscreen referrerpolicy="no-referrer-when-downgrade"></iframe></div>
The padding-bottom value determines the shape. 56.25% creates a 16:9 rectangle, 75% gives you a squarer 4:3 map, and 100% creates a square. The loading="lazy" attribute prevents the map from slowing down the page before the visitor scrolls to it. If you paste code from somewhere else, clean it up first with the HTML minifier so a stray line break does not break the block.
Which option should you choose?
| You want | Use | Plan |
|---|---|---|
| Navigation to start with one tap | Directions button with app linking | Free and above |
| A map displayed on the page | iframe block | Starter and Pro |
| A map with a custom shape and styling | Custom HTML block | Pro |
| Multiple locations | One heading and one directions button per location, or a custom Google My Map embedded with option 2 or 3 | Depends on the blocks used |
Tips for local businesses
- Put the ZIP code in a paragraph block above the map for people who prefer to enter it in their own app.
- Add the business hours block, which is available on the Free plan, so visitors know whether they should leave now.
- Keep one map per page. Two embedded maps double the load time for very little benefit.
- Print a QR code for the page to use in your window and on flyers. You can find the layout for a location page in link in bio for small businesses.
- Test the directions button from inside Instagram on an iPhone and an Android phone. The URL redirect checker shows what the short link does on a desktop.
Pop-ups, markets, and events
A booth that moves every weekend does not need a new map each time. Keep the directions button pointing to a short link and change the destination on Friday to this weekend's location. The address on the page, the QR code on the banner, and the profile link never change. On the Starter and Pro plans, the short link can also be scheduled, so the Saturday location switches to the Sunday location at midnight without anyone having to remember. Add a paragraph block with the dates and ZIP code for people who like to plan ahead.
Apple Maps and Waze
App linking recognizes Google Maps and Waze addresses. For iPhone users who prefer Apple Maps, a plain link to maps.apple.com with the address in it opens Apple Maps on an iPhone and a web map elsewhere, because Apple's own links work that way without any additional setting. Two buttons, "Google Maps" and "Apple Maps," cover almost every phone in the United States, and the click counts will show you which one your visitors actually use.
Frequently asked questions
Do I need a Google Maps API key?
No. The "Embed a map" snippet and the share link are free to use and do not require a key. An API key is only needed by developers building their own map application.
Can I display more than one pin?
Create a custom map in Google My Maps with all your locations, share it publicly, and use its embed address in the iframe or custom HTML block.
Will an embedded map slow down my page?
A little, which is why the code above loads it lazily. On a page designed to bring people to your door, the directions button matters more than the map image.
Can I add a map on the Free plan?
You can add the directions button. The iframe block requires Starter, and the custom HTML block requires Pro. The plans page lists what each plan includes.
What happens if my business moves?
Change the destination of the short link behind the directions button and replace the embed address. Nothing you have printed needs to change.
Final checks
- The directions button opens the Maps app on a phone and a map page on a desktop.
- The embedded map shows the correct pin and fits the width of the page on a phone.
- The ZIP code and business hours are on the page.
- The page has only one map.
- You tested it from inside Instagram, not just from your browser.
