Creating the iFrame

Implementation Steps

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.

Browser support

The TokenEx iFrame is supported on any web browser that supports HTML 5

CORS and SRI

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.

Environments

Test

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

US Production

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

EU Production

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

Latest Versions

Iframe-v3.82.min.js

Test

<script
  src="https://test-htp.tokenex.com/Iframe/iframe-v3.82.min.js"
  integrity="sha384-QT6QYUDcTVjaMAEo/gBop5LPSEiaBSaPtRBFVb86N/M63adc0F6Z2AV5DPYFnR8I"
  crossorigin="anonymous"
></script>

US Production

<script
  src="https://htp.tokenex.com/Iframe/iframe-v3.82.min.js"
  integrity="sha384-BEJClKBa7+9KFNQJ9lnia5+taTAttB2aSEcQe95XPg+/J/z6RFNvtxdnAw4Uj/nT"
  crossorigin="anonymous"
></script>

EU Production

<script
  src="https://eu1-htp.tokenex.com/Iframe/iframe-v3.82.min.js"
  integrity="sha384-kT9OttfeFZs3lC9gb1TLgilbAAAyFNqNFn9cc5/NL8OlbgEA1YLcNvJLwqmg/4d4"
  crossorigin="anonymous"
></script>

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