# High mode

You can be integrated using a **web plugin** 

<mark style="color:blue;">Create Session Token: First Step When Customer Click On Sign contract You Have To Initialize Session First By Creating Session Token Using The Following API</mark>&#x20;

{% openapi src="<https://3826285197-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGM6tCcdsukNbOigN9U2m%2Fuploads%2FWQofGsplYV2pyApE4bNZ%2FenROLLCollection.json?alt=media&token=ec51999f-4eea-4770-9e89-00911641e9db>" path="/api/v1/Auth/GenerateSignContractRequestSessionToken" method="post" %}
[enROLLCollection.json](https://3826285197-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGM6tCcdsukNbOigN9U2m%2Fuploads%2FWQofGsplYV2pyApE4bNZ%2FenROLLCollection.json?alt=media\&token=ec51999f-4eea-4770-9e89-00911641e9db)
{% endopenapi %}

{% hint style="info" %}
SignContractMode enum 2 value for high mode and 1 if you want to use low.
{% endhint %}

## **Import eNROLL JS File in index.html :**&#x20;

{% file src="<https://3826285197-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGM6tCcdsukNbOigN9U2m%2Fuploads%2F8UkwxWMhTKpRNnob9lYy%2FeNROLL.min.zip?alt=media&token=874a54df-4cbb-47a7-9ec6-702850a60361>" %}

<pre><code><strong>&#x3C;script src="eNROLL.min.js">&#x3C;/script>
</strong></code></pre>

## Add Div Element With Specifying Id For This Div

```
<div id="myDiv">
</div>
```

## &#x20;Initialize eNroll Component Anywhere In Your JS File After the Document Is Loaded:

```typescript
eNROLL.init({
        elementId: 'frame',
        mode:"digitalSign",
        url: environment.pluginUrl,
        sessionId: sessionStorage.getItem('sessionToken'),
        onExit: () => {
          this.router.navigateByUrl('login');
        },
        onComplete: () => {
          alert("Completed");
          this.router.navigateByUrl('login');
        },
        onError: (errorCode,message) => {
          alert(`errorCde : ${errorCode} , Message x:${message}`);
        },
      });
```