embed.js

<script src="https://s3.amazonaws.com/pd-web/embed/embed.js" async></script>

*

embed_uuid: 'EMBED_UUID'

The template embed_uuid can be found under the embed menu option on the right edit toolbar of the your PandaDoc workspace.

*

width: 900

The width of an element JavaScript embed will be rendered.

*

height: 700

The height of an element JavaScript embed will be rendered.

user: {
  first_name: 'John',
  last_name: 'Appleseed',
  email: '[email protected]'
}

If your web view has user information on hand, you can pass it to this object to have the user information already pre-filled for the user. This saves your user time and frees them up to simply sign the document. User information must always be provided either automatically via this user object or via the signing user. All PandaDoc documents require at least an email, first, and last name to be sent out from an embedded template.

widgets: {
  YOUR_ROLE_NAME: {
    business_name: 'The Sky Factory'
  }
}

This object is for pre-filling document fields. The legacy name `widgets` is still used to pertain to document fields. Keep mindful that a role name from the configured template must also be passed to the `widgets` object.

events: {
  loaded: function () {
    alert('Template loaded!');
  },
  started: function () {
    console.log('This template has been started on');
  },
  completed: function (data) {
        console.log('document id', data.uuid);
        window.location = 'https://yourdomain.com/success-page';
  },
  exception: function () {
    console.log('There was an error.');
  }
}

It is possible to capture events from an embedded template. You can subscribe to four types of events: "loaded" - the template is loaded and a user is asked to enter contact details (name, email); "started" - a user has entered contact details and can fill in assigned in the template fields; "completed" - a user filled in the assigned fields and finalized the document; "exception" - an error occurred while finalizing the document.
With the "completed" event, you can get the document UUID. For example, you might want to redirect a client to a specific page after a document has been signed. You can easily do this by providing a callback for a `completed` event and redirect the user.