Install Top Reviews Comments Widget Increase Store Buying Rate

@ written .Thursday, May 09, 2013   

Install Top Reviews Comments Widget Increase Store Buying Rate
March/April 2016 GiveAway Ended- 25 lucky winners have been announced & contacted. Congratulations! Prizes worth rm2500.00 have been distributed.
Subscribe our Blogger theme tutorial channel & more freebies awaits https://youtu.be/UUh_IEFx4Ac. Thanks for the support!
By showing your customer / user reviews or comments for your online blogger store / shop or even your blog would bring a plus point, setting your blog apart from your competitors.. Displaying direct links to the reviews and comments in product / publish article pages, will definitely increase more page views. It also enhance user experience while browsing your Blogger store / shop itself.

Live workable demo can be viewed here.

Install recent comment / review Blogger store / shop template
Recent comment / reviews increase sales for Blogger store

If you have already installed or worked on out Blogger template theme like our BlogrShop responsive store and My Blogshop Gallery, most of the codes has already been included by us. In addition, with simple add-on codes using Blogger HTML/Javascript widget, installation would be a breeze.

After detail study of users and internet visitors on our clients / customer / friends blogger store / shop, we've found out several critical  facts:-

  • More click-through to deeper / previous product pages
  • Enhance user experience, friendlier and real-time approach.
  • Decrease Blogger store / shop bounce-rate by 20%.
  • More interaction with your customer / user and getting real feedback from user's themselves.
  • Increase sales, feedback inquiries and interaction with users.
  • Enhance product page rank in search engines for certain keywords.
  • Helps your Blogger store / shop to be more interactive and increase trust to your Blogger store / shop users.


How to Install Top Product / Page Reviews / Comments to your Blogger Store / Shop

This widget will work on standard Blogger comment system only

Go to Layout > click edit Blog widget > at  Post Page Options > tick the comments checkbox > change "comment" to "Reviews" > click Save > Save Arrangements.

Go to Template > Edit Template (back-up your template if necessary)  > add this piece of code snippet just before </head> section in your template code:-


<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js' type='text/javascript'/> </head> <!--your reference -->


Note: If you have already installed the Jquery library, you can skip this step. This library has already been pre-installed in our free Blogger store / shop templates.

Now above </head> tag, copy below code for your recent review / comment style:-


<style type="text/css">
/* Recent Comments styling by http: blog.irsah.com
==================================================== */
/* Recent comment author font style */
#rcw-cr {
font-size: 10px;
display: block;
border-top: 1px dotted #ccc;
}
/* Recent comment author link style */
.rcw-comments a {
text-transform: uppercase;
}
/* Recent comment individual bar styles */
.rcw-comments {
display: block;
border-bottom: 1px dotted #ccc;
padding: .5em !important;
}
/* Recent comment on hover styling */
.rcw-comments:hover {
background: #ccc;
}
</style>


We've added a few comment statement to help you illustrate and customize your recent comment / review. You can play around with the styling as you have successful installed the Jquery codes below.

Click Save Template

Now, go to Layout > add a widget > select HTML/Javascript widget > name the widget title to "Top Reviews" > paste these line of code snippets:-


<script type="text/javascript" src="http://helplogger.googlecode.com/svn/trunk/recent comments widget.js"></script>
<script type="text/javascript">
var a_rc=5;
var m_rc=false;
var n_rc=true;
var o_rc=100;
</script><script src="http://your-blog-name/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>


Then at this line of code:-


<script src=http://your-blog-name.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments >


Change "your-blog-name" to your blogger store / shop name.

You can also change the amount of comments / reviews to display by changing the integer at this piece of code:-


var a_rc=5; // change number to display total recent comment / review


Click Save Widget > Save Arrangement and preview.

Thanks to Jquery and Json callbacks, which helps your widget to display  the recent comments / reviews from your blog pages.

Hope it helps Blogger store / owners and also bloggers in bringing more visits and increase page views / buying rate for your on-line Blogger store / shop by using recent comments / review widget. 

You can take part too!
Join our sponsors!

This website or its third party tools use cookies, which are necessary to its functioning and required to achieve the purposes illustrated in the cookie policy. By tapping on "I accept" you agree to the use of cookies.