Voor een café, praktijk, studio of marktkraam heeft de pagina achter de profiellink één taak die belangrijker is dan alle andere: zorgen dat mensen je kunnen vinden. Je kunt op drie manieren een kaart op een Digily Link-pagina zetten. Welke het beste past, hangt af van je abonnement en van de vraag of je een zichtbare kaart wilt of een knop die de navigatie start.
Optie 1. Een routeknop die de Maps-app opent
Dit werkt met elk abonnement, ook Free, en is de optie waar de meeste bezoekers echt iets aan hebben. Vrijwel niemand wil op een telefoon in- en uitzoomen op een kaart. Bezoekers tikken liever op "Routebeschrijving" en verwachten dat de navigatie meteen begint.
- Open Google Maps, zoek je bedrijf, tik op Delen en kopieer de link.
- Maak in het dashboard een korte link met dat adres als bestemming en schakel "app automatisch openen op mobiel" in. Digily Link herkent links van Google Maps en Waze. Op een telefoon waarop de app is geïnstalleerd, opent de korte link daardoor rechtstreeks de navigatie. De uitleg over deep linking laat zien waarom dat belangrijk is.
- Voeg een linkblok aan je pagina toe, plak de korte link erin en geef de knop het label "Routebeschrijving".
Omdat de knop naar een korte link verwijst, worden tikken erop meegeteld in de statistieken. Als je verhuist, kun je bovendien de bestemming aanpassen.
Optie 2. Een ingesloten kaart met het iframe-blok
Het iframe-blok is beschikbaar met de abonnementen Starter en Pro en toont de kaart op de pagina zelf.
- Zoek de locatie in Google Maps, open Delen en ga naar het tabblad "Een kaart insluiten".
- Kopieer de HTML die Google toont. Je hebt alleen het adres binnen src="..." nodig. Dit begint met https://www.google.com/maps/embed. Als je het adres er makkelijker uit wilt halen, plak je het volledige fragment in de URL-parser.
- Voeg een iframe-blok aan je pagina toe, plak dat adres als URL en stel een hoogte van ongeveer 300 pixels in.
Zet de routeknop uit optie 1 direct onder de kaart. De kaart laat zien waar je bent, terwijl de knop bezoekers ernaartoe brengt.
Optie 3. Aangepaste HTML voor een responsieve kaart
Het blok voor aangepaste HTML is beschikbaar met Pro en geeft je volledige controle. Je kunt er onder meer voor zorgen dat de kaart op elk schermformaat dezelfde verhoudingen behoudt. Plak de volgende code in het blok en vervang YOUR_EMBED_URL door het adres uit het tabblad "Een kaart insluiten".
<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>
De waarde van padding-bottom bepaalt de vorm. 56,25% geeft een rechthoek met een verhouding van 16:9, 75% geeft een vierkantere kaart van 4:3 en 100% maakt de kaart vierkant. Het attribuut loading="lazy" voorkomt dat de kaart de pagina vertraagt voordat de bezoeker ernaartoe scrolt. Plak je code uit een andere bron, maak die dan eerst schoon met de HTML-minificator. Zo voorkom je dat een onbedoelde regeleinde het blok onbruikbaar maakt.
Welke optie kun je het beste kiezen?
| Je wilt | Gebruik | Abonnement |
|---|---|---|
| Navigatie met één tik starten | Routeknop met app-linking | Free en hoger |
| Een zichtbare kaart op de pagina | iframe-blok | Starter en Pro |
| Een kaart met een aangepaste vorm en opmaak | Blok voor aangepaste HTML | Pro |
| Meerdere locaties | Per vestiging één kop en één routeknop, of een aangepaste Google My Map die je insluit met optie 2 of 3 | Hangt af van de gebruikte blokken |
Tips voor lokale bedrijven
- Zet de postcode in een tekstblok boven de kaart voor mensen die deze liever zelf in hun navigatie-app invoeren.
- Voeg het openingstijdenblok toe, dat beschikbaar is met Free, zodat bezoekers weten of ze nu kunnen vertrekken.
- Gebruik één kaart per pagina. Twee ingesloten kaarten verdubbelen de laadtijd en leveren nauwelijks voordeel op.
- Print een QR-code van de pagina voor je etalage en flyers. Een geschikte indeling voor een locatiepagina vind je in link in bio voor kleine bedrijven.
- Test de routeknop vanuit Instagram op een iPhone en een Android-telefoon. De URL-omleidingscontrole laat zien wat de korte link op een desktop doet.
Pop-ups, markten en evenementen
Een marktkraam die elk weekend ergens anders staat, heeft niet telkens een nieuwe kaart nodig. Laat de routeknop naar een korte link verwijzen en wijzig de bestemming op vrijdag naar de standplaats van dat weekend. Het adres op de pagina, de QR-code op het spandoek en de profiellink blijven hetzelfde. Met Starter en Pro kun je de korte link ook inplannen. De locatie van zaterdag verandert dan om middernacht automatisch in die van zondag, zonder dat iemand eraan hoeft te denken. Voeg een tekstblok met de datums en postcode toe voor bezoekers die vooruit willen plannen.
Apple Maps en Waze
App-linking herkent adressen van Google Maps en Waze. Voor iPhone-gebruikers die liever Apple Maps gebruiken, kun je een gewone link naar maps.apple.com met het adres toevoegen. Die opent Apple Maps op een iPhone en elders een webkaart, omdat de links van Apple zonder extra instelling zo werken. Met twee knoppen, "Google Maps" en "Apple Maps", bedien je vrijwel elke telefoon in Nederland. Aan de klikaantallen zie je welke optie je bezoekers daadwerkelijk gebruiken.
Veelgestelde vragen
Heb ik een Google Maps API-sleutel nodig?
Nee. Het fragment voor "Een kaart insluiten" en de gedeelde link zijn gratis te gebruiken en hebben geen sleutel nodig. Een API-sleutel is alleen nodig voor ontwikkelaars die hun eigen kaartapplicatie bouwen.
Kan ik meerdere locaties op één kaart tonen?
Maak in Google My Maps een aangepaste kaart met al je locaties, deel deze openbaar en gebruik het insluitadres in het iframe-blok of het blok voor aangepaste HTML.
Maakt een ingesloten kaart de pagina langzamer?
Een beetje. Daarom wordt de kaart met de bovenstaande code pas later geladen. Op een pagina die mensen naar een locatie moet brengen, is de routeknop belangrijker dan de afbeelding van de kaart.
Kan ik dit met het Free-abonnement doen?
De routeknop wel. Voor het iframe-blok heb je Starter nodig en voor het blok met aangepaste HTML Pro. Op de pagina met abonnementen staat wat elk abonnement bevat.
Wat moet ik aanpassen als mijn bedrijf verhuist?
Wijzig de bestemming van de korte link achter de routeknop en vervang het insluitadres. Je hoeft niets van het gedrukte materiaal aan te passen.
Laatste controles
- De routeknop opent de Maps-app op een telefoon en een kaartpagina op een desktop.
- De ingesloten kaart toont de juiste markering en past op een telefoon binnen de breedte van de pagina.
- De postcode en openingstijden staan op de pagina.
- De pagina bevat maar één kaart.
- Je hebt de pagina vanuit Instagram getest, niet alleen vanuit je browser.
