How to add review widgets

Getting Started

To setup your review widget, login to freetobook and go to
home -> reviews -> edit widgets

Choose from the variety of widget styles, adjust the widget colours to your liking and then click the "save and get code" button beside your chosen widget.

Adding the code to your site

After clicking the "save and get code" button. You will now need to insert your unique code into your sites 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 wherever you want a widget to appear. You can have more than one widget per page.

<div class="ftb_widget ftb_combined" style="width:260px"></div>
View example page
View example Source code


Now 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>

...and for the mini reviews widget.

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

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

Add a full page Review Widget

As before you will insert the Script Tag into the head of your HTML document by logging in to freetobook and going to
home -> reviews -> edit widgets

Click any "save and get code" button to obtain your unique code. 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.

Now you can place your full page Reviews Widget. You can copy the snippet below if you like.

<div class="ftb_full_reviews"></div>

Your Full Page Review will look something like this.
View example page


facebook twitter blog inkedin youtube