How to Embed the Location Widget on Any Site
The widget is one iframe line — every platform that accepts custom HTML can host it. Configure your theme and size on the embed page, copy the code, then follow your platform's steps below. WordPress users get a one-click plugin instead.
WordPress (easiest: the plugin)
Plugin route: download whatismylocation-widget.zip → wp-admin ▸ Plugins ▸ Add New ▸ Upload Plugin → activate. Then place [whatismylocation] anywhere shortcodes work (posts, pages, text widgets), with options: [whatismylocation theme="golden" mode="full" height="420"]. The plugin outputs the same iframe — nothing else touches your site.
No-plugin route: in the block editor add a Custom HTML block and paste the iframe. In classic editor, switch to the Text tab first.
Wix, Squarespace, Shopify, Webflow, Blogger
- Wix: Add Elements ▸ Embed Code ▸ Embed HTML → paste the iframe → resize the element to match your chosen height. (Wix sandboxes embeds; the geolocation prompt still works because of the allow attribute.)
- Squarespace: add a Code block (available on current plans) → paste. If the widget shows but the button does nothing, re-copy the snippet — the
allow="geolocation"attribute must be present. - Shopify: in the theme editor add a Custom Liquid section (or edit the page's HTML) and paste the iframe. Works in Online Store 2.0 themes without app installs.
- Webflow: drag an Embed element → paste → publish (embeds render only on the published site, not the designer).
- Blogger / other CMS: any raw-HTML view accepts the iframe as-is.
Platform quirks change; if a builder strips iframes on your plan, its help pages under “embed custom HTML” are authoritative.
Options reference
| Parameter | Values | Notes |
|---|---|---|
theme | light · dark · golden | Golden suits warm/premium designs. |
mode | compact · full | Full adds a mini-map (taller: use height ≥ 380). |
iframe height | 220–800 px | Compact fits in 260; full is comfortable at 420. |
allow | geolocation | Required — without it the browser blocks the permission prompt inside the iframe. |
Step by step
- Open the embed configurator and pick a theme (light, dark, golden), mode, and size — the preview updates live.
- Click Copy embed code.
- Paste it into your platform's HTML/embed element (per-platform details below).
- Publish, then test on a phone: tap the widget's button and approve the location prompt to confirm the allow="geolocation" attribute survived.