Connection time widget for your travel blog
A short HTML snippet drops a layover calculator, covering 70 airports, into any post.
Customize
- ABQ Albuquerque, United States Albuquerque International Sunport
- AMS Amsterdam, Netherlands Amsterdam Airport Schiphol
- ATL Atlanta, United States Hartsfield-Jackson Atlanta International Airport
- AUS Austin, United States Austin-Bergstrom International Airport
- BCN Barcelona, Spain Barcelona-El Prat Airport
- BNA Nashville, United States Nashville International Airport
- BOS Boston, United States Boston Logan International Airport
- BUR Burbank, United States Hollywood Burbank Airport
- BWI Baltimore, United States Baltimore/Washington International Thurgood Marshall Airport
- CDG Paris, France Paris Charles de Gaulle Airport
- CLE Cleveland, United States Cleveland Hopkins International Airport
- CLT Charlotte, United States Charlotte Douglas International Airport
- CVG Cincinnati, United States Cincinnati/Northern Kentucky International Airport
- DCA Arlington, United States Ronald Reagan Washington National Airport
- DEN Denver, United States Denver International Airport
- DFW Dallas, United States Dallas/Fort Worth International Airport
- DOH Doha, Qatar Hamad International Airport
- DTW Detroit, United States Detroit Metropolitan Wayne County Airport
- DXB Dubai, United Arab Emirates Dubai International Airport
- EWR Newark, United States Newark Liberty International Airport
- FCO Rome, Italy Leonardo da Vinci-Fiumicino Airport
- FLL Fort Lauderdale, United States Fort Lauderdale-Hollywood International Airport
- FRA Frankfurt, Germany Frankfurt Airport
- HKG Hong Kong, Hong Kong SAR Hong Kong International Airport
- HND Tokyo (Haneda), Japan Tokyo Haneda Airport
- HNL Honolulu, United States Daniel K. Inouye International Airport
- IAD Washington, United States Washington Dulles International Airport
- IAH Houston, United States George Bush Intercontinental Airport
- ICN Seoul (Incheon), South Korea Incheon International Airport
- IND Indianapolis, United States Indianapolis International Airport
- IST Istanbul, Türkiye Istanbul Airport
- JAX Jacksonville, United States Jacksonville International Airport
- JFK New York, United States John F. Kennedy International Airport
- LAS Las Vegas, United States Harry Reid International Airport
- LAX Los Angeles, United States Los Angeles International Airport
- LGA New York, United States LaGuardia Airport
- LHR London, United Kingdom London Heathrow Airport
- LIS Lisbon, Portugal Humberto Delgado Airport (Lisbon)
- MAD Madrid, Spain Adolfo Suárez Madrid-Barajas Airport
- MCI Kansas City, United States Kansas City International Airport
- MCO Orlando, United States Orlando International Airport
- MDW Chicago, United States Chicago Midway International Airport
- MEX Mexico City, Mexico Mexico City Benito Juárez International Airport
- MIA Miami, United States Miami International Airport
- MSP Minneapolis, United States Minneapolis-Saint Paul International Airport
- MSY New Orleans, United States Louis Armstrong New Orleans International Airport
- NRT Tokyo (Narita), Japan Narita International Airport
- OAK Oakland, United States Oakland International Airport
- ONT Ontario, United States Ontario International Airport
- ORD Chicago, United States O'Hare International Airport
- PDX Portland, United States Portland International Airport
- PHL Philadelphia, United States Philadelphia International Airport
- PHX Phoenix, United States Phoenix Sky Harbor International Airport
- PIT Pittsburgh, United States Pittsburgh International Airport
- RDU Raleigh, United States Raleigh-Durham International Airport
- RSW Fort Myers, United States Southwest Florida International Airport
- SAN San Diego, United States San Diego International Airport
- SAT San Antonio, United States San Antonio International Airport
- SEA Seattle, United States Seattle-Tacoma International Airport
- SFO San Francisco, United States San Francisco International Airport
- SIN Singapore, Singapore Singapore Changi Airport
- SJC San Jose, United States Norman Y. Mineta San Jose International Airport
- SLC Salt Lake City, United States Salt Lake City International Airport
- SMF Sacramento, United States Sacramento International Airport
- SNA Santa Ana, United States John Wayne Airport
- STL St. Louis, United States St. Louis Lambert International Airport
- SYD Sydney, Australia Sydney Kingsford Smith Airport
- TPA Tampa, United States Tampa International Airport
- YVR Vancouver, Canada Vancouver International Airport
- YYZ Toronto, Canada Toronto Pearson International Airport
Live preview
Embed code
Updates as you change settings - 70 airports with verified minimum connection times
- Top 20 hubs include terminal-specific transfer times and customs data
- Auto-updates when airport data changes
- Under 50 KB, lazy iframe, won't hurt Core Web Vitals
- Free, no signup, no API key, no usage limits
- Privacy-friendly, no cookies, no third-party trackers, anonymous usage counts only
How to add it
- 1. Copy the embed code above (the Copy button is in the top-right of the snippet).
- 2. Paste it into any HTML block on your site, then publish.
Works on WordPress (Custom HTML block), Squarespace (Code block), Ghost (HTML card), Webflow (Embed element), Wix, Jekyll, Hugo, Astro, Next.js, and any static HTML page.
Usage terms. The "Powered by Vientapps" attribution line that sits directly below the widget must remain visible and clickable. Free for personal blogs, commercial publications, news outlets, and educational resources. The widget logs anonymous usage events (widget loads, connection checks, embedding domain, country, device class) so we can improve coverage. No cookies, no IP addresses, no personal identifiers. GDPR-friendly. Connection times are estimates based on published airport data and typical wait times. Always verify with your airline before traveling. Found a data error? Email cadendeveloper@gmail.com.
Frequently asked questions
Will this widget slow down my site?
The widget loads inside a lazy-loaded iframe that totals under 50 KB. It makes no external requests during page load, and optional usage beacons on user interaction are non-blocking, so it will not affect your Core Web Vitals or Lighthouse score.
Does it work on WordPress?
Yes. Open the block editor, add a Custom HTML block, and paste the embed code. The widget renders immediately in the preview and on your published page.
Will the airport data stay current?
Yes. The widget pulls from a verified database of 70 airports that is updated regularly. Each airport record includes minimum connection times, terminal info, and TSA data with verification dates. When we update the data, every embedded widget reflects the change automatically.
Can I customize the colors?
Yes. The widget supports light and dark themes, a custom accent color via hex code to match your brand, adjustable corner radius from sharp to rounded, and a compact mode for sidebar embeds. Use the customizer on this page to configure all options visually.
Do I need to create an account or pay anything?
No. The widget is completely free with no registration, API keys, or usage limits. We log anonymous usage events (widget loads, interactions, embedding domain, country, device class) so we can improve coverage. No cookies, no personal data. Paste the code and it works.
What platforms does it support?
Any platform that allows HTML embeds: WordPress, Squarespace, Ghost, Webflow, Wix (HTML embed widget), Jekyll, Hugo, Astro, Next.js, and static HTML sites.
Can I remove the Powered by Vientapps link?
The attribution line that sits directly below the widget must remain visible. It is a small, unobtrusive credit that helps us fund ongoing data verification and maintenance.
Related connection tools
Use these alongside the widget or link to them from your posts.
- ToolConnection Time CalculatorFull-page layover checker across all 70 airports with airport directory and FAQ.
- ReferenceAirport GuidesTerminal info, TSA wait times, lounges, and ground transport for 70 airports.
- WidgetCarry-On Size WidgetEmbeddable carry-on size checker covering 75 airlines with verified dimensions.
- WidgetChecked Bag Fee WidgetEmbeddable checked bag fee calculator with airline comparison and cost estimates.
- GuideHow to Add Travel Widgets to Your BlogStep-by-step embed guide for WordPress, Squarespace, Ghost, and more.