Direct Integration

This integration document provides instructions for integrating the BlinkLink Video Commerce into your website. The following code snippet represents the sample HTML code for integrating video commerce:

Channel

Channel is a unique delivery mechanism associated with a website or a mobile application.

Stream

Stream needs to be defined and tagged for a page or view. It has to be tagged to the component ID of the container.

Placement

Placement is where the video carousel will be injected. It ideally is a child component of a view or a page.

Sample Code:

Adding Dependencies

<!-- Need to add this code JUST before </body> at the end of the page-->
<script src="https://sdk.videodemo.blinklink.com/bundle.js?apiKey=<<YOUR_API_KEY>>"></script>

Add Stream and Placement details on the div, Name them as per convenience, these will be automatically be picked up and shown on the dashboard

<!-- each data-placement and data-stream needs to be unique refer documentation-->
<div
   data-stream="HomePage"
   data-placement="Carousal1"
   data-carousel-mode="auto"
 ></div>

Required Attributes in the div above are:

data-stream [Stream or Page name, eg. data-stream="StreamName"]
data-placement [Placement or Location name, eg. data-placement="PlacementName"]

Optional attributes in the div above:

data-carousel-mode [Value can be "auto" | "hover" | "sequence" default is "auto" data-carousel-mode="auto"]
data-miniplayer [Value can be "true" | "false" default is "false" data-miniplayer="false"]