Three ways to put your location on a bio link page, a directions button that opens the Maps app, an embedded map with the iframe block, and the custom HTML route for a responsive map, with the code to paste.
For a café, a clinic, a studio or a market stall, the page behind the profile link has one job that matters more than the rest, which is getting people to the door. There are three ways to put a map on a Digily Link page, and the right one depends on your plan and on whether you want a map to look at or 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 pinches and zooms 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 switch on "auto open app on mobile". Digily Link recognises 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 at a short link, its taps are counted in the statistics, and you can swap 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 shows the map on the page itself.
- In Google Maps, find the place, open Share and switch to the "Embed a map" tab.
- Copy the HTML Google shows. You need only the address inside src="…", which starts with https://www.google.com/maps/embed. Paste the whole snippet into the URL parser if you find it easier to pick the address out.
- Add an iframe block to your page, paste that address as the URL and set a height of around 300 pixels.
Put the directions button from option 1 directly under the map. The map shows where you are; the button gets people there.
Option 3. Custom HTML for a responsive map
The custom HTML block is on the Pro plan and gives you full control, including a map that keeps its proportions on 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 sets the shape. 56.25% is a 16:9 rectangle; 75% gives a squarer 4:3 map, and 100% a square. The loading="lazy" attribute stops the map from slowing the page down before the visitor scrolls to it. If you paste code from elsewhere, tidy it first with the HTML minifier so a stray line break does not break the block.
Which option to choose
| You want | Use | Plan |
|---|---|---|
| Navigation to start in one tap | Directions button with app linking | Free and above |
| A map visible on the page | iframe block | Starter and Pro |
| A map with custom shape and styling | Custom HTML block | Pro |
| Several locations | One heading and one directions button per site, or a custom Google My Map embedded with option 2 or 3 | Depends on the blocks used |
Tips for local businesses
- Put the postcode in a paragraph block above the map for people who prefer to type it into their own app.
- Add the business hours block, which is on the free plan, so the visitor knows whether to set off now.
- Keep one map per page. Two embedded maps double the load time for very little benefit.
- Print a QR code of the page for your window and flyers. The layout for a venue page is in link in bio for UK 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 from a desktop.
Pop-ups, markets and events
A stall that moves every weekend does not need a new map each time. Keep the directions button pointing at a short link and change the destination on Friday to this weekend's pitch. 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 one at midnight without anyone remembering to do it. Add a paragraph block with the dates and the postcode for people who like to plan ahead.
Apple Maps and Waze
App linking recognises 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 behave that way without any setting. Two buttons, "Google Maps" and "Apple Maps", cover almost every phone in the UK, and the click counts will tell 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 need no key. An API key is only for developers building their own map application.
Can I show 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.
Does the embedded map slow the page down?
A little, which is why the code above loads it lazily. On a page whose job is to get people to a door, the directions button matters more than the picture.
Can I do this on the free plan?
The directions button, yes. The iframe block needs Starter and the custom HTML block needs Pro. The plans page lists what each includes.
What if I move premises?
Change the destination of the short link behind the directions button and replace the embed address. Nothing 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 right pin and fits the width of the page on a phone.
- Postcode and opening hours are on the page.
- The page has only one map.
- You tested from inside Instagram, not only from your browser.
