Instructions for Configuring the On-page Widget

Here are some examples of how the Widget can be modified:


<div ts-widget="" ts-review-link-font-family="Times New Roman, sans-serif"></div>



<div ts-widget="" ts-review-link-colour="#ff0000"></div>

If you'd like the stars to feature more prominently then the code is

<div ts-widget="big" ts-review-links="all"></div>

Also shown is the "all' modifier which allows your visitors to click on the icons under the widget

and go directly to Google, Facebook, TRUSTist and other sites to leave a review directly.

 If you want big stars, the 'leave a review on' links and rounded corners the code is
<div ts-widget="big" ts-suppress-review-link="true" ts-review-links="all" ts-border-radius="15px"></div>


<div ts-widget="" ts-review-link-background-colour="#ff0000"></div>



<div ts-widget="" ts-border-radius="25px" ts-review-links="all"></div>

Also shown is the "all' modifier which allows your visitors to click on the icons under the widget

and go directly to Google, Facebook, TRUSTist and other sites to leave a review directly.



​​​​​​​<div ts-widget="" ts-suppress-review-link="true" ></div>



​​​​​​​Our most popular combination - rounded corners and a suppression of the 'LEAVE A REVIEW' link
​​​​​​​<div ts-widget="" ts-suppress-review-link="true" ts-border-radius="15px"></div>

​​​​​​​


A smaller widget - useful when space is tight
<div ts-widget="small"></div>

The small widget with the 'LEAVE A REVIEW' link suppressed and rounded corners
​​​​​​​<div ts-widget="small" ts-suppress-review-link="true" ts-border-radius="15px"></div>

<div ts-widget="" ts-view-link="reviews"></div>


<div ts-widget ts-reviews-url="{reviewPageUrl}"></div>

If you want to have a minimalist widget then the starbar is for you!
<div ts-widget="starbar"></div>

Other Starbar widgets with differing TRUSTist logo sizes

<div ts-widget="starbar10"></div>​​​​​


<div ts-widget="starbar12"></div>


<div ts-widget="starbar20"></div>


<div ts-widget="starbar25"></div>


<div ts-widget="starbar50"></div>


The caption displayed on your Starbar widget can also be customised

<div ts-widget="starbar20" ts-caption="Based on {{reviewCount}} reviews"></div>

<div ts-widget="" ts-review-link-margin-top="10px" ts-review-link-border-radius="15px" ts-review-link-background-colour="black" ts-review-link-colour="#7cf206" ts-border-radius="15px"></div>

<div ts-widget="" ts-review-link-background-colour="#000000" ts-review-link-colour="#7cf206"></div>

<div ts-widget="" ts-review-link-background-colour="#000000" ts-review-link-colour="#7cf206" ts-review-links="all"></div> 

Instructions for Modifying the Display Reviews Widget


​​​​​​​<div ts-reviewlistwidget ts-font-family="Times New Roman" ts-color="red"></div>

<div ts-reviewListWidget ts-suppress-summary="true"></div>