1-example-widget.html

<!-- The experience requires a DOM element -->
<div id="gopro-ivp-example-widget"></div>

<!-- Include Shoppable Video styles on the page -->
<link rel="stylesheet" href="//ixd.invodo.com/ivp/2.1.0/ivp.min.css">
<!-- Include Invodo.js on the page -->
<script src="//e.invodo.com/4.0/s/ixd.invodo.com.js"></script>
<!-- Include Shoppable Video library on the page -->
<script src="//ixd.invodo.com/ivp/2.1.0/ivp.min.js"></script>

2-example-widget.js

// Invodo Init
Invodo.init({
  pageName: 'IVP GoPro Example Code',
  pageType: 'product'
});

(function() {

  // Get the element
  var el = document.getElementById('gopro-ivp-example-widget');

  // Create the Shoppable args
  var args = {
    refId: 'QSF8WJUC'
  };

  // Create the Shoppable widget
  var ivp = new Invodo.Ixd.Ivp(el, args, function() {
    console.log('the widget is ready!');
  });

})();

3-example-widget-link.html

// Check out a working example here:
http://jsbin.com/fepamalawe/edit?html,output