무엇을 하나요
"출발 전에 뭘 준비해야 하지?"는 "비자가 필요한가?" 다음으로 여행에서 가장 많이 나오는 질문입니다. 기존 답변들 — 범용 "해외여행 짐 목록" PDF, AI가 생성한 리스티클, 여행사 브로슈어 — 은 모두 같은 문제를 안고 있습니다: 방문자의 구체적인 목적지 + 여권 조합과 연결되어 있지 않다는 것.
Orizn 여행 체크리스트 위젯은 두 개의 ISO3 입력(목적지, 여권)과 숫자 하나(여행 기간)로 체크리스트를 즉석에서 구성해 이 문제를 해결합니다. 서류 섹션은 비자 체커와 동일한 비자 그래프에서, 예방접종은 WHO IHR + CDC 여행 건강 공지에서, 장비 섹션은 기후 인지형 짐 템플릿에서, 돈 섹션은 현지 통화 피드에서 가져옵니다.
위젯은 자체 마운트되고, 체크 상태를 localStorage에 저장하며(서드파티 쿠키 없음, GDPR 안전), PDF 인쇄 버튼이 기본 탑재되어 있습니다. 모든 국가 가이드 하단에 두 줄 스니펫을 배치하면, 독자가 출발 전까지 여러 번 다시 찾는 고전환 여행 준비 플로우가 완성됩니다 — 재방문 한 번 한 번이 제휴 가이드 CTA의 또 다른 기회입니다.
위젯 빌더
아래 위젯은 실제 사이트에 붙여넣게 될 프로덕션 스크립트와 정확히 동일하게 실행됩니다. 언어, 테마, 색상, 화이트라벨 — 모든 옵션이 미리보기와 스니펫을 즉시 갱신합니다. 완성되면 두 줄 스니펫을 복사하세요.
Live preview · updates as you type
The widget above runs the exact production script you would paste on your own site — async, zero dependencies, scoped CSS. Every option on the left maps to a data-* attribute in the snippet.
기능
구체적이고 출처가 명확한 기능들입니다 — 형식적인 체크박스가 아닙니다. 아래 모든 항목은 지금 이 순간 프로덕션 위젯에 들어 있습니다.
두 개의 ISO3 입력만으로 체크리스트 전체가 재구성됩니다: 해당 여권에 필요한 서류, 목적지가 요구하는 예방접종, 기후에 맞는 짐 목록, 통화를 고려한 돈 관리 팁.
서류, 건강, 짐 싸기, 돈. 각 섹션은 접을 수 있습니다. 항목마다 탭 가능한 체크 마크가 있고 상태가 localStorage에 저장되어 방문자가 나중에 다시 돌아올 수 있습니다.
건강 섹션은 WHO IHR과 CDC 여행 건강 공지에서 필수·권장 예방접종을 가져오며 매주 갱신됩니다. 황열병 카드는 증명서 요건을 명시적으로 표시합니다.
1일~60일 슬라이더를 드래그하면 짐 목록이 재조정됩니다: 속옷 더 많이, 충전기 더 많이, 출입국 서류 사본 더 많이. 정적인 "휴가 짐 목록"이 아닙니다.
비자 체커 위젯과 동일한 비자 그래프를 사용합니다. 목적지에 비자가 필요하면 체크리스트에 대사관 URL과 함께 "비자 신청" 항목이 포함됩니다.
한 번의 탭으로 방문자의 체크 상태가 반영된 한 페이지짜리 인쇄용 PDF가 렌더링됩니다. 종이 사본을 선호하는 연령층 여행자에게 유용합니다.
체크리스트 하단 CTA가 목적지 전체 가이드로 연결됩니다. data-affiliate가 설정되면 모든 전환의 50%가 귀하에게 배분됩니다.
바닐라 JS, 비동기 로딩. 체크리스트 상태는 로컬에만 저장됩니다 — 서드파티 트래킹 없음, 핑거프린팅 없음, 기본으로 GDPR 안전.
빛을 발하는 곳
위젯은 범용이지만, 특히 네 부류의 사용자가 가장 자주 도입합니다. 아래에서 자신의 모습을 발견했다면 스니펫을 붙여넣은 지 몇 분 안에 가치를 얻게 될 것입니다.
모든 여행지 기사 끝에 임베드하세요. 여행 준비에 몰입한 독자는 콜드 방문자보다 제휴 CTA에서 3~5배 높은 전환율을 보입니다.
"여행 준비하기" 시퀀스의 호스팅 버전에 위젯을 배치하세요. 구독자가 체크리스트를 진행하는 동안 전환은 귀하의 제휴 코드에 귀속됩니다.
상단에 비자 체커 위젯, 하단에 체크리스트 위젯을 결합하세요. 한 페이지가 "비자가 필요한가"와 "어떻게 준비하나"를 하나의 퍼널로 처리합니다.
/resources/first-trip에 고정하세요. 40개 항목의 개인화된 체크리스트가 여행에서 전환율이 가장 높은 감정 트리거인 "뭘 빠뜨렸지?" 불안을 줄여 줍니다.
데이터 출처
서류 섹션은 Orizn 비자 그래프(200개 이상 대사관 피드). 예방접종은 WHO 국제보건규칙(IHR)과 CDC 여행 건강 공지에서 매주 갱신. 짐 목록은 Open-Meteo 30년 기후 평년값을 키로 하는 기후 인지형 템플릿. 돈 관리 팁은 195개국을 수작업으로 큐레이션한 데이터셋(카드 사용 가능성, ATM 접근성, 흔한 사기 수법).
레퍼런스
모든 옵션은 컨테이너 div의 data-* 속성입니다. JavaScript 설정은 필요 없습니다 — 붙여넣고, 원하는 속성을 지정하고, 배포하세요.
| 파라미터 | 타입 | 기본값 | 설명 |
|---|---|---|---|
data-destination | ISO3 | "" | 체크리스트를 생성할 목적지 국가(예: VNM). |
data-passport | ISO3 | "" | 방문자의 여권(예: FRA). 비자 및 서류 섹션을 결정합니다. |
data-lang | string | "auto" | 자동 감지된 브라우저 언어를 재정의합니다. 16개 로케일 지원: en, fr, es, de, it, pt, ja, ko, zh, ru, ar, hi, th, vi, tl, tr (아랍어는 RTL로 렌더링). |
data-theme | string | "auto" | 테마 강제 지정: "auto"(OS 설정 따름), "light", "dark". |
data-affiliate | string | "" | 가이드 판매의 50/50 수익 배분을 위한 ORIZN-XXXXX 또는 aff_… 코드(두 형식 모두 지원). |
data-color | hex | #2563EB | 진행률 바, 체크 마크, CTA에 사용되는 강조 색상. hex 값만 허용됩니다(자동 정제). |
data-branding | string | "on" | "off"로 설정하면 화이트라벨 모드: "Powered by Orizn" 푸터, JSON-LD 스키마, 공유 텍스트의 orizn.app 언급이 숨겨집니다. |
data-radius | int | 16 | 위젯 카드와 입력 요소의 모서리 반경(px). |
data-font | string | "system-ui" | 위젯 전체에 사용되는 font-family. 모든 CSS 폰트 스택을 사용할 수 있습니다. |
연동
같은 두 줄 스니펫이지만 스택에 따라 붙여넣는 경로가 조금씩 다릅니다. CMS별 단계별 상세 가이드:
수익화
컨테이너 div에 data-affiliate="ORIZN-XXXXX" 를 추가하세요 — ORIZN-…과 aff_… 두 코드 형식 모두 지원됩니다. 독자가 위젯을 통해 구매한 모든 가이드는 30일간 귀하에게 귀속되며, 정산은 매월 Stripe로 처리됩니다. 최소 금액 없음, 환수 없음, 제휴 대시보드에서 모든 내역을 투명하게 확인할 수 있습니다.
FAQ
위젯을 연동하는 개발자, 블로거, 제휴 마케터들이 실제로 묻는 질문입니다. 여기에 없다면 /embed/getting-started 문서가 롱테일을 다룹니다.
관련 위젯
다섯 개 위젯 모두 동일한 런타임을 공유하므로, 페이지에 두 번째 위젯을 추가해도 추가 비용이 전혀 없습니다. 스위트는 조합해 쓰도록 설계되었습니다.