How to add review widgets

Getting Started

To setup your review widget, login to freetobook and go to
home -> reviews -> edit review widgets
Once there adjust the widget colours to your liking and then click "save and get code" button beside the widget style that you desire.

Adding the code to your site

You now need to insert your unique code from the "edit review widgets" page into your site html. The first part will look similar to this:

<script type="text/javascript" src="http://static.freetobook.com/widgets/js/A1B2C3D4E5.js"></script>

This should be inserted once into the head section of every page you want a review widget to appear on.

Once you have done this, simply insert the second part of the code;

<div class="ftb_widget ftb_combined" style="width:260px"></div>

wherever you want a widget to appear. You can have more than one widget per page.

View example page
View example Source code


A more complex example

You can have more than one type of widget on the same page. Add the script tag once to the head as before. Copy the div section for each style of widget you want and paste it where you want it to appear. E.g. to add a thin search widget and a mini review widget you would add:

<div class="ftb_widget ftb_thin" style="width:385px"></div>

for the thin search widget and

<div class="ftb_widget ftb_review-mini" style="width:180px"></div>

for the mini reviews widget.

You can get the appropriate code snippet for each widget style by clicking the "save and get code" button beside the widget on the "edit review widgets" page.


View example page
View example Source code


facebook twitter blog inkedin youtube