Show the Signing iFrame

Now that we have the embedded_signing_url, we can display the document for signing. We'll do this with using the SignWell JavaScript library.

<script type="text/javascript" src="https://static.signwell.com/assets/embedded.js"></script>

Note: If you need to use the "integrity" attribute in the JS script tag, make sure you use the most current hash that matches the embedded.js file. This file can and will change at times. You can dynamically retrieve the correct hash at this endpoint: https://static.signwell.com/assets/embedded.txt

Once you've added the SignWell JavaScript library to your website or web application, you'll use the following code to display the iFrame.

var signWellEmbed = new SignWellEmbed({
  url: '[embedded_signing_url here]',
  events: {
    completed: e => { 
      console.log('completed event: ', e) 
      //document successfully signed/completed
    },
    closed: e => { 
      console.log('closed event: ', e) 
      //SignWell iFrame closed
    }
  }
})

signWellEmbed.open()

// The embedded_edit_url expires after it's opened the first time.
// You can regenerate a new embedded_edit_url by calling signWellEmbed.newEditUrl

There are multiple options and events you can use when creating the SignWellEmbed object.