> For the complete documentation index, see [llms.txt](https://docs.blockchain.com/pay/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.blockchain.com/pay/getting-started/integration-options/web-integration.md).

# Web Integration

When integrating our widget on web, there are several methods you can use. 

### 1. Embed within a custom modal/drawer or directly on a page

```markup
<iframe
        title="Blockchain.com Pay widget"
        src="https://www.blockchain.com/pay/widget?apiKey=[your-api-key]"
        allow="autoplay *; camera *; microphone *; fullscreen *; accelerometer *; magnetometer *; gyroscope *; picture-in-picture *; payment *" />
```

{% hint style="warning" %}
You need to whitelist your domain in Blockchain.com Pay dashboard for embedded widget to work.
{% endhint %}

### 2. Open a new window or a new tab

Our widget is a standalone web application which can be accessed directly by the URL. You can use your pre-configured URL to open a new window or a new tab for a user to continue the on-ramp journey.

{% hint style="info" %}
We suggest you make it clear to user that they will be taken to Blockchain.com Pay in a new window or a new tab when using this option.&#x20;
{% endhint %}

## Widget configuration

Our widget is configurable by adding query parameters to the base URL. Please refer to [Customise the Widget](/pay/getting-started/customise-the-widget.md) page for more details.