Travel checklist widget

Travel Checklist Widget
Free travel widget for your site

The Orizn travel checklist widget builds a personalized pre-trip checklist β€” documents, vaccines, packing, money β€” from the visitor's destination, passport, and trip length. Embed it on every country guide and turn reader prep anxiety into qualified guide sales.

  • Free forever
  • 16 languages
  • No dependencies
  • 50/50 affiliate

What it does

A purpose-built travel checklist widget for travel content

"What do I need before I leave?" is the second-most-asked question in travel after "do I need a visa?". Existing answers β€” generic "international packing list" PDFs, AI-generated listicles, agency brochures β€” all suffer the same problem: they're not tied to the visitor's specific destination + passport combination.

The Orizn travel checklist widget solves this by composing a checklist on the fly from two ISO3 inputs (destination, passport) and one number (trip length). It pulls from the same visa graph as the visa checker for the document section, from WHO IHR + CDC Travel Health Notices for vaccines, from a climate-aware packing template for the gear section, and from local currency feeds for the money section.

The widget self-mounts, persists check state to localStorage (no third-party cookies, GDPR-safe), and ships with a print-to-PDF button. Drop the two-line snippet at the bottom of every country guide and you have a high-converting pre-trip prep flow your readers will return to multiple times before they fly β€” every return visit is another shot at the affiliate guide CTA.

Widget builder

Build your travel checklist widget live

The widget below runs the exact production script you'd paste on your own site. Every option updates the preview and the snippet instantly β€” language, theme, colors, white-label, then copy the two-line snippet.

travelwithsarah.com/preview
Destination guide

How the checklist de voyage looks inside a real blog post

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.

Features

What the travel checklist widget ships with

Specific, sourced features β€” not generic checkboxes. Every item below is in the production widget today.

Personalized by destination + passport

Two ISO3 inputs and the entire checklist is rebuilt: documents required for the specific passport, vaccines mandated by the destination, climate-appropriate packing, and currency-aware money tips.

4 sections, ~40 items per trip

Documents, Health, Packing, Money. Each section is collapsible. Items have a tappable check mark with state persisted to localStorage so the visitor can come back later.

Vaccine data from WHO + CDC

The Health section pulls mandatory and recommended vaccines from WHO IHR and CDC Travel Health Notices, refreshed weekly. Yellow Fever cards flag the certificate requirement explicitly.

Packing list scales with trip length

Drag a 1-day to 60-day slider and the packing list rescales: more underwear, more chargers, more entry/exit copies. No static "vacation packing list".

Visa section auto-populated

Inherits the same visa graph as the visa checker widget. If the destination requires a visa, the checklist includes "apply for visa" with the embassy URL.

Print/export to PDF

One tap renders a one-page printable PDF with the visitor's checked state. Useful for older travelers who want a paper copy.

Affiliate-ready guide CTA

Bottom-of-checklist CTA points to the full destination guide. With data-affiliate set, every conversion routes 50% to you.

Zero deps, 13 KB gzipped

Vanilla JS, async loading. Checklist state persists locally β€” no third-party tracking, no fingerprinting, GDPR-safe by default.

Where it shines

Who this is for

The widget is general-purpose, but four audiences ship it most often. Recognize yourself in any of these and you'll get value within minutes of pasting the snippet.

Country-guide bloggers

Embed at the end of every destination article. Readers checked-in for trip prep convert at 3-5Γ— the rate of cold visitors on the affiliate CTA.

Travel-prep newsletters and email courses

Drop the widget in the hosted version of a "Prep for your trip" sequence. Subscribers progress through the checklist, conversions attribute to your affiliate code.

Visa-by-country SEO pages

Combine the visa checker widget at the top with the checklist widget at the bottom. The same page handles "do I need a visa" and "how do I prepare" in one funnel.

Niche communities for first-time travelers

Pin on /resources/first-trip. The 40-item personalized checklist reduces "what am I forgetting" anxiety, which is the highest-converting emotional trigger in travel.

How the data is sourced

Editorial transparency, not a black box

Documents section from Orizn's visa graph (200+ embassy feeds). Vaccines from WHO International Health Regulations and CDC Travel Health Notices, refreshed weekly. Packing from a climate-aware template keyed on Open-Meteo 30-year climate normals. Money tips from a hand-curated dataset of 195 countries (card acceptance, ATM availability, common scams).

