모든 사이트에 위치 위젯 삽입하는 방법
위젯은 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: 코드 블록을 추가하고(현재 요금제에서 사용 가능) → 붙여넣으세요. 위젯은 보이는데 버튼이 아무 반응이 없다면 스니펫을 다시 복사하세요 —
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 안의 권한 요청을 차단합니다. |
자주 묻는 질문
WordPress에 위젯을 넣으려면 플러그인이 꼭 필요한가요?
아니요. 블록 편집기에 사용자 정의 HTML 블록을 넣고 iframe을 붙여넣으면 됩니다. 플러그인은 숏코드로 테마와 높이를 바꿀 수 있어 더 편할 뿐, 나오는 코드는 똑같습니다.
Wix나 Squarespace에서 위치 버튼이 작동하지 않아요.
iframe에 allow="geolocation" 속성이 빠졌을 가능성이 큽니다. 스니펫을 다시 복사해 붙여넣으세요. 페이지가 HTTPS로 제공되는지도 확인하세요 — 브라우저는 위치 확인에 HTTPS를 요구합니다.
위젯 높이는 얼마로 잡아야 하나요?
compact 모드는 260이면 충분하고, 미니 지도가 있는 full 모드는 420이 여유롭습니다. 220~800 사이에서 지정할 수 있으며, 삽입한 요소의 크기도 같은 값에 맞춰 조정하세요.