Free Documentation HTML Template [ Responsive ]

Getting Started

Welcome

Are you listening to your customers?

As they say: You cannot improve what you cannot measure; but the paradox is you cannot measure everything – happiness, hatred, anger… but you can measure customer satisfaction. Yes, you can measure customer satisfaction by analyzing likes and dislikes of your customers. You can gauge popularity of your website or products. You can also:

  • See how many visitors like the new design of your website or logo
  • Analyze what your readers want to see on your blog
  • Understand how helpful the content on your support forum or website is
  • Know the latest trends and user’s opinion before launching a new product or service

Opineo allows you to do all of this and much more without signing up for an account or hire an expert. This DIY tool enables you to listen to your customers’ voice easily and instantly. All you have to do is go online, design your widget and place it on your website.

Benefits

  • Use Opineo to conduct pre-release surveys before launching new products or services
  • Analyze new trends in the industry
  • Run crowd-sourced campaigns with Opineo to mature new ideas, website designs or logos
  • Conduct popularity surveys with free Opineo widget
  • Create and host polling surveys with Opineo

Features

  • Facility to customize to match your website theme
  • Detailed and Compact view options
  • Comprehensive options to customize animation, colors, orientation and style
  • All the power and flexibility of jQuery
  • Easy install; 100% integration
  • Facility to customize rating icons

License

This Feedback Collection and Polling widget is free for personal and commercial projects as long as you are providing a link back to this page. If you don’t want to provide a link back, simply contribute to the development and improvement of this tool. To contribute to this and many other interesting projects, go to Support Efforts and become a patron.


Customizing Opineo

Before you make any cusomization or even start using Opineo create a 'div' element and assign it some id. Now add references to necessary Javascrip files e.g.

  • A reference to latest jQuery library
  • A reference to Opineo script file sudo nano opineo.js

The following customization options are available in Opineo:

View Type

  • Detailed View
<script>
      	$(document).ready(function (){
        $('#DefaultOptions').opineo('results.php', {curvalue:3,
            view: 'detailed',
            animation_speed: 'super',
            show_total_votes_counter: false,
            show_overall_rating: true});
         })
</script>
  • Compact View
<script>
	$(document).ready(function (){
	$('#CompactView').opineo('results.php',
    	    {curvalue:3, view: 'compact',
    	    animation_speed: 'super'});
	})
</script>
  • Mini View
<script>
    $(document).ready(function (){
    $('#MiniView').opineo('results.php', {curvalue:0, view: 'mini', callback: myCallback});
    })	
</script>

Animation Style

  • Slow
<script>
    $(document).ready(function (){
    $('#opineo').opineo('results.php', {curvalue:0, view: 'mini', animation_speed:'slow'});
    })	
</script> 
  • Medium
<script>
    $(document).ready(function (){
    $('#opineo').opineo('results.php', {curvalue:0, view: 'mini', animation_speed:'mild'});
    })	
</script> 
  • Fast
<script>
    $(document).ready(function (){
    $('#opineo').opineo('results.php', {curvalue:0, view: 'mini', animation_speed:'fast'});
    })	
 </script>
  • Super Fast
<script>
    $(document).ready(function (){
    $('#opineo').opineo('results.php', {curvalue:0, view: 'mini', animation_speed:'super'});
    })	
</script>
  • Ultra Fast
 <script>
    $(document).ready(function (){
    $('#opineo').opineo('results.php', {curvalue:0, view: 'mini', animation_speed:'ultra fast'});
    })	
</script> 

Bars Text

  • Show
<script>
    $(document).ready(function (){
    $('#opineo').opineo('results.php', {curvalue:0, view: 'mini', votes_label:true});
    })	
</script>
  • Hide
<script>
    $(document).ready(function (){
    $('#opineo').opineo('results.php', {curvalue:0, view: 'mini', votes_label:false});
    })	
 </script>

Vote Counter

  • Show
<script>
    $(document).ready(function (){
    $('#opineo').opineo('results.php', {curvalue:0, view: 'mini', show_votes_counter:true});
    })	
</script> 
  • Hide
<script>
    $(document).ready(function (){
    $('#opineo').opineo('results.php', {curvalue:0, view: 'mini', votes_label:false});
    })	
</script>

Rating Icons

  • Colored
  • Grey

Rating Titles

  • Text For First Star
<script>
    $(document).ready(function (){
    $('#opineo').opineo('results.php', {curvalue:0, view: 'mini', star_1_text:'Hate It'});
    })	
</script>
  • Text For Second Star
<script>
    $(document).ready(function (){
    $('#opineo').opineo('results.php', {curvalue:0, view: 'mini', star_2_text:'Don't Like It'});
    })	
</script> 
  • Text For Third Star
<script>
    $(document).ready(function (){
    $('#opineo').opineo('results.php', {curvalue:0, view: 'mini', star_1_text:'Its OK'});
    })	
</script>
  • Text For Fourth Star
<script>
    $(document).ready(function (){
    $('#opineo').opineo('results.php', {curvalue:0, view: 'mini', star_1_text:'Like It'});
    })	
</script>
  • Text For Fifth Star
<script>
    $(document).ready(function (){
    $('#opineo').opineo('results.php', {curvalue:0, view: 'mini', star_1_text:'Love It'});
    })	
</script>

Bar Colors

  • Colors of Red Bar
  • Colors of Yellow Bar
  • Colors of Green Bar

This documentation template is provided by Frittt. You can download and use this template for free. If you have used this template, please pay the developer's effort by Tweeting, sharing on Facebook, social mention or with a linkback. Enjoy! :)