Skip to content
Birdhouse

Create a Quote Page (V2)

A Quote Page V2 defines the pricing screen UI — plan cards, coverage tables, add-ons, FAQ, and more. It is a separate content type in Strapi (quote-page) that gets linked to a questionnaire via a QUOTE_CUSTOM question’s cmsQuote relation. Everything is configured in the CMS — no code changes needed.

Steps

Section titled “Steps”
  1. In Strapi, go to Content Manager -> Quote-Page -> Create new entry
  2. Fill in the basic fields:
    • name — Slug identifier (e.g., household-de)
  3. Configure behavior flags (see table below)
  4. Build the page by adding components to the content section. Each component renders a section of the quote page. Available component types:
    • header — Page title and optional price display
    • title — Section headings
    • range-input — Numeric slider (e.g., coverage amount)
    • choice — Multi-option selector (checkbox/switch)
    • boolean — On/off toggle
    • plan-cards — Plan selection with feature comparison
    • addons — Optional extras with toggles
    • covered — Coverage feature cards
    • table — Coverage comparison table
    • faq-collection — FAQ accordion
    • footer-override — Conditional footer replacement
  5. Set the footer fields: bookACallUrl (required), and optionally secondaryAction and secondaryActionLink
  6. Save the Quote-Page
Section titled “Link to a questionnaire”
  1. Open your questionnaire in Strapi
  2. Add a Quote Page question (the type is called QUOTE_CUSTOM in Strapi). In the question’s settings, use the Quote Page dropdown to select the Quote-Page entry you just created.
  3. Set:
    • questionId — e.g., quote
    • groupId — typically signup
  4. Save the questionnaire

The QUOTE_CUSTOM question renders the entire quote page experience at that point in the flow.

Configuration flags explained

Section titled “Configuration flags explained”
Flag Default When to enable Business impact
mergeQuoteOptionsToQuestionnaire false When you want selected coverage options visible in checkout summary or usable in post-quote rules Checkout page shows “You selected 500 EUR deductible”
prefillQuoteOptionsFromParams false When marketing/partner links should pre-select coverage Partner links land users with coverage pre-set

See also

Section titled “See also”