> For the complete documentation index, see [llms.txt](https://docs.preventor.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.preventor.com/preventor-broker-sdk/web-client-side-sdks/html-+-javascript.md).
# HTML + Javascript
## 1. Installation
To install the Preventor Broker SDK, add the following script.
```html
```
## 2. Setup the SDK
1. Add `pvt-broker` tag into your HTML.
<pvt-broker></pvt-broker>
2. Set your configuration
You can find your credentials on the [Preventor platform](https://sandbox.preventor.com/)
Go to settings / integration keys
Integration keys
You can find the broker ID on the [Preventor platform](https://sandbox.preventor.com/)
Go to apps option
Go to broker management
You must pass this Broker ID to your configuration. If don't have any broker, you can create it.
```javascript
window.PvtBrokerSDK = {
brokerId: 'YOUR_BROKER_ID',
credentials: {
apiKey: 'YOUR_API_KEY',
clientSecret: 'YOUR_CLIENT_SECRET',
tenant: 'YOUR_TENANT',
banknu: 'YOUR_BANKNU',
env: 'YOUR_ENV',
},
};
```
3. Call the `open()` method to open the component
```javascript
const component = document.querySelector('pvt-broker');
component.open();
```
4. `pvt-broker` emits a loaded event when the Preventer Broker SDK finishes downloading. In the example below, the loaded event is utilized to enable a button that opens the Preventer Broker SDK.
```javascript
const component = document.querySelector('pvt-broker');
const button = document.querySelector('button');
button.addEventListener('click', () => component.open())
component.addEventListener('loaded', () => {
button.disabled = false;
});
```
5. A complete `HTML`file should look similar to the example below.
```html
Preventor, Remote digital identity platform for brokers
```
{% hint style="success" %}
Congratulations, the Preventor Broker SDK has been successfully configured!
{% endhint %}