Locatiewidget insluiten op elke website

De widget is één iframe-regel — elk platform dat eigen HTML toestaat, kan hem tonen. Stel je thema en formaat in op de insluitpagina, kopieer de code en volg daarna hieronder de stappen voor jouw platform. Voor WordPress is er in plaats daarvan een plug-in met één klik.

Op basis van toestemming · Privé · Werkt in Chrome, Safari, Firefox, Edge

WordPress (het makkelijkst: de plug-in)

Met plug-in: whatismylocation-widget.zip downloaden → wp-admin ▸ Plugins ▸ Nieuwe toevoegen ▸ Plugin uploaden → activeren. Zet daarna [whatismylocation] overal neer waar shortcodes werken (berichten, pagina’s, tekstwidgets), met opties: [whatismylocation theme="golden" mode="full" height="420"]. De plug-in plaatst hetzelfde iframe — verder verandert er niets aan je site.

Zonder plug-in: voeg in de blokeditor een blok Aangepaste HTML toe en plak het iframe erin. In de klassieke editor schakel je eerst over naar het tabblad Tekst.

Wix, Squarespace, Shopify, Webflow, Blogger

Wix: Elementen toevoegen ▸ Code insluiten ▸ HTML insluiten → plak het iframe → maak het element even hoog als de hoogte die je hebt gekozen. (Wix draait insluitingen in een sandbox; de vraag om locatietoestemming werkt toch, dankzij het allow-attribuut.)
Squarespace: voeg een Code-blok toe (zit in de huidige abonnementen) → plakken. Verschijnt de widget wel maar doet de knop niets, kopieer het fragment dan opnieuw — het attribuut allow="geolocation" moet aanwezig zijn.
Shopify: voeg in de thema-editor een sectie Aangepaste Liquid toe (of bewerk de HTML van de pagina) en plak het iframe. Werkt in thema’s voor Online Store 2.0 zonder dat je een app installeert.
Webflow: sleep een Embed-element naar binnen → plakken → publiceren (insluitingen worden alleen op de gepubliceerde site weergegeven, niet in de designer).
Blogger / ander CMS: elke weergave met kale HTML neemt het iframe ongewijzigd over.

De eigenaardigheden van platforms veranderen; als een websitebouwer in jouw abonnement iframes verwijdert, zijn de helppagina’s van die bouwer onder ‘HTML insluiten’ leidend.

Overzicht van de opties

Parameter	Waarden	Opmerkingen
`theme`	light · dark · golden	Golden past bij warme, luxe ontwerpen.
`mode`	compact · full	Full voegt een minikaart toe (hoger: gebruik height ≥ 380).
iframe `height`	220–800 px	Compact past in 260; voor full is 420 prettig.
`allow`	geolocation	Verplicht — zonder dit attribuut blokkeert de browser de toestemmingsvraag in het iframe.

widget in WordPress zetten iframe insluiten in een CMS

Veelgestelde vragen

Heb ik voor WordPress de plug-in nodig?

Nee. De plug-in is alleen de makkelijkste route: hij levert een shortcode en zet precies hetzelfde iframe neer. Een blok Aangepaste HTML met de iframe-regel erin geeft exact hetzelfde resultaat.

De widget is zichtbaar maar de knop doet niets — hoe komt dat?

Meestal ontbreekt het attribuut allow="geolocation" in de code die je hebt geplakt. Zonder dat attribuut blokkeert de browser de locatievraag in het iframe. Kopieer het fragment op de insluitpagina nog een keer volledig en vervang je oude code ermee.

Hoe hoog moet het iframe zijn?

Tussen 220 en 800 px. Compact heeft genoeg aan 260 px; met mode="full" komt er een minikaart bij en heb je minstens 380 px nodig, 420 px zit prettig. Stel het element in je bouwer op dezelfde hoogte in.

Bekijk in het Engels: How to Embed the Location Widget on Any Site · Nederlands