Skip to content
100% free

Embeddable travel widgets

Drop verified airline and travel data onto any page with a short HTML snippet. No accounts, no API keys, no cookies. Free forever, under 50 KB each.

6 live widgets 1 coming soon 75 airlines APR 26 70 airports under 50 KB each

Drop-in HTML snippet

Paste into any page. No build step, no API key.

<div style="box-sizing:border-box !important;display:block !important;margin:16px auto !important;max-width:640px !important;width:100% !important;position:relative;text-align:left;line-height:normal;">
  <iframe src="https://vientapps.com/embed/carry-on/?airline=united&theme=light&attribution=external"
    style="box-sizing:border-box !important;display:block !important;margin:0 !important;width:100% !important;max-width:100% !important;border:1px solid #e5e7eb;border-radius:12px 12px 0 0;overflow:hidden;background:#ffffff;"
    height="580" loading="lazy"
    title="Carry-on size checker by Vientapps"></iframe>
  <div style="box-sizing:border-box !important;display:flex !important;margin:0 !important;width:100% !important;max-width:100% !important;padding:8px 16px;border:1px solid #e5e7eb;border-top:0;border-radius:0 0 12px 12px;background:#ffffff;color:#6b7280;font-size:11px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:1.4;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:4px 12px;">
    <span>Verify with airline before flying.</span>
    <span>
      <a href="https://vientapps.com/tools/carry-on-size/" target="_blank" rel="noopener" style="color:inherit;text-decoration:none;">Powered by Vientapps</a>
      <span style="margin:0 4px;opacity:0.5;">&middot;</span>
      <a href="https://vientapps.com/terms/" target="_blank" rel="noopener" style="color:inherit;text-decoration:none;">Terms</a>
    </span>
  </div>
</div>
<script src="https://vientapps.com/embed/resize.js" async></script>
html

Each widget page lets you customize colors, theme, and pre-fill values, then copies a tailored snippet.

Works with

  • WordPress
  • Squarespace
  • Webflow
  • Ghost
  • Wix
  • Plain HTML

Need step-by-step instructions? See the widget install guide for WordPress, Squarespace, and Ghost.

Available now

📏
Carry-On Size Widget
Live < 50 KB

Verified carry-on and personal item dimensions for 75 airlines. Light/dark themes, custom accent colors, compact mode. Under 50 KB.

Show embed code 
<div style="box-sizing:border-box !important;display:block !important;margin:16px auto !important;max-width:640px !important;width:100% !important;position:relative;text-align:left;line-height:normal;">
  <iframe src="https://vientapps.com/embed/carry-on/?airline=southwest-airlines&theme=light&attribution=external"
    style="box-sizing:border-box !important;display:block !important;margin:0 !important;width:100% !important;max-width:100% !important;border:1px solid #e5e7eb;border-radius:12px 12px 0 0;overflow:hidden;background:#ffffff;"
    height="580" loading="lazy"
    title="Carry-on size checker by Vientapps"></iframe>
  <div style="box-sizing:border-box !important;display:flex !important;margin:0 !important;width:100% !important;max-width:100% !important;padding:8px 16px;border:1px solid #e5e7eb;border-top:0;border-radius:0 0 12px 12px;background:#ffffff;color:#6b7280;font-size:11px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:1.4;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:4px 12px;">
    <span>Verify with airline before flying.</span>
    <span>
      <a href="https://vientapps.com/tools/carry-on-size/" target="_blank" rel="noopener" style="color:inherit;text-decoration:none;">Powered by Vientapps</a>
      <span style="margin:0 4px;opacity:0.5;">&middot;</span>
      <a href="https://vientapps.com/terms/" target="_blank" rel="noopener" style="color:inherit;text-decoration:none;">Terms</a>
    </span>
  </div>
</div>
<script src="https://vientapps.com/embed/resize.js" async></script>
html
🧳
Bag Fit Checker Widget
Live < 50 KB

Readers enter bag dimensions and instantly see which of 75 airlines accept it. Pre-configure dims via URL for bag-review posts. Under 50 KB.

Show embed code 
<div style="box-sizing:border-box !important;display:block !important;margin:16px auto !important;max-width:640px !important;width:100% !important;position:relative;text-align:left;line-height:normal;">
  <iframe src="https://vientapps.com/embed/bag-fit/?theme=light&attribution=external"
    style="box-sizing:border-box !important;display:block !important;margin:0 !important;width:100% !important;max-width:100% !important;border:1px solid #e5e7eb;border-radius:12px 12px 0 0;overflow:hidden;background:#ffffff;"
    height="580" loading="lazy"
    title="Bag fit checker by Vientapps"></iframe>
  <div style="box-sizing:border-box !important;display:flex !important;margin:0 !important;width:100% !important;max-width:100% !important;padding:8px 16px;border:1px solid #e5e7eb;border-top:0;border-radius:0 0 12px 12px;background:#ffffff;color:#6b7280;font-size:11px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:1.4;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:4px 12px;">
    <span>Verify with airline before flying.</span>
    <span>
      <a href="https://vientapps.com/tools/carry-on-size/" target="_blank" rel="noopener" style="color:inherit;text-decoration:none;">Powered by Vientapps</a>
      <span style="margin:0 4px;opacity:0.5;">&middot;</span>
      <a href="https://vientapps.com/terms/" target="_blank" rel="noopener" style="color:inherit;text-decoration:none;">Terms</a>
    </span>
  </div>
