SealRoute Docs
  • Getting Started
  • API Reference
  • SDKs
  • Guides
  • VIDA
  • Embedding
  • Webhooks
Form Builder JavaScriptForm Builder ReactForm Builder VueForm Builder AngularSigning Form JavaScriptSigning Form ReactSigning Form VueSigning Form Angular
powered by Zudoku
Embedding

Signing Form JavaScript

Embed the SealRoute signing experience with the <sealroute-form> web component.

Requires an active license. Cross-origin parent pages must be listed in EMBED_ALLOWED_ORIGINS.

Example Code

Code
<script src="https://your.domain/js/form.js"></script> <sealroute-form id="sealrouteForm" data-src="https://your.domain/d/{{ template_slug }}" data-height="800"> </sealroute-form> <script> document.getElementById('sealrouteForm').addEventListener('completed', (e) => { console.log(e.detail) }) </script>

Use either:

  • /d/{slug} — template form URL (from the template page or /api/templates)
  • /s/{slug} or the embed_src from /api/submissions — individual signer URL

Attributes

AttributeRequiredDescription
data-srcYesSigning form URL (/d/... or /s/...)
data-heightNoInitial iframe min-height in px (default 800)

Events

EventDescription
initForm iframe loaded
completedSigner finished; detail is the completion payload
declinedSigner declined
requires_top_levelStep needs a top-level window (2FA / VIDA); opens a new tab

Events are also available as postMessage types with the sealroute: prefix (sealroute:completed, etc.).

Last modified on November 7, 2026
Form Builder AngularSigning Form React