Jak osadzić widżet lokalizacji na dowolnej stronie

Widżet to jedna linia iframe — poradzi sobie z nim każda platforma, która przyjmuje własny kod HTML. Ustaw motyw i rozmiar na stronie osadzania, skopiuj kod, a potem wykonaj opisane niżej kroki dla swojej platformy. Użytkownicy WordPressa mają zamiast tego wtyczkę instalowaną jednym kliknięciem.

Na podstawie zgody · Prywatne · Działa w Chrome, Safari, Firefox, Edge

WordPress (najprościej: wtyczka)

Z wtyczką: pobierz whatismylocation-widget.zip → wp-admin ▸ Wtyczki ▸ Dodaj nową ▸ Wyślij wtyczkę na serwer → aktywuj. Potem wstaw [whatismylocation] wszędzie tam, gdzie działają shortcody (wpisy, strony, widżety tekstowe), z opcjami: [whatismylocation theme="golden" mode="full" height="420"]. Wtyczka generuje ten sam iframe — poza tym nic więcej nie ingeruje w Twoją stronę.

Bez wtyczki: w edytorze blokowym dodaj blok Własny kod HTML i wklej iframe. W edytorze klasycznym najpierw przełącz się na kartę Tekst.

Wix, Squarespace, Shopify, Webflow, Blogger

Wix: Dodaj elementy ▸ Osadź kod ▸ Osadź HTML → wklej iframe → dopasuj rozmiar elementu do wybranej wysokości. (Wix uruchamia osadzone treści w piaskownicy; pytanie o zgodę na lokalizację i tak działa dzięki atrybutowi allow.)
Squarespace: dodaj blok Code (dostępny w aktualnych planach) → wklej. Jeśli widżet się pokazuje, ale przycisk nic nie robi, skopiuj fragment jeszcze raz — atrybut allow="geolocation" musi tam być.
Shopify: w edytorze motywu dodaj sekcję Niestandardowy Liquid (albo edytuj kod HTML strony) i wklej iframe. Działa w motywach Online Store 2.0 bez instalowania aplikacji.
Webflow: przeciągnij element Embed → wklej → opublikuj (osadzone treści renderują się tylko na opublikowanej stronie, nie w edytorze Designer).
Blogger / inne systemy CMS: każdy widok z czystym kodem HTML przyjmie iframe bez zmian.

Zwyczaje platform się zmieniają; jeśli kreator w Twoim planie wycina elementy iframe, rozstrzygające są jego strony pomocy w dziale „osadzanie własnego kodu HTML”.

Przegląd opcji

Parametr	Wartości	Uwagi
`theme`	light · dark · golden	Golden pasuje do ciepłych, eleganckich projektów.
`mode`	compact · full	Full dokłada minimapę (jest wyższy: ustaw height ≥ 380).
iframe `height`	220–800 px	Compact mieści się w 260; full jest wygodny przy 420.
`allow`	geolocation	Wymagany — bez niego przeglądarka blokuje pytanie o zgodę wewnątrz iframe.

jak dodać widżet do WordPressa osadzanie kodu iframe w systemie CMS

Najczęstsze pytania

Czy do WordPressa potrzebuję wtyczki?

Nie. Wtyczka jest tylko najwygodniejszą drogą: daje shortcode i generuje dokładnie ten sam iframe. Blok „Własny kod HTML” z wklejoną linią iframe daje identyczny efekt, także w edytorze klasycznym po przełączeniu na kartę Tekst.

Widżet się wyświetla, ale przycisk nic nie robi — dlaczego?

Najczęściej we wklejonym kodzie brakuje atrybutu allow="geolocation". Bez niego przeglądarka blokuje pytanie o zgodę na dostęp do lokalizacji wewnątrz iframe. Skopiuj fragment ze strony osadzania jeszcze raz, w całości, i zastąp nim stary kod.

Jaką wysokość ustawić dla iframe?

Od 220 do 800 px. W trybie compact wystarczy 260 px; tryb full dokłada minimapę i wymaga co najmniej 380 px, a wygodnie wygląda przy 420 px. Wysokość elementu w kreatorze ustaw na tę samą wartość.

Zobacz po angielsku: How to Embed the Location Widget on Any Site · Polski