Media & Interactive Block

Vital Modal

Place any block content inside an accessible dialog overlay triggered by a button anywhere on the page.

Vital Modal uses the native HTML dialog element to display content in an accessible popup. The modal can contain any blocks — forms, images, video, or text. A trigger button placed elsewhere on the page opens it.

• Location: Block inserter → CORA → Vital Modal

How to use it

1. Add the block — Add Vital Modal to the page — this is the modal container
2. Add content — Place any blocks inside the modal block — this is what appears in the overlay
3. Add a trigger button — Add a Button block elsewhere on the page and link it to the modal’s ID
4. Test — Preview the page and click the button to confirm the modal opens