Home
|
See Yuu in action
|
About Yuu
|
FAQs
|
What's next
|
Links
|
Get the code
Predefined templates:
Original
Neutral Grey
Organic Eco
Lovely Lilac
Pastel Pink and Green
Instructions
Small Stars
Modal Popup
Your Code
Use the controls in the "small stars" and "modal popup" tabs to help build the look and feel for your reviews
Copy the code in the "Get your code" tab into your website
For each place you want the reviews to appear mirror the code in the "Your Small Stars code" section of the "Small Stars" tab.
Font Colour:
Pick color...
Body Colour:
Pick color...
Width:
px
Height:
px
Style Option:
- Option 1
- Option 2
Shared between the "small stars" and popup
Font Family:
Arial
Times
Verdana
Font Size:
px
Show awards information:
Show playability information:
This will appear on your product pages where reviews exist
Where no reviews have been added yet
Your Small Stars code
In addition to the code on the "Your code" tab the following line will need to be placed wherever you want the "small stars" to appear.
<script language="javascript" type="text/javascript">YUULoadText('Product Code', 'Brand', 'Product Name')</script>
Note (all of the following 3 values are required):
1. Product Code
- as supplied by your manufacturer/supplier (used to match the same product for shared reviews)
2. Brand
- Used to differentiate products that may happen to have the same product code but actually be different
3. Product Name
- displayed in the review modal window so that the reviewer is reminded of the product they are reviewing
Font Colour:
Pick color...
Background Colour:
Pick color...
Tab Background Colour:
Pick color...
Tab Font Colour:
Pick color...
Tab Border Colour:
Pick color...
Tab Border Width:
Small
Medium
Large
Corners:
Small
Medium
Large
Shared between the "small stars" and popup
Font Family:
Arial
Times
Verdana
Font Size:
px
Show awards information:
Show playability information:
This will appear in a modal popup when visitors click the rating (click the stars on the "Small Stars" tab to see how)
Copy this code into the <head></head> tags of your webpage(s):