Back to site

Travel Insurance Quote

Editable travel insurance quote estimator with live premium summary.

Travel insurance quote

Edit your trip details and see an estimated premium instantly

Tell us where you are going, who is travelling, and whether this is a single or annual policy to get a quick pricing signal before you compare plans.

Estimated premium

$182

Trip
12 days of cover
Travellers
1
Destination profile
Popular destination

Edit the quote details to refine the estimate.

Annual cover assumes multiple trips over 12 months. Single trip cover uses the selected travel dates.

Indicative premium only. Final pricing depends on cover level, medical history, and provider underwriting. 

---
import TravelInsuranceQuote from "@page-sections/ctas/travel-insurance-quote/TravelInsuranceQuote.astro";
---

<TravelInsuranceQuote backgroundColor="surface" colorScheme="inherit" defaultAge={34} defaultDependants={0} defaultDestination="Japan" defaultEndDate={{}} defaultStartDate={{}} defaultTripType="Single" destinationPlaceholder="Japan" disclaimer="Indicative premium only. Final pricing depends on cover level, medical history, and provider underwriting." eyebrow="Travel insurance quote" heading="Edit your trip details and see an estimated premium instantly" paddingVertical="4xl" subtext="Tell us where you are going, who is travelling, and whether this is a single or annual policy to get a quick pricing signal before you compare plans." />
---
blocks:
  _component: page-sections/ctas/travel-insurance-quote
  eyebrow: Travel insurance quote
  heading: Edit your trip details and see an estimated premium instantly
  subtext: Tell us where you are going, who is travelling, and whether this is a single or annual policy to get a quick pricing signal before you compare plans.
  destinationPlaceholder: Japan
  defaultDestination: Japan
  defaultAge: 34
  defaultStartDate: {}
  defaultEndDate: {}
  defaultTripType: Single
  defaultDependants: 0
  disclaimer: Indicative premium only. Final pricing depends on cover level, medical history, and provider underwriting.
  colorScheme: inherit
  backgroundColor: surface
  paddingVertical: 4xl
---

Overview

Use this section when a travel insurance page needs more than a simple CTA. It combines editable defaults for destination, age, start date, end date, trip type, and dependants with an in-browser estimate that updates as users edit the form. Use it near the top of a comparison funnel or before product tables to help visitors sanity-check their trip profile before comparing plans.

Properties

eyebrow string | default: Travel insurance quote

Small overline shown above the quote heading.

heading string | default: Edit your trip details and see an estimated premium instantly

Main heading for the quote component.

subtext string | default: Tell us where you are going, who is travelling, and whether this is a single or annual policy to get a quick pricing signal before you compare plans.

Supporting copy that explains how the estimator works.

destinationPlaceholder string | default: Japan

Placeholder shown in the destination field.

defaultDestination string | default: Japan

Default destination value when the component first loads.

defaultAge number | default: 34

Default traveller age.

defaultStartDate string | default: object

Default trip start date.

defaultEndDate string | default: object

Default trip end date.

defaultTripType enum | default: Single

Default trip type shown in the estimator.

Accepted values:
  • Single
  • Annual

defaultDependants enum | default: 0

Default dependant count.

Accepted values:
  • 0
  • 1
  • 2
  • 3
  • 4
  • 5

disclaimer string | default: Indicative premium only. Final pricing depends on cover level, medical history, and provider underwriting.

Fine print shown below the form.

colorScheme enum | default: inherit

Color scheme for the component wrapper.

Accepted values:
  • inherit
  • light
  • dark

backgroundColor enum | default: surface

Background color applied to the section wrapper.

Accepted values:
  • none
  • base
  • surface
  • accent
  • highlight

paddingVertical enum | default: 4xl

Vertical spacing inside the section.

Accepted values:
  • xs
  • sm
  • md
  • lg
  • xl
  • 2xl
  • 3xl
  • 4xl
  • 5xl
  • 6xl

Examples

Core Usage

Travel insurance quote

Edit your trip details and see an estimated premium instantly

Tell us where you are going, who is travelling, and whether this is a single or annual policy to get a quick pricing signal before you compare plans.

Estimated premium

$182

Trip
12 days of cover
Travellers
1
Destination profile
Popular destination

Edit the quote details to refine the estimate.

Annual cover assumes multiple trips over 12 months. Single trip cover uses the selected travel dates.

Indicative premium only. Final pricing depends on cover level, medical history, and provider underwriting. 

---
import TravelInsuranceQuote from "@page-sections/ctas/travel-insurance-quote/TravelInsuranceQuote.astro";
---

