Як вбудувати віджет місцезнаходження на сайт

Віджет — це один рядок iframe, тож його прийме будь-яка платформа, яка дозволяє вставляти власний HTML. Виберіть тему й розмір на сторінці вбудовування, скопіюйте код, а далі виконайте кроки для своєї платформи нижче. Для WordPress натомість є плагін, який ставиться в один клік.

На основі дозволу · Приватно · Працює в Chrome, Safari, Firefox, Edge

WordPress (найпростіше — плагін)

Через плагін: завантажте whatismylocation-widget.zip → wp-admin ▸ Плагіни ▸ Додати новий ▸ Завантажити плагін → активуйте. Далі вставте [whatismylocation] будь-де, де працюють шорткоди (записи, сторінки, текстові віджети), з опціями: [whatismylocation theme="golden" mode="full" height="420"]. Плагін виводить той самий iframe — більше нічого на вашому сайті не змінюється.

Без плагіна: у блоковому редакторі додайте блок Довільний HTML і вставте iframe. У класичному редакторі спершу перейдіть на вкладку «Текст».

Wix, Squarespace, Shopify, Webflow, Blogger

Wix: Додати елементи ▸ Вставити код ▸ Вставити HTML → вставте iframe → змініть розмір елемента відповідно до обраної висоти. (Wix запускає вставлений код у пісочниці; запит геолокації однаково працює завдяки атрибуту allow.)
Squarespace: додайте блок Code (є в актуальних тарифах) → вставте. Якщо віджет видно, але кнопка нічого не робить, скопіюйте фрагмент ще раз — атрибут allow="geolocation" має бути на місці.
Shopify: у редакторі теми додайте секцію Довільний Liquid (або відредагуйте HTML сторінки) і вставте iframe. Працює в темах Online Store 2.0 без встановлення застосунків.
Webflow: перетягніть елемент Embed → вставте → опублікуйте (вставлений код показується лише на опублікованому сайті, а не в конструкторі).
Blogger / інші CMS: будь-який режим редагування чистого HTML приймає iframe без змін.

Особливості платформ змінюються; якщо конструктор вирізає iframe на вашому тарифі, орієнтуйтеся на його довідку в розділі «вставлення власного HTML».

Довідник параметрів

Параметр	Значення	Примітки
`theme`	light · dark · golden	Golden пасує теплим і преміальним дизайнам.
`mode`	compact · full	Full додає міні-карту (вище: беріть height ≥ 380).
iframe `height`	220–800 px	Compact вміщується у 260; full комфортний на 420.
`allow`	geolocation	Обов’язковий — без нього браузер блокує запит дозволу всередині iframe.

вставити віджет на сайт вбудовування iframe у CMS

Поширені запитання

Чи обов’язково встановлювати плагін для WordPress?

Ні. Плагін лише зручніший: він дає шорткод і виводить точно такий самий iframe. Блок «Довільний HTML» зі вставленим рядком iframe працює так само. Плагін варто брати, якщо ви часто змінюєте тему або розмір.

Віджет видно, але кнопка не працює — що робити?

Найчастіше у вставленому коді загубився атрибут allow="geolocation" — без нього браузер блокує запит дозволу всередині iframe. Скопіюйте фрагмент зі сторінки вбудовування ще раз повністю й замініть ним старий код. Також перевірте, що ваша сторінка віддається через HTTPS.

Яку висоту iframe вибрати?

Від 220 до 800 px. Компактному режиму вистачає 260 px, а для mode="full" з міні-картою потрібно щонайменше 380 px — комфортно виглядає 420 px. У конструкторі сайту задайте елементу таку саму висоту, інакше з’явиться порожня смуга або смуга прокручування.

Переглянути англійською: How to Embed the Location Widget on Any Site · Українська