Trading Page - Embedded Trading Platforms

Embedded WOW TRADER CFD platform

Our platforms are responsive. the embedding script will create the needed height for the div, make sure to NOT restrict the div height and width.

Just keep the div height and width as "100%".

In order to embed our FX/CFD platform, please first add the following code to the page HEAD section:

Then add the following script to the page in the location you would like the platform to show:

tsApp({

themeSet: 'default',

lang: 'en'

}).render( '#bpwidgets');

</script>

To fully embed the platform into different height of pages, you will need to write a script that will calculate the height of the div.

You can use the code we wrote as a reference only for what you should do as it is implemented in the below URL:

# Very Important - Copy and pasting this code will not work for you as each content site is different than the other.

(you should obviously replace the "https://fx-trading.brand.com" with "fx-trading.yourbrand.com" in your own script.

<html>

<head>

<title>Trading</title>

</head>

<h1 id="header">Embed Example</h1>

const headerElement = document.getElementById('header');

const totalHeight = window.innerHeight;

const style = window.getComputedStyle ? getComputedStyle(headerElement, null) : headerElement.currentStyle;

const marginTop = parseInt(style.marginTop) || 0;

const marginBottom = parseInt(style.marginBottom) || 0;

const totalMargin = marginTop + marginBottom;

const headerHeight = headerElement.offsetHeight + totalMargin;

const embedHeight = totalHeight - headerHeight - 1;

document.getElementById('bpfxcfd').style.height = embedHeight + 'px';

tsApp({

themeSet: 'default',

// lang: 'en',

}).render( '#bpwidgets');

</script>

</body>

</html>

In order to embed our options platform, please add the following code to the page in the location you would like the platform to show:

optionsApp({

lang: 'en',

hideHeader: true,

styleUrl: 'https://www.brand.com/options-platform.css'

}).render('#optionsContainer');

</script>