# 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](https://developers.mtpelerin.com/integration-guides/parameters-and-customization "mention").
{% 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](https://developers.mtpelerin.com/integration-guides/parameters-and-customization "mention").
{% 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](https://developers.mtpelerin.com/integration-guides/parameters-and-customization "mention").
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://developers.mtpelerin.com/integration-guides/web-integration.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.