Install Trustvox main widget in product's page

This text guides on how to install Trustvox main widget in product's page:

Trustvox main widget installation

Steps for installation are:

  1. Configure Javascript scripts
  2. Place the HTML element placeholder

Configure Javascript scripts

We'll need to:

  • Provide some variables
  • Load Trustvox widget.js script
<script type="text/javascript">
 window._trustvox = [];
 _trustvox.push(['_storeId', storeId]);
 _trustvox.push(['_productId', productId]);
 _trustvox.push(['_productName', productName]);
 _trustvox.push(['_productPhotos', productPhotosUrls]);
 _trustvox.push(['_tags', tags]); // optional
 _trustvox.push(['_productExtraAttributes', productExtraAttributes]); // optional
</script>
<script async="true" type="text/javascript" src="//static.trustvox.com.br/assets/widget.js"></script>

Where following variables must be provided:

  • storeId (string): the store's Trustvox unique identifier Required
  • productId (string): product's unique identifier that store uses to identify products within Trustvox services (e.g.: creating sales via Trustvox API) Required
  • productName (string): product's name as shown in product's page Required
  • productPhotos (array of string): URLs to product's photos Required
  • tags (array of string): Metadata about product (e.g.: "Gender/Female", "Category/Clothes") Optional
  • productExtraAttributes (object): an object with arbitrary key-value elements which may be used for filtering products (e.g.: { "category": "health" }) Optional

For Trustvox Staging Environment

If the store for which we're loading opinions was installed within staging environment (staging.trustvox.com.br), we shall use 

//s3-sa-east-1.amazonaws.com/trustvox.staging.widget/widget.js

Instead of 

//static.trustvox.com.br/assets/widget.js

Place the HTML element placeholder

Place this HTML element where the widget should be rendered: 

<div id="_trustvox_widget"></div>