Tagalys Widgets are loaded by reading data attributes on HTML tags. You place a line of HTML code with your requirements where you want the widget to appear and Tagalys will load this content asynchronously.


Similar Products (Grid) (data-tagalys-widget-opts-product-id should be dynamically set to the ID of the product)


<div id="tagalys-namespace" class="tagalys-namespace"
  data-tagalys-widget="similar_products"
  data-tagalys-widget-opts-product-id="product-id-for-similar-products"
  data-tagalys-widget-opts-heading="More like this"
  data-tagalys-widget-opts-display-format="grid">
</div>