</div>
<script src="https://vientapps.com/embed/resize.js" async></script>
html
💸
Checked Bag Fee Widget
Live < 50 KB

First bag, second bag, overweight, and oversize fees for 75 airlines. Built-in calculator sorts by your total, cheapest first. Under 50 KB.

Show embed code 
<div style="box-sizing:border-box !important;display:block !important;margin:16px auto !important;max-width:640px !important;width:100% !important;position:relative;text-align:left;line-height:normal;">
  <iframe src="https://vientapps.com/embed/checked-bag-fees/?theme=light&attribution=external"
    style="box-sizing:border-box !important;display:block !important;margin:0 !important;width:100% !important;max-width:100% !important;border:1px solid #e5e7eb;border-radius:12px 12px 0 0;overflow:hidden;background:#ffffff;"
    height="580" loading="lazy"
    title="Checked bag fee calculator by Vientapps"></iframe>
  <div style="box-sizing:border-box !important;display:flex !important;margin:0 !important;width:100% !important;max-width:100% !important;padding:8px 16px;border:1px solid #e5e7eb;border-top:0;border-radius:0 0 12px 12px;background:#ffffff;color:#6b7280;font-size:11px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:1.4;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:4px 12px;">
    <span>Verify with airline before flying.</span>
    <span>
      <a href="https://vientapps.com/tools/checked-bag-fees/" target="_blank" rel="noopener" style="color:inherit;text-decoration:none;">Powered by Vientapps</a>
      <span style="margin:0 4px;opacity:0.5;">&middot;</span>
      <a href="https://vientapps.com/terms/" target="_blank" rel="noopener" style="color:inherit;text-decoration:none;">Terms</a>
    </span>
  </div>
</div>
<script src="https://vientapps.com/embed/resize.js" async></script>
html
⏱️
Connection Time Widget
Live < 50 KB

Layover and connection time calculator for 70 airports. MCT rules, customs buffers, terminal transfers for top 20 hubs. Flight times or duration input. Under 50 KB.

Show embed code 
<div style="box-sizing:border-box !important;display:block !important;margin:16px auto !important;max-width:640px !important;width:100% !important;position:relative;text-align:left;line-height:normal;">
  <iframe src="https://vientapps.com/embed/connection-time/?theme=light&attribution=external"
    style="box-sizing:border-box !important;display:block !important;margin:0 !important;width:100% !important;max-width:100% !important;border:1px solid #e5e7eb;border-radius:12px 12px 0 0;overflow:hidden;background:#ffffff;"
    height="420" loading="lazy"
    title="Connection time calculator by Vientapps"></iframe>
  <div style="box-sizing:border-box !important;display:flex !important;margin:0 !important;width:100% !important;max-width:100% !important;padding:8px 16px;border:1px solid #e5e7eb;border-top:0;border-radius:0 0 12px 12px;background:#ffffff;color:#6b7280;font-size:11px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:1.4;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:4px 12px;">
    <span>Connection times are estimates. Verify with your airline.</span>
    <span>
      <a href="https://vientapps.com/tools/connection-time/" target="_blank" rel="noopener" style="color:inherit;text-decoration:none;">Powered by Vientapps</a>
      <span style="margin:0 4px;opacity:0.5;">&middot;</span>
      <a href="https://vientapps.com/terms/" target="_blank" rel="noopener" style="color:inherit;text-decoration:none;">Terms</a>
    </span>
  </div>
</div>
<script src="https://vientapps.com/embed/resize.js" async></script>
html
🔌
Power Adapter Widget
Live < 50 KB

Find the right power adapter for any destination. Covers 221 countries with plug types, voltage, and whether you need a converter. Includes Amazon affiliate links.

