There are multiple ways to load iframe, for example:
- Insert Iframe element to your HTML page:
<iframe src="https://sdk.whitebird.io/v1.1/demo" height="590" width="325" title="Whitebird demo"></iframe>
- Insert div element to your HTML page and create iframe dinamically:
<div id="WhitebirdDemo">
<script>
const parentIFrameElement = document.querySelector('#WhitebirdDemo');
const iFrameElement = document.createElement('iframe');
iFrameElement.src = "https://sdk.whitebird.io/v1.1/demo";
iFrameElement.scrolling = 'yes';
iFrameElement.style.border = 'none';
iFrameElement.style.width = '325px';
iFrameElement.style.height = '590px';
iFrameElement.style.margin = 'auto';
parentIFrameElement.appendChild(iFrameElement);
</script>
- For another level of customization you can add url params to demo flow, for example:
iFrameElement.src = "https://sdk.whitebird.io/v1.1/demo?utm_source=testProvider&utm_medium=testCampaign";

Exchange form allows to see pairs and rates for non-logged user