Reference

Parameters for the travel checklist widget

Every option is a data-* attribute on the container div. No JavaScript configuration is required β€” paste, set the attributes you want, ship.

ParamTypeDefaultDescription
data-destinationISO3""Destination country the checklist is built for (e.g. VNM).
data-passportISO3""Visitor's passport (e.g. FRA). Drives the visa + document sections.
data-langstring"auto"Override the auto-detected browser language. 16 locales supported: en, fr, es, de, it, pt, ja, ko, zh, ru, ar, hi, th, vi, tl, tr (Arabic renders RTL).
data-themestring"auto"Force theme: "auto" (follows OS), "light", or "dark".
data-affiliatestring""Your ORIZN-XXXXX or aff_… code (both formats work) for the 50/50 revenue share on guide sales.
data-colorhex#2563EBAccent color used for progress bar, check marks, CTAs. Hex values only (sanitized).
data-brandingstring"on"Set to "off" to white-label: hides the "Powered by Orizn" footer, the JSON-LD schema and the orizn.app mention in share texts.
data-radiusint16Corner radius in px for the widget card and inputs.
data-fontstring"system-ui"Font-family used across the widget. Any CSS font stack works.

Integrations

Drop the travel checklist widget anywhere

Same two-line snippet, slightly different paste path depending on your stack. Detailed step-by-step guides per CMS:

Monetize

Earn 50% on every guide your widget sells

Add data-affiliate="ORIZN-XXXXX" to the container div β€” both ORIZN-… and aff_… code formats are accepted. Every guide purchase a reader makes through the widget is attributed to you for 30 days, with payouts processed monthly via Stripe. No minimum, no clawback, full transparency on the affiliate dashboard.

Create your affiliate account β†’

FAQ

Questions about the travel checklist widget

Real questions from developers, bloggers and affiliate marketers integrating the widget. If yours isn't here, the docs at /embed/getting-started cover the long tail.

Does the travel checklist widget work with WordPress and Ghost?
Yes. WordPress: Custom HTML block in Gutenberg. Ghost: HTML card (shortcut /html). Also tested on Substack (paid tier), Webflow, Framer, Squarespace, Wix and raw HTML. State persistence uses localStorage, so it survives reloads across all platforms.
How is the checklist data sourced for documents, vaccines and packing?
Documents: Orizn's visa graph, 200+ embassy feeds, two-source quality gate. Vaccines: WHO International Health Regulations + CDC Travel Health Notices, refreshed weekly. Packing: climate-aware template keyed on Open-Meteo 30-year normals. Money: hand-curated 195-country dataset covering card acceptance, ATM availability, and known scams.
Can the visitor save their progress?
Yes. Check state persists to localStorage on the visitor's device β€” no account required, no third-party tracking, GDPR-safe by default. When they return to the page, the widget restores their progress.
Is the travel checklist widget really free?
Yes, free forever for personal and commercial use, no usage caps. We monetize through the 50/50 share on Orizn travel-guide sales the checklist's bottom CTA generates. The checklist works identically without an affiliate code β€” you just don't earn the share.
Which languages and countries are supported?
16 languages (en, fr, es, de, it, pt, ja, ko, zh, ru, ar, hi, th, vi, tl, tr) and 195 countries on the destination picker / 199 passports on the passport picker. Vaccine data and money tips are localized where source data permits.
Can I white-label the widget?
Yes. Set data-branding="off" to remove the "Powered by Orizn" footer, the JSON-LD schema and the orizn.app share mention. Style it with data-color, data-radius and data-font, or override any CSS custom property (--orizn-accent, --orizn-bg, --orizn-fg, --orizn-border, …), e.g. #orizn-checklist .orizn-w { --orizn-bg: #111 }.

Related widgets

Pair it with the rest of the suite

All five widgets share the same runtime, so adding a second one to the page costs nothing extra. The suite is designed to be combined.

Ready to embed?

Ship the travel checklist widget in under 60 seconds

Two lines of HTML, zero dependencies, free forever. Add an affiliate code and start earning 50% on every guide your widget sells.