General Overview


The Backpack web implantation features, provide you the ability to easy embed the FinTech platform to your web system.
This feature currently divided to 2 mains implementations methods:


1.Word-Press Smart Plugin. (For instruction click here )
2.Direct Script to your page.



Direct Script  , A Solution for Non -WordPress Web Invironment:


This is an example of script to be set on the web page (Login state ) :


----------------------------

<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />

  <title>Widgets</title>

  <link id="dynamic-favicon" href="" rel="shortcut icon">
  <script src="https://bpw.brokers-domain.com/BPWidgets/embed/widgets-iframe.js"></script>
</head>
<body>
  <h1>Embed Example</h1>

  <div id="bpwidgets"></div>

  <script type="text/javascript">
  bpApp.render({
    apiHost: 'https://bpw.brokers-domain.com',
    themeSet: 'blue',
    lang: 'en',
    state: 'wowMain.login',
    redirectSuccess: 'https://bptech.wpengine.com/dev/example-trading.html',
    redirectFailure: 'https://yahoo.com',
  }, '#bpwidgets');
  </script>
</body>
</html>


------------------------------


Please note that the redirectSuccess above should be pointed to your platform page  (Platform State):


platform page Example  :


-----------------------------------


<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />

  <title>Trading</title>
  <link id="dynamic-favicon" href="" rel="shortcut icon">
</head>
<body>
  <h1>Embed Example</h1>
  <iframe src="https://fx-trading.brokers-domain.com/?fxcfd=1#!/" style="width:100%;height:1000px"></iframe>
</body>
</html>


-------------------


Available states:


General

  • wowMain.login
  • wowMain.register
  • wowMain.forgotPassword

Static pages

  • wowMain.terms
  • wowMain.privacyPolicy

Reports

  • wowMain.reports.expiryPrices
  • wowMain.reports.tradingHistory
  • wowMain.reports.tradingHistoryFx
  • wowMain.reports.transactions
  • wowMain.reports.transactionsFx
  • wowMain.reports.assetIndex


Tab structured account pages (will go to first tab)

  • wowMain.dashboard.container
  • wowMain.account.container


Stand alone account pages :

  • wowMain.settings
  • wowMain.upload
  • wowMain.questionnaire
  • wowMain.changePassword
  • wowMain.mobileVerification


Banking

  • wowMain.banking.deposit
  • wowMain.banking.withdrawal
  • wowMain.banking.transferFunds
  • wowMain.banking.addAccount