Skip to content
Birdhouse

Preview a Content Modal

Content modals are reusable rich-text popups used in quote pages (for add-on details) and policy modals. You can preview them independently.

Steps

Section titled “Steps”
  1. Open a Content-Modal entry in Strapi admin
  2. Note the modal’s slug
  3. Navigate to:
https://app.staging.feather-insurance.com/preview-staging/draft/content-modal/{slug}
  1. The modal renders in a standalone view showing its content

What to verify

Section titled “What to verify”
  • Rich text formatting – Check that headings, bold text, lists, and links render correctly in the modal body
  • Section structure – If the modal has multiple sections, verify they appear in the correct order with proper spacing
  • Accordion behavior – For modals used in policy details (content-modal-list), verify that expandable items open and close smoothly
  • Icons – If list items have icons configured, confirm they load and display next to the item titles
  • Button links – If the modal includes any CTA buttons or links, verify they point to the correct URLs
  • Content length – Scroll through the full modal to ensure no content is cut off or overflowing

When to use this

Section titled “When to use this”
  • Verify rich text formatting before linking the modal to a quote page add-on
  • Check that links, lists, and formatting render correctly
  • Share the preview URL with content reviewers
  • Confirm content looks correct across different content lengths (short modals vs. long detailed ones)

Tips

Section titled “Tips”
  • Test the same modal content across different verticals if it is shared, since styling may vary
  • If the modal will be triggered from an add-on on the quote page, also preview the full quote page flow to verify the “Learn more” link opens the modal correctly
  • Content modals support localization – test each locale version if your product serves multiple languages

See also

Section titled “See also”