<TravelInsuranceQuote backgroundColor="surface" colorScheme="inherit" defaultAge={34} defaultDependants={0} defaultDestination="Japan" defaultEndDate={{}} defaultStartDate={{}} defaultTripType="Single" destinationPlaceholder="Japan" disclaimer="Indicative premium only. Final pricing depends on cover level, medical history, and provider underwriting." eyebrow="Travel insurance quote" heading="Edit your trip details and see an estimated premium instantly" paddingVertical="4xl" subtext="Tell us where you are going, who is travelling, and whether this is a single or annual policy to get a quick pricing signal before you compare plans." />
---
blocks:
  _component: page-sections/ctas/travel-insurance-quote
  eyebrow: Travel insurance quote
  heading: Edit your trip details and see an estimated premium instantly
  subtext: Tell us where you are going, who is travelling, and whether this is a single or annual policy to get a quick pricing signal before you compare plans.
  destinationPlaceholder: Japan
  defaultDestination: Japan
  defaultAge: 34
  defaultStartDate: {}
  defaultEndDate: {}
  defaultTripType: Single
  defaultDependants: 0
  disclaimer: Indicative premium only. Final pricing depends on cover level, medical history, and provider underwriting.
  colorScheme: inherit
  backgroundColor: surface
  paddingVertical: 4xl
---

Annual multi-trip quote

Model an annual policy for parents travelling more than once this year

Set the quote defaults for repeat travellers and dependants so editors can present a family-oriented annual cover scenario out of the box.

Estimated premium

$406

Trip
Annual multi-trip cover
Travellers
3
Destination profile
Popular destination

Edit the quote details to refine the estimate.

Annual cover assumes multiple trips over 12 months. Single trip cover uses the selected travel dates.

Estimate assumes annual multi-trip cover with standard acceptance criteria. 

---
import TravelInsuranceQuote from "@page-sections/ctas/travel-insurance-quote/TravelInsuranceQuote.astro";
---

<TravelInsuranceQuote backgroundColor="accent" colorScheme="inherit" defaultAge={42} defaultDependants={2} defaultDestination="New Zealand" defaultEndDate={{}} defaultStartDate={{}} defaultTripType="Annual" destinationPlaceholder="New Zealand" disclaimer="Estimate assumes annual multi-trip cover with standard acceptance criteria." eyebrow="Annual multi-trip quote" heading="Model an annual policy for parents travelling more than once this year" paddingVertical="4xl" subtext="Set the quote defaults for repeat travellers and dependants so editors can present a family-oriented annual cover scenario out of the box." />
---
blocks:
  _component: page-sections/ctas/travel-insurance-quote
  eyebrow: Annual multi-trip quote
  heading: Model an annual policy for parents travelling more than once this year
  subtext: Set the quote defaults for repeat travellers and dependants so editors can present a family-oriented annual cover scenario out of the box.
  destinationPlaceholder: New Zealand
  defaultDestination: New Zealand
  defaultAge: 42
  defaultStartDate: {}
  defaultEndDate: {}
  defaultTripType: Annual
  defaultDependants: 2
  disclaimer: Estimate assumes annual multi-trip cover with standard acceptance criteria.
  colorScheme: inherit
  backgroundColor: accent
  paddingVertical: 4xl
---

USA example

Show how destination and age can push the indicative premium higher

This preset is useful for demos where you want the estimator to clearly respond to a higher-cost medical destination and an older traveller profile.

Estimated premium

$182

Trip
12 days of cover
Travellers
2
Destination profile
Popular destination

Edit the quote details to refine the estimate.

Annual cover assumes multiple trips over 12 months. Single trip cover uses the selected travel dates.

Demonstration estimate only. Provider pricing and acceptance rules differ significantly for older travellers. 

---
import TravelInsuranceQuote from "@page-sections/ctas/travel-insurance-quote/TravelInsuranceQuote.astro";
---

<TravelInsuranceQuote backgroundColor="base" colorScheme="inherit" defaultAge={67} defaultDependants={1} defaultDestination="United States" defaultEndDate={{}} defaultStartDate={{}} defaultTripType="Single" destinationPlaceholder="United States" disclaimer="Demonstration estimate only. Provider pricing and acceptance rules differ significantly for older travellers." eyebrow="USA example" heading="Show how destination and age can push the indicative premium higher" paddingVertical="4xl" subtext="This preset is useful for demos where you want the estimator to clearly respond to a higher-cost medical destination and an older traveller profile." />
---
blocks:
  _component: page-sections/ctas/travel-insurance-quote
  eyebrow: USA example
  heading: Show how destination and age can push the indicative premium higher
  subtext: This preset is useful for demos where you want the estimator to clearly respond to a higher-cost medical destination and an older traveller profile.
  destinationPlaceholder: United States
  defaultDestination: United States
  defaultAge: 67
  defaultStartDate: {}
  defaultEndDate: {}
  defaultTripType: Single
  defaultDependants: 1
  disclaimer: Demonstration estimate only. Provider pricing and acceptance rules differ significantly for older travellers.
  colorScheme: inherit
  backgroundColor: base
  paddingVertical: 4xl
---