> 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/web-integration.md).

# Web integration

## Direct links

If you just want to redirect your users to our on/off-ramp widget, you can use one of following links on your website or in your mobile app :

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

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

**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 %}

## iFrame

To integrate our on & off ramp service as an iFrame on your website, add the following code in the HTML part of the target web page:

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

{% hint style="danger" %}
You must include the attributes **allow="usb; ethereum; clipboard-write; payment; microphone; camera" loading="lazy"** 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 on & off ramp 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({ lang: 'en' /* options */ });
```

{% 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 %}