CYBERSYGNembed

Distribute through any site.

Drop a script tag.
Any button becomes a signing launcher.

Agencies, freelancer portfolios, contract-template marketplaces, CRMs. Anywhere a PDF lives, a CyberSygn-powered signing flow can launch over it. Zero dependencies, attribution-tracked, ESIGN-compliant.

Setup.

Two lines of HTML.

<script src="https://cybersygn.io/embed.js" defer></script>

<button data-cybersygn-sign="https://yoursite.com/contracts/nda.pdf"
        data-cybersygn-source="agency-portal">
  Sign this NDA
</button>

That's the whole integration. Click the button, the CyberSygn signing flow opens in a modal iframe over your page, the signer completes, the iframe closes, and your page fires a cybersygn:complete CustomEvent so you can update your UI.

Live demo.

Click and try it.

This opens the same flow your visitors would see, over your page, not over ours.

Data attributes.

All optional except the URL.

  • data-cybersygn-sign, required. PDF URL to load.
  • data-cybersygn-source, optional. Attribution tag. Default: location.hostname.
  • data-cybersygn-email, optional. Pre-fills signer email.
  • data-cybersygn-name, optional. Pre-fills signer name.

Programmatic API.

For framework code.

window.CyberSygn.open(pdfUrl, {
  source: 'react-app',
  signerEmail: 'jane@firm.com',
  signerName: 'Jane Smith',
});

window.addEventListener('cybersygn:complete', function (e) {
  // e.detail = { type: 'cybersygn:complete', docId, signerEmail }
  router.push('/thanks');
});