π§βπ» Browser integration
Redirect
This is the quickest & easiest way to integrate with Transak. You can copy and edit the below example code to add a button or link to the Transak widget directly into a page of your website or app.
Tip
To improve user experience, it's recommended to have Transak open in a new tab and pass the
redirectURL
parameter.
Make sure to add your API key and customise using query parameters.
<a href="https://global-stg.transak.com?apiKey=[YOUR_STAGING_API_KEY]&[QUERY_PARAMETERS]>">
Buy/Sell Crypto with Transak</a>
<a href="https://global.transak.com?apiKey=[YOUR_PRODUCTION_API_KEY]&[QUERY_PARAMETERS]>">
Buy/Sell Crypto with Transak</a>
Embed or Iframe
You can use the below example code to add the Transak widget directly into a page of your website app. You can see an example of this on the Transak homepage.
We recommend testing to make sure that the default IFrame height and width in the code below work well within your page and adjust if needed.
<iframe height="625" title="Transak On/Off Ramp Widget"
src="https://global-stg.transak.com?apiKey=[YOUR_STAGING_API_KEY]&[QUERY_PARAMETERS]"
frameborder="no" allowtransparency="true" allowfullscreen=""
style="display: block; width: 100%; max-height: 625px; max-width: 500px;">
</iframe>
<iframe height="625" title="Transak On/Off Ramp Widget"
src="https://global.transak.com?apiKey=[YOUR_PRODUCTION_API_KEY]&[QUERY_PARAMETERS]"
frameborder="no" allowtransparency="true" allowfullscreen=""
style="display: block; width: 100%; max-height: 625px; max-width: 500px;">
</iframe>
Updated 5 months ago