Initialize Linked Client Flow

This page will help you get started with WEB SDK

1. Load init script in your html page. If you use SPA just add it to index.html

HTML

<script src="https://sdk.whitebird.io/v1.1/script-builder.js"></script>

2. Place exchange button to the body of your page

HTML

<div id="WhitebirdButton"></div>

3. Add button click handler

JavaScript

whitebirdSdk.insertButton('#WhitebirdButton', {
      sdkUrl: 'https://sdk.whitebird.io/v1.1/',
      title: 'Whitebird with Whitebird',
      buttonName: 'Exchange',
      w: '550',
      h: '600',
			onClose: () => {},//close sdk callback
    });

4. Prepare exchange request using preorder result. For example, this request could be called when you client ready to click to sdk button

JavaScript

whitebirdSdk.buildW({
            id: preOrder.id,
            lang: 'en'
});

5. Prepare linked client sdk token. This token - is an identifier of the user, who will act with the exchange operation. For example, this request could be called when you client ready to click to sdk button. Also you can call it with step 4 request

JavaScript

whitebirdSdk.assignToken({ token:'token'})

6. Run application and click to the button!