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;
Updated 3 days ago