Connection time widget for your travel blog
Two lines of HTML drop a layover calculator, covering 70 airports, into any post.
Customize
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 visitor analytics
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 link must remain visible. Free for personal blogs, commercial publications, news outlets, and educational resources. The widget logs the embedding domain name only, no cookies, visitor data, or personal information collected. 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 [email protected].
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 zero external requests beyond the initial page load, 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. The only data collected is the domain name where the widget is embedded, so we can measure reach. 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 link must remain visible. It is a small, unobtrusive footer 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.