# Adding the Plugin to Your Web Page

### Requirements

A dedicated Web Adapter in our cloud or the adapter deployed on-premise. The adapter's URL is required for adding the plugin. 

### Processing Steps

To embed the plugin in your page, add a reference to the primary script of the plugin (`plugin_liveness.php`) that you received from Oz Forensics to the HTML code of the page. `web-sdk-root-url` is the Web Adapter link you've received from us.

<pre class="language-markup"><code class="lang-markup">&#x3C;script src="<a data-footnote-ref href="#user-content-fn-1">https://web-sdk-root-url</a>/plugin_liveness.php">&#x3C;/script>
</code></pre>

<details>

<summary>For versions below 1.4.0</summary>

Add a reference to the file with styles and to the primary script of the plugin (`plugin_liveness.php`) that you received from Oz Forensics to the HTML code of the page. `web-sdk-root-url` is the Web Adapter link you've received from us.

<pre class="language-markup"><code class="lang-markup">&#x3C;link rel="stylesheet" href="https://<a data-footnote-ref href="#user-content-fn-2">web-sdk-root-url</a>/plugin/ozliveness.css" />
&#x3C;script src="https://<a data-footnote-ref href="#user-content-fn-3">web-sdk-root-url</a>/plugin_liveness.php">&#x3C;/script>
</code></pre>

</details>

{% hint style="info" %}
For Angular and Vue, script (and files, if you use a version lower than 1.4.0) should be added in the same way. For React apps, use `head` at your template's main page to load and initialize the OzLiveness plugin. Please note: if you use `<React.StrictMode>`, you may experience issues with Web Liveness.
{% endhint %}

[^1]: Web Adapter URL where the primary plugin script file is located

[^2]: ```
    Web Adapter URL where the style file is located
    ```

[^3]: ```
    Web Adapter URL where the primary plugin script file is located
    ```