The HTML embed is a single, self-contained file. You upload it to your CMS or paste it into a page template, and the form runs on your domain — but submissions still get the audit hash because they POST to our hosted endpoint.
STEPS- 01
Download the embed
From the dashboard, click `Download` under HTML. You get a single `.html` file with the form, scoped CSS, and a JavaScript handler.
- 02
Allowlist your origin
Email forms@thekapture.com with the domain you'll embed on (e.g. `careers.your-care-group.com`). We add it to the licence's CORS allowlist within an hour.
- 03
Drop into your CMS
WordPress: Custom HTML block. Webflow: Embed component. Squarespace: Code block. Or save as a standalone page on your server.
<!-- WordPress example --> <!-- wp:html --> <!-- paste contents of .html file here --> <!-- /wp:html -->
- 04
Test the submission
Submit a test entry. Check the dashboard — the row should appear with an audit hash and your buyer email. If the dashboard shows nothing, your origin isn't on the allowlist yet.
- 05
Style the wrapper
All Kapture styles are scoped under `[data-kapture]`. Wrap or nest the embed inside your own grid / page chrome — your CSS won't conflict.
Can I change the colours?
Yes — override the CSS variables `--kapture-yellow` and `--kapture-black` from your parent stylesheet. Keep contrast above 4.5:1 for AA accessibility.
Does it work without JavaScript?
No — the audit hash requires a fetch to our endpoint. JS-disabled visitors get a fallback message pointing them to your hosted Kapture URL.
What about multi-page forms?
The embed is single-page. For multi-step UX, link buttons that scroll between sections — the data persists in the form until submitted.