URL integration in web pages

Redirect mode

**Implementation: **Add a button that redirects users to the OSL Pay WebSDK.

<!-- sandbox -->
<a href="https://ramptest.osl-pay.com?appId=[YOUR_TEST_APPID]&[QUERY_PARAMETERS]">
Buy/Sell Crypto with Osl Pay</a>

<!-- production -->
<a href="https://ramp.osl-pay.com?appId=[YOUR_TEST_APPID]&[QUERY_PARAMETERS]">
Buy/Sell Crypto with Osl Pay</a>

iFrame mode

Implementation: Embed the payment component directly within your web page.

<!-- sandbox -->
<iframe 
height="720" 
title="OSL-Pay"
allow="microphone;camera;midi;encrypted-media;clipboard-read;clipboard-write"
allowusermedia frameborder="0"
src="https://ramptest.osl-pay.com?appId=[YOUR_TEST_APPID]&[QUERY_PARAMETERS]" 
style="width: 100%;">
</iframe>

<!-- production -->
<iframe 
height="720" 
title="OSL-Pay"
allow="microphone;camera;midi;encrypted-media;clipboard-read;clipboard-write"
allowusermedia frameborder="0"
src="https://ramp.osl-pay.com?appId=[YOUR_TEST_APPID]&[QUERY_PARAMETERS]" 
style="width: 100%;">
</iframe>

Note: If your website has a Content Security Policy (CSP) header, please allow the following directives:

<!-- sandbox -->
frame-src [...] https://ramptest.osl-pay.com;

<!-- production -->
frame-src [...] https://ramp.osl-pay.com;