Как вставить виджет местоположения на любой сайт

Виджет — это одна строка 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: в редакторе темы добавьте раздел Custom 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).
`height` у iframe	220–800 px	compact умещается в 260; для full комфортно 420.
`allow`	geolocation	Обязателен — без него браузер блокирует запрос разрешения внутри iframe.

как добавить виджет геолокации в WordPress встраивание виджета через iframe

Частые вопросы

Нужен ли плагин для WordPress?

Нет. Плагин просто удобнее: он даёт шорткод и выводит тот же самый iframe. Блок «Произвольный HTML» с той же строкой iframe даёт точно такой же результат — разница только в том, как вы вставляете код.

Виджет виден, но кнопка не работает — почему?

Почти всегда в скопированном коде нет атрибута allow="geolocation". Без него браузер блокирует запрос разрешения внутри iframe. Скопируйте фрагмент со страницы виджета заново и полностью замените им старый код — дописывать атрибут вручную не нужно.

Какую высоту задать iframe?

От 220 до 800 px. Режиму compact хватает 260 px, а в режиме full добавляется мини-карта — ей нужно минимум 380 px, комфортно 420 px. Такую же высоту задайте и самому элементу в конструкторе сайта.

Смотреть на английском: How to Embed the Location Widget on Any Site · Русский