HigherStack Embedding on your site
Drop a form onto any web page with one script tag — inline, as a popup, a slider, or fullscreen.
HigherStack forms embed as a small web component. Add the script once, then place the form tag wherever you want it. The form inherits your theme and submits securely back to your backend.
1. Add the script
<script src="https://forms.higherstack.ca/embed.js" async></script>2. Place the form (inline)
<higherstack-form form-id="your-form-id"></higherstack-form>Launcher modes
Instead of inline, you can show a button that opens the form. Add an embed attribute:
| Mode | Behavior |
|---|---|
| (none) | Inline, in the normal page flow. |
| popup | A button that opens the form in a centered modal. |
| slider | A button that slides the form in from the right. |
| fullscreen | A button that opens the form filling the screen. |
<higherstack-form form-id="your-form-id" embed="popup" button-text="Open form"></higherstack-form>You’ll find your form id and copy-paste embed code in the builder under Publish → Embed. For the full attribute list and consent handling, see the Embed reference in the developer docs.
Restrict which sites may embed a form with the allowed origins setting under access control — submissions from other domains are rejected.
Still need help?
A dedicated support form is coming soon. In the meantime, jump back into the product or reach the team from the contact page.