Videoly has it's own configuration that defines how data should be extracted from the product page, but you can make it more reliable by exposing product info in the inivisible DOM nodes.


Here is an example with default IDs Videoly is checking before extracting data using other selectors:


<div id="videoly-product-title" style="display:none;">Clean product title here without SEO things</div>


<div id="videoly-product-id" style="display:none;">12345678ABC</div>


<div id="videoly-product-sku" style="display:none;">LEGO12345-AB23</div>


 


Optional fields:


<div id="videoly-product-brand" style="display:none;">Philips</div> - a brand name of the product


<div id="videoly-product-currency" style="display:none;">EUR</div>


<div id="videoly-product-price" style="display:none;">€1234,12</div>


 


Videoly widget will first look for nodes provided above and extract data from them, if the node is not found or content is empty, then it will use selectors defined by the Videoly team.


Collecting Add-to-Cart conversions


Videoly can measure the value of videos by collecting clicks on "Add to Cart" button. You can add a class name "videoly-atc-btn" to such button to tell Videoly to monitor the button:


<div class="btn-addtocart btn-default videoly-atc-btn">Add to Cart</div>