Show embed code 
<div style="box-sizing:border-box !important;display:block !important;margin:16px auto !important;max-width:640px !important;width:100% !important;position:relative;text-align:left;line-height:normal;">
  <iframe src="https://vientapps.com/embed/plug-finder/?from=US&to=GB&theme=light&attribution=external"
    style="box-sizing:border-box !important;display:block !important;margin:0 !important;width:100% !important;max-width:100% !important;border:1px solid #e5e7eb;border-radius:12px 12px 0 0;overflow:hidden;background:#ffffff;"
    height="520" loading="lazy"
    title="Power adapter finder by Vientapps"></iframe>
  <div style="box-sizing:border-box !important;display:flex !important;margin:0 !important;width:100% !important;max-width:100% !important;padding:8px 16px;border:1px solid #e5e7eb;border-top:0;border-radius:0 0 12px 12px;background:#ffffff;color:#6b7280;font-size:11px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:1.4;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:4px 12px;">
    <span>Contains affiliate links.</span>
    <span>
      <a href="https://vientapps.com/tools/plug-finder/" target="_blank" rel="noopener" style="color:inherit;text-decoration:none;">Powered by Vientapps</a>
      <span style="margin:0 4px;opacity:0.5;">&middot;</span>
      <a href="https://vientapps.com/terms/" target="_blank" rel="noopener" style="color:inherit;text-decoration:none;">Terms</a>
    </span>
  </div>
</div>
<script src="https://vientapps.com/embed/resize.js" async></script>
html
⚖️
Airline Comparison Widget
Live < 50 KB

Side-by-side baggage policy comparison for any two of 75 airlines. Carry-on, checked bag, special items, and basic economy with per-category winners. Under 50 KB.

Show embed code 
<div style="box-sizing:border-box !important;display:block !important;margin:16px auto !important;max-width:640px !important;width:100% !important;position:relative;text-align:left;line-height:normal;">
  <iframe src="https://vientapps.com/embed/airline-comparison/?airline1=delta-air-lines&airline2=united-airlines&theme=light&attribution=external"
    style="box-sizing:border-box !important;display:block !important;margin:0 !important;width:100% !important;max-width:100% !important;border:1px solid #e5e7eb;border-radius:12px 12px 0 0;overflow:hidden;background:#ffffff;"
    height="640" loading="lazy"
    title="Airline comparison by Vientapps"></iframe>
  <div style="box-sizing:border-box !important;display:flex !important;margin:0 !important;width:100% !important;max-width:100% !important;padding:8px 16px;border:1px solid #e5e7eb;border-top:0;border-radius:0 0 12px 12px;background:#ffffff;color:#6b7280;font-size:11px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:1.4;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:4px 12px;">
    <span>Verify with airline before flying.</span>
    <span>
      <a href="https://vientapps.com/tools/compare/" target="_blank" rel="noopener" style="color:inherit;text-decoration:none;">Powered by Vientapps</a>
      <span style="margin:0 4px;opacity:0.5;">&middot;</span>
      <a href="https://vientapps.com/terms/" target="_blank" rel="noopener" style="color:inherit;text-decoration:none;">Terms</a>
    </span>
  </div>
</div>
<script src="https://vientapps.com/embed/resize.js" async></script>
html

Coming soon

In development. Drop your email and we'll ping you when each ships.

🚢
Cruise Cabin Size Widget
Coming soon

Cabin bag limits and stateroom dimensions by cruise line. Same approach: free, no cookies, always verified.

In development

Customize

Each widget exposes a small set of options via URL parameters on the iframe src. Configure once, copy the snippet, paste into your page.

Theme

Light, dark, or auto. Matches your site without CSS overrides.

&theme=dark
html

Accent color

Pass a hex code to recolor CTAs and highlights to match your brand.

&color=e65100
html

Pre-fill

Set the initial airline, bag size, or airport via URL params.

&airline=delta-air-lines
html

Data verification

Airline policy data is verified against carrier websites monthly. Last full pass: April 2026. When we update the data, every embedded widget reflects the change automatically. The same verified dataset powers the carry-on size checker and checked bag fee tool.

Frequently asked questions

  1. Are these widgets really free?
    Yes. No accounts, no API keys, no per-call billing. Every widget is free to embed on any site, including commercial and monetized blogs.
  2. Will the widgets slow down my page?
    Each widget is under 50 KB, served from CDN, and lazy-loaded by default. They make no external requests during page load, and optional usage beacons on user interaction are non-blocking, so they will not affect your Core Web Vitals or Lighthouse score.
  3. Do they track my visitors?
    No third-party trackers, no cookies, no fingerprinting. We log anonymous usage events (widget loads, key interactions, embedding domain, country, device class) so we can improve coverage. No IP addresses, no personal data, no cross-site identifiers. GDPR-friendly.
  4. Can I use them on a commercial site?
    Yes. You can embed these widgets on any site, including monetized blogs, affiliate sites, and client projects. No attribution required, though a link back is appreciated.
  5. How is the data verified?
    Airline policy data is verified against carrier websites monthly. Each airline record includes a "last verified" date. When we update the data, every embedded widget reflects the change automatically. The same dataset powers the carry-on size checker and checked bag fee tool on Vientapps.
  6. What platforms are supported?
    Any platform that allows HTML embeds: WordPress (Custom HTML block), Squarespace (Code block), Ghost (HTML card), Webflow (Embed element), Wix (HTML embed widget), and plain HTML sites. See the step-by-step install guide for detailed instructions.

Related