> For the complete documentation index, see [llms.txt](https://developers.mtpelerin.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://developers.mtpelerin.com/integration-guides/integration-methods/widget.md).

# Widget

Using our widget is the easiest way to integrate our service. It can be integrated with just a few lines of codes, and remains highly customizable with our available [Parameters and customization](/integration-guides/parameters-and-customization.md).

Here are the three differents ways to integrate our widget:

## iFrame

To integrate our exchange service as an iFrame, add the following code in the HTML part of the target web page:

```
<iframe allow="usb; ethereum; clipboard-write; payment; microphone; camera" src="https://widget.mtpelerin.com/?_ctkn=YOURINTEGRATIONKEY" title="Mt Pelerin crypto exchange widget"></iframe>
```

{% hint style="danger" %}
You must include the attributes **allow="usb; ethereum; clipboard-write; payment; microphone; camera"** in your iFrame code as shown above, or some features of the widget will not function properly.
{% endhint %}

{% hint style="info" %}
To customize the content of the interface, please refer to the list of available parameters in [Parameters and customization](/integration-guides/parameters-and-customization.md).
{% endhint %}

## Popup / modal

To integrate our exchange service as a popup / modal window on your website, first add the following code in the HTML part of the target web page:

```
<script src="https://widget.mtpelerin.com/mtp-widget.js"></script>
```

Then call the following JavaScript function to open the modal:

```
showMtpModal(
    { 
        _ctkn: 'YOURINTEGRATIONKEY',
        type: 'popup',
        ... and other parameters
    }
);
```

{% hint style="info" %}
To customize the content of the interface, please refer to the list of available parameters in [Parameters and customization](/integration-guides/parameters-and-customization.md).
{% endhint %}

## Direct links

The easiest and fastest way to let your users buy our service is to redirect them to our widget, which doesn't require an integration key (it's self-serve).

Direct links can still be used with all the parameters documented in [Parameters and customization](/integration-guides/parameters-and-customization.md) and with our [Revenue sharing](/service-information/revenue-sharing.md) program.

**Direct link to "Buy" tab:** <https://widget.mtpelerin.com/?_ctkn=954139b2-ef3e-4914-82ea-33192d3f43d3&type=direct-link&tabs=buy,sell,swap&tab=buy>

**Direct link to "Sell" tab:** <https://widget.mtpelerin.com/?_ctkn=954139b2-ef3e-4914-82ea-33192d3f43d3&type=direct-link&tabs=buy,sell,swap&tab=sell>

**Direct link to "Swap" tab:** <https://widget.mtpelerin.com/?_ctkn=954139b2-ef3e-4914-82ea-33192d3f43d3&type=direct-link&tabs=buy,sell,swap&tab=swap>

{% hint style="info" %}
You can add parameters to the URLs above to customize what is displayed of the widget, please refer to the list of available parameters in [Parameters and customization](/integration-guides/parameters-and-customization.md).
{% endhint %}