Creating the iFrame

Setting up the iFrame consists of three steps:

  1. Generating an Authentication Key
  2. Creating an iFrame Configuration Object
  3. Loading the iFrame into the DOM using the TokenEx Iframe JS Library. To test out the iFrame, the following script must be included into your page from this URL: https://test-htp.tokenex.com/Iframe/iframe-v3.min.js

❗️

HEADS UP!

You must include the link to this file from TokenEx servers and not self-host this file.

<script src="https://test-htp.tokenex.com/iframe/iframe-v3.min.js"></script>
<script src="https://htp.tokenex.com/iframe/iframe-v3.min.js"></script>
<script src="https://eu1-htp.tokenex.com/iframe/iframe-v3.min.js"></script>

🚧

CORS

TokenEx supports Cross-Origin Resource Sharing (CORS) and Subresource Integrity (SRI).

If using an SRI, it is highly recommended that it is used with a version specific iFrame JavaScript file. Otherwise any development updates made to the Iframe will cause the SRI to no longer be valid.

Latest Versions

Iframe-v3.76.min.js

<script src="https://test-htp.tokenex.com/Iframe/iframe-v3.76.min.js" 
integrity="sha384-QT6QYUDcTVjaMAEo/gBop5LPSEiaBSaPtRBFVb86N/M63adc0F6Z2AV5DPYFnR8I" 
crossorigin="anonymous"></script>
<script src="https://htp.tokenex.com/Iframe/iframe-v3.76.min.js" 
integrity="sha384-BEJClKBa7+9KFNQJ9lnia5+taTAttB2aSEcQe95XPg+/J/z6RFNvtxdnAw4Uj/nT" 
crossorigin="anonymous"></script>
<script src="https://eu1-htp.tokenex.com/Iframe/iframe-v3.76.min.js"
integrity="sha384-kT9OttfeFZs3lC9gb1TLgilbAAAyFNqNFn9cc5/NL8OlbgEA1YLcNvJLwqmg/4d4" 
crossorigin="anonymous"></script>

For previous versions and releases, visit our release notes page.