Carry-On Embed Widget
LiveFree embeddable carry-on size checker for travel blogs
Built by Caden Sorenson · Launched April 2026
web astro embeds iframe seo travel-tools
What is the Carry-On Embed Widget?
A free, zero-tracking iframe widget that travel bloggers and site owners can drop into any page with a short HTML snippet. It shows readers whether their bag fits each airline’s carry-on and personal item rules, pulling from the same verified dataset that powers the rest of Vientapps.
How It Works
- Pick your options in the visual customizer on the landing page: default airline, theme (light, dark, auto), accent color, compact mode.
- Copy the embed snippet: an iframe tag, an attribution line, and a tiny resize script.
- Paste anywhere that allows HTML (WordPress Custom HTML block, Squarespace code block, Ghost HTML card, plain static site).
- Publish. The widget renders, resizes to its content, and stays current on its own.
Why It’s Free
The underlying airline dataset is already maintained for the main site, so serving it through an iframe costs almost nothing per impression. Keeping the widget free (with a small attribution link) means it gets embedded in travel guides, which builds links and surfaces Vientapps to new readers: a fair trade.
Tech Notes
- Astro static routes for the embed host page (
/tools/widgets/carry-on-size/) and the iframe target (/embed/carry-on/). - postMessage height sync via a 400-byte
resize.jsthat keeps the parent iframe matched to inner content. - Noindex on the iframe target so Google indexes the customizer page, not the bare widget.
- Theme variables via URL params so one HTML file serves every customization combination without a build step per embed.
- First-party only from inside the iframe: no Google Analytics, no third-party fonts, no CDN fetches after load. Anonymous usage events post back to vientapps.com so we can see which widgets earn engagement.
More about Carry-On Embed Widget
- Behind the buildBuilding a Layover Calculator That Knows Every Terminal at JFKHow I built a connection time calculator covering 70 airports with pairwise terminal transfers, customs buffers, and a five-factor assessment algorithm, then spent half the day fixing dark mode.
- Behind the buildBuilding a Checked Bag Fee Calculator Widget That Actually ComputesFramework-free fee calculator widget. Overweight surcharges, third-bag estimates, 75+ airlines sorted by total cost, all inside an iframe.
- Behind the buildI Built a Free Embeddable Carry-On Size Widget for Travel BlogsA free, no-cookies carry-on size checker any travel blog can embed with a short HTML snippet. 75+ airlines, auto-updating data, full theme customization.
- GuideBest SEO Checker and Site Audit Tools for Developers in 2026I tested 8 SEO scanner tools to find the best ones for indie devs and makers. Here's an honest ranking based on features, pricing, and ease of use.
- From the blogBuilding the Carry-On and Personal Item Size CheckersTwo free tools that tell you whether your bag fits a given airline, built on a cited dataset of 50 carriers sourced from official policy pages, orientation-agnostic math, and a single JSON file.
- From the blogBuilding a Travel Power Adapter Tool with Claude in a WeekendHow I turned leftover destination data into a 221-country power adapter finder with plug types and voltage comparison. The first version was unusable.