Рассказываю, как сделать на сайте ротацию отзывов клиентов, покупателей о ваших услугах и продуктах с помощью бесплатного плагина Testimonials Widget и не только.
Для чего нужны отзывы на сайтеПродающий сайт без отзывов клиентов сейчас выглядит немного странно. Не секрет, что именно отзывы часто помогают принять окончательное решение при покупке товаров или услуг, повышают доверие. Есть много исследований на эту тему, которые доказывают положительное влияние отзывов на принятие решений о покупке. Коллеги из Hidden Marketing недавно поделились конкретными цифрами.
Как видим, отказываться от столь мощного инструмента продаж не очень разумно, мягко говоря.
Как работают отзывыВизуально система отзывов представляет из себя форматированный список, часто в виде динамической карусели или слайдера, включающий в себя непосредственно текст отзыва, какой-то медиаконтент, информацию об авторе, иногда какие-то контакты, оценку товара, услуги.
Технически работа системы отзывов выглядит так: после приобретения товара или услуги покупателю предлагается оставить отзыв, он заполняет некую форму, отправляет продавцу, который ее модерирует: утверждает публикацию, отправляет на доработку или запрещает. После утверждения отзыв появляется на странице товара / услуги и в общем списке отзывов.
На практике такие полностью автоматизированные системы нужны редко. Крупные российские продавцы интегрируются с отзывами Яндекс Маркета, зарубежные с Гугл Ревьюс и др. Среднему сайту часто вполне достаточно простой формы обратной связи, ручной обработки и публикации отзывов.
Отзывы в ВордпрессРазработка обычно сводится к регистрации нового типа записей (CPT) с каким-нибудь логичным названием testimonial, верстке списка, страницы отзыва и его привязке к товарам или услугам.
Напомню, регистрация новых типов записей в Вордпресс осуществляется в файле functions.php следующим образом:
// Регистрация CPT add_action("init", "create_post_type"); function create_post_type() { register_post_type("testimonial", array("public" => true, "has_archive" => true, "exclude_from_search" => false, "publicly_queryable" => true, "labels" => array("name" => "Отзывы", "singular_name" => "Отзывы", "menu_name" => "Отзывы", "all_items" => "Все отзывы"), "supports" => array("title", "editor", "thumbnail", "custom-fields", "page-attributes"),)); }
Сделать простую систему отзывов на Вордпресс можно без программирования и плагинов.
Для этого достаточно создать страницу или запись, назвать ее «Отзывы» и разрешить комментирование. Простейшая и полностью автоматизированная система отзывов готова!
В премиум-темах Вордпресс системы отзывов часто интегрированы в тему.
Например, в одной из моих любимых тем Бридж ротация отзывов реализована в виде слайдера.
Другие коммерческие плагины.
It is a simple looking but useful testimonial plugin for your website. You can show unlimited testimonials without headache. It can also be inserted anywhere in the template file|
OT Testimonial is a high-customized Wordpress plugin without fee. It helps you to show testimonials from customers, readers and other users. Normally, people want to know users’ opinions before making a decision. That’s why testimonials should be showed on your wordpress website. OT Testimonial is built on the base of Bootstrap Carousel , and be easily to turn into action on wordpress theme which are developed on bootstrap 3 .
It is a simple looking but useful testimonial widget for your website. They are able to show unlimited testimonials using widget setting, add on more testimonials that you want on the wordpress website with diversified layouts, such as:
Testimonials slider with 1 column
+ Testimonials slider with 2 columns
+ Testimonials slider with thumbnails
+ Testimonials with grid layout
+ Testimonials with list layout
Note: OT Testimonial is compatible with most of all the browsers like Firefox, Internet Explorer (IE9+), Chrome, Opera, Safari etc.
FeaturesYou have various ways to display the testimonials from customers or clients: in a slider form or with grid and list layout. Just one click and will have a beautiful testimonial section that fits your website"s design.
OT Testimonial Widget comes with responsive design. You can view the module display perfectly on any mobile device as well as desktop. For mobile edition, the module is very lightweight due to our high optimization.
It"s dead-easy to use OT Testimonial Widget .
You will find it simply to create your own slider style suitable to your template without knowledge of PHP, HTML, or CSS. The slider preview in admin panel will let preview it live before publishing.
Testimonials are essential in building trust with potential customers. Before people buy a product or a service, they want to be sure that they’re making the right choice. A good number of positive testimonials might be the last push needed to convert hesitant buyers into loyal customers.
If you’re considering adding testimonial content on your site, you’ll be glad to know that it’s easily done in WordPress using free or premium plugins. Most plugins use shortcodes to insert the content into any part of your site, so no actual coding is required. Some premium plugins even have visual editors that let you preview testimonials before publishing.
There are many plugins for this task, but we’ve rounded out the ten best WordPress testimonial plugins for crafting the perfect testimony page to support your product or service. These are the best-rated plugins from the WordPress.org and Codecanyon repository, and all plugins have been updated to this year.
Here are the 11 best WordPress testimonial plugins:
Testimonial Plugins for WordPress #1. Easy TestimonialsEasy Testimonials plugin has a free and pro version. The free version allows for displaying testimonials with images and links to other pages on your site (such as a sales or landing page). Testimonials are created just like blog posts, and you can choose to display any collection of testimonials on a sidebar using a widget or anywhere else on your site using a shortcode. Testimonials can be displayed randomly on sidebars.
Testimonials Widget also has a free and premium version. The free version offers basic display functions for testimonials. Its primary feature is the random or specific rotation of testimonials by widget, shortcode or theme function. Testimonials can be filtered by category or tags.
Transition includes a carousel, slide and fade animations with support for text, . When using shortcodes, you can configure it to show all testimonials, recent ones, randomly or by category or tag. The premium version offers support, caching, excerpts, user-submitted testimonials, RSS feeds and “More” links.
Testimonial Basics keeps everything simple and to the point, without over complicating something as basic as adding a testimonial. But even though it is simple, it does not lack by any means. The plugin is filled with styling options and different fonts(nine to be exact) to help you customize the appearance of the testimonials. The plugin provides the testimonials to support a five-star rating system as well as Gravatars. This means that you don’t have to go through any hassle of uploading an image, granted the person who has written the testimonial has a Gravatar.
Other than this, there are also input forms that you can use either as widgets or shortcodes to get testimonials from customers directly on your website. Then you can immediately display it with the help of another shortcode or widget. Everything is that easy and intuitive. Overall, the plugin is an ideal choice for people who don’t wish to spend time on configuring their testimonials.
#4. Handsome Testimonials
This plugin’s best feature is the handful testimonial pre-built themes available in the free version. You can customize almost all elements of design including background colors, text size and image shape. The design editor has a live preview so you can see what your testimonial looks like before publishing.
All settings are saved in an auto-generated shortcode that you can then insert anywhere in your site. Widgets are also supported, and you can use the shortcode within a widget if you want.
#5. Strong Testimonials
Strong Testimonials is a free full-featured WordPress testimonial plugin that works out of the box. It supports shortcode and widget displays, with the ability to filter testimonials by categories. When displaying several testimonials, you can add pagination with a specified number of items per page. You can choose to show the full text for each testimonial or show an excerpt with a customizable “Read More” link.
Not only does this plugin provide the basic display functions found in most plugins, but it also enables users to create a testimonial submission form – a feature that’s mostly available for an upgrade with other plugins. On top of the default shortcode display option, you can also create slide shows for any number of testimonials (chosen by you or randomly). Multiple slide shows can be used on the same page, and you can customize the transition interval and speed.
#6 Testimonials Showcase
This is a premium plugin that costs $16 from Codecanyon. Testimonial content is displayed in two ways: Grid and Slider. The Grid puts testimonials in boxes with any number of rows and columns you specify. The Slider is best to show on your homepage header, which you can insert using a shortcode.
Testimonials WordPress plugin is not to be confused with the previous plugin, Testimonials Showcase. Although both are from Codecanyon, they are made by different developers. This plugin (premium cost at $18) offers to display modern and clean testimonial designs in four ways: grid, thumbnail slider, slider, and list.
Screenshots of each style are found on the product page, and you can also run a demo by clicking the “Live Preview” button. Visual Composer is integrated with the plugin for code-less creation of testimonials and submission forms. Also available is the shortcode generator with live preview, similar to Testimonials Showcase. Designs are responsive and will look great for all screen sizes.
#8. GS Testimonial Slider
GS Testimonial Slider allows a user to create testimonial sliders anywhere in the site using shortcodes. Built-in designs are available out of the box, but you can customize design elements from the back-end if you want.
Custom post types are supported and each testimonial can display an image, with an option to adjust height and width (available in the Pro version). Upgrading also activates more transition styles, themes and image shapes. You can also control slider behavior like speed, pausing on hover and toggling the navigation arrows.
#9. Rich Reviews
If you want your reviews directly from your customers but you don’t wish to spend a dime, this plugin should do the job. Rich Reviews enables a site owner to collect reviews from customers via the website and display chosen reviews anywhere in the site using shortcodes.
Testimonials can be posted in any post, page, sidebar or footer widget. Shortcode customizations allow you to generate an aggregate review rating from some reviews, e.g., an average of 4.5 from 10 reviews.
#10 AB Testimonial Plugin
AB Testimonial plugin costs $17 and displays testimonials using jQuery sliders. It’s responsive, translation ready and uses shortcodes to show the slider. Two built-in designs are available, and testimonials can be filtered by category and can be limited to displaying a specified number of testimonials per slide.
It also supports user-submitted testimonials via Ajax form, and you can screen them first and control which ones are included in a slide. There seems to be no mention of the option to change design elements like color or text, so this may not be the best choice if you want to have more control over the slider’s appearance.
#11 Clean Testimonials
Clean Testimonials is another free plugin that displays testimonials using shortcodes or PHP code (for developers). In addition to being able to display testimonials in any part of a website, the plugin also enables visitors to submit their testimonials. This is done using another shortcode to display the submission form. Visitors can choose which details to display in their submission, and they can also upload their photo via the form.
The testimonials can be displayed with pagination if WP-Paginate is installed. You can display all testimonials, filter by certain categories or randomly all using different shortcodes or built-in widgets.
Other Interesting Posts:
ConclusionIt’s easy to get overwhelmed with which plugins would be perfect for your testimonial content, but with this roundup, you should know which ones are important to you and your audience. Whether you’re looking for basic functionality or , there is at least one plugin in this list to suit your purpose. The choice comes down to whether or not to go with a free or premium plugin for creating a testimonial page for your site.
Free plugins can offer some functions that paid plugins to do, but most of the time these free plugins will have limitations or you don’t always get the support that you might need when you run into some issues. On the other hand, premium plugins can have too many options that you don’t need, and you might end up paying for something you could have gotten for free.
If you’re looking for a free option with most features, Strong Testimonials seem to be an excellent choice. For a feature-packed premium option, Testimonials Showcase looks like it has all possible features. Again, it boils down to knowing which features are an absolute must and which ones you can do without. In the end, the goal should always be to gain your visitor’s trust by reading these testimonials and for them to finally click on the Buy button.
Компонент для Joomla под названием JEXTN Testimonial является одним из наиболее полезных инструментов для Joomla сайтов, который предоставит вам возможность для управления и администрирования отзывы. JEXTN Testimonial - его долго ждали. Компонент для пользователей Joomla от студии jextn.com с расширенным поиском. Это дает гибкость в глубину для использования на веб-сайте отзывов на основе Joomla. JEXTN Testimonial это долгожданный Joomla компонент, если верить нашим исследованиям. Он предоставляет широкую гибкость при использовании отзывов на Joomla сайте. Посмотрите демо в пункте "системнные требования" и Вы все поймете.
Недавно обновленные функции:
- На страницу формы Jextn Testimonial добавлено поле состояния.
- Возможность показать/скрыть дату добавления для отображаемых отзывов.
- Возможность отображения отзывов в случайном порядке.
- Настройка ссылок на страницы в админ-панели.
- Опция ограничения длинны текста и ссылка «Подробнее» для модуля JEXTN Fader Testimonial.
- Добавлена ссылка "Add Testimonial" для модулей JEXTN Fader Testimonial и JEXTN Testimonial с возможностью показать/скрыть.
- Возможность добавить несколько получателей уведомлений по электронной почте о добавлении отзыва.
Особенности JEXTN Testimonial:
One of the easiest ways to boost up the sales of your products is to show the honest recommendations of people that have already purchased them. This is content that rarely changes, and you do not need a dedicated CMS system just to manage it.
In this tutorial we are going to build a XML backed testimonial viewer, which, along with jQuery, can display the set on your product pages.
HTMLThe first step is to lay down the HTML markup of the page. We are setting up a simple one-page site so we can get a better feel of the testimonial viewer in action.
index.php Client Testimonials Powered by PHP and XMLOur new awesome iPhone App is available on the appstore.
At the top of the document, we are including styles.css , the stylesheet for the page, and just before the closing body tag, we are including the jQuery library and our script.js file, which is discussed in the last step of the tutorial.
The #testimonials div is where the magic happens. It is going to hold the client testimonials in the form of LI elements. Only the first testimonial is going to be shown on page load, and the rest will be displayed consecutively with a jQuery fade animation.
PHPBefore inspecting the generation of the testimonials, lets take a look at the XML file that powers it.
testimonials.xml This has to be the most awesome app I"ve ever used! John Doe jdoe.com Simply amazing! It solved my problem. I highly recommend it. John Smith smith.com A tremendous success. It is like walking on sunshine compared to its competitors. John SmithThe schema of this file is simple - the root testimonials element holds a number of items. Each item has content , author-name and author-url items, where the last one is optional, as you can see from the last testimonial. You can include an arbitrary number of testimonials by just adding more items to this xml file.
But how are we going to transform this into valid HTML? We could parse it with PHP and loop through the items, stitching together the markup, but there is an alternative approach with applying a XSLT stylesheet. This is a special XML based language, which allows us to transform a regular XML file into HTML.
transformations.xml
All the standard programming constructs are supported. You can use for-each loops, if statements and you can even call built in functions (you can learn more at this XSLT documentation site). What we did here, in effect, is to extract the transformation logic from PHP and put it in a separate, presentation file.
There are two approaches when it comes to applying this XSL stylesheet. You can just include it in the XML file itself and leave it to the web browser to generate the HTML markup (all modern browsers support XSL transformations), or do it on the server side. Luckily, PHP has great support for XSL and it is really easy to use.
index.php $xmlFile = "xml/testimonials.xml"; $xslFile = "xml/transform.xml"; $doc = new DOMDocument(); $xsl = new XSLTProcessor(); $doc->load($xslFile); $xsl->importStyleSheet($doc); $doc->load($xmlFile); echo $xsl->transformToXML($doc);The snippet above resides in the #testimonial div of index.php. It prints a set of LI elements after applying the XSL stylesheet to the XML document with all the testimonials. To the browser (and search spiders) everything looks like a regular HTML page.
CSS
Now that our markup is generated, lets style it. As the subject of the tutorial is primarily the back-end, we will only take a brief look at the CSS code.
styles.css #page{ width:800px; margin: 0 auto 120px; } #topBar{ height:62px; position:relative; } #logo{ width:194px; height:62px; position:absolute; top:0; left:0; background:url("../img/logo.jpg") no-repeat; } #navigation{ position:absolute; list-style:none; right:0; top:15px; } #navigation li{ display:inline;} #navigation li a{ text-decoration:none; font-weight:bold; float:left; padding:10px; margin-right:10px; font-size: 17px; } #iPhone{ height:400px; margin:60px auto 0; background:url("../img/iPhone.png") no-repeat; } #iPhone p{ display:none;} #testimonials{ width: 375px; padding: 45px 45px 35px 90px; background:url("../img/quotes.png") no-repeat 20px 20px rgba(178,178,169,0.2); min-height:90px; -moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px; } #testimonials li{ display:none;} #testimonials li:first-child{ display:block;} #testimonials ul{ list-style:none;} #testimonials p.text{ font-size:24px;} #testimonials p.author{ color: #878787; font-size: 16px; font-style: italic; text-align: right; margin-top:10px; } #testimonials p.author a, #testimonials p.author a:visited{ color:#6aa42a; }The code above styles the page, and hides all the testimonials (which are simply LI elements inside of the main UL). After this, by using the first-child selector, we show the first one by default. It will be down to our jQuery code to cycle through the rest and show them consecutively.
jQueryIn the jQuery part of the tutorial, we will create a simple script that will loop through the testimonials and show them one by one with a fade-in animation.
script.js $(document).ready(function(){ // Hiding all the testimonials, except for the first one. $("#testimonials li").hide().eq(0).show(); // A self executing named function that loops through the testimonials: (function showNextTestimonial(){ // Wait for 7.5 seconds and hide the currently visible testimonial: $("#testimonials li:visible").delay(7500).fadeOut("slow",function(){ // Move it to the back: $(this).appendTo("#testimonials ul"); // Show the next testimonial: $("#testimonials li:first").fadeIn("slow",function(){ // Call the function again: showNextTestimonial(); }); }); })(); });By increasing the value passed to the delay method, you can control the screen time for each testimonial. Moving the active one to the back (instead of keeping an index) simplifies the function implementation and allows us to call showNextTestimonial recursively.
With this our Client Testimonials viewer is complete!
ConclusionYou can use this script as a quick solution to displaying testimonials on your product pages. You can even modify it to include ratings, stars, reviews, and other kinds of custom data. At the end, it is all down to editing an XML file.