Skip to content
Birdhouse

Preview a Policy Page

Policy pages show policyholders their coverage details after purchasing. The Strapi preview button will not load by default because this content type requires a real staging policy.

Build the preview URL

Section titled “Build the preview URL”

Construct the URL manually:

https://app.staging.feather-insurance.com/preview/{PREVIEW_STATUS}/policy-details/{DOCUMENT_ID}/{POLICY_ID}
Parameter Description
PREVIEW_STATUS draft or published
DOCUMENT_ID The Strapi document ID (visible in the URL when viewing the entry)
POLICY_ID ID of a real staging policy that matches the page’s vertical, connected to a user account you are logged into on staging

Where to find each parameter

Section titled “Where to find each parameter”
  1. DOCUMENT_ID: Open the entry in Strapi. Look at the browser URL bar — the ID is the last segment (e.g., ...content-manager/collection-types/api::policy-page.policy-page/abc123 — the ID is abc123).
  2. POLICY_ID: On the staging app, go to My Policies. Pick a policy and copy its ID from the URL. It looks like a UUID: 550e8400-e29b-41d4-a716-446655440000.

Steps

Section titled “Steps”
  1. Open a Policy-Page entry in Strapi admin
  2. Copy the document ID from the browser URL
  3. Find a matching staging policy ID (same vertical, connected to your staging user)
  4. Build the URL using the format above and open it in your browser
  5. Review the policy details layout, sections, and content

What to verify

Section titled “What to verify”
  • Modal sections – Check that all content-modal-body and content-modal-list sections render with correct text and formatting
  • Accordion behavior – If using content-modal-list, verify that items expand and collapse correctly and that icons load next to each title
  • Action buttons – Confirm that policyModalButtons appear with the right labels, and that links point to the correct URLs
  • Coverage data – Verify that coverage details display the expected plan information
  • Rich text rendering – Check that formatted content (bold, lists, links) in body sections renders correctly

Tips for testing

Section titled “Tips for testing”
  • Policy pages display the modal sections and buttons configured on the Vertical
  • Preview reflects the current saved state of the entry
  • Try testing with policies in different states (active, cancelled, pending) to verify the page handles each correctly
  • If coverage sections look empty, check that the Vertical’s policyModalSections dynamic zone has content

Troubleshooting

Section titled “Troubleshooting”

Page shows blank? Check:

  1. The policy ID exists and belongs to a valid staging policy.
  2. The policy’s vertical matches the policy page’s vertical.
  3. You are logged into the staging app with the account that owns the policy.

See also

Section titled “See also”