I often have clients ask for the ability to place testimonials on their site and developed this testimonials plugin in response that need. Testimonials is a plugin for managing testimonials placed on your WordPress site. It has full features and shortcode ability for display in posts, widgets, pages, and other areas of your site. The plugin also has several features that allow for customization of the display.

  1. Download the file
  2. Install using the plugins uploader or ftp the zip to your plugins directory in your WordPress installation and unzip it.
  1. Click the Testimonials menu item from within your WordPress Admin panel
  2. Click “Testimonials Functions”
  3. Enter your testimonial and the customer name.
  4. Click the “Add Testimonial” button
  1. Click the Testimonials menu item from within your WordPress Admin panel
  2. Click the Testimonials menu sub-item
  3. To edit an item, click the title and edit the text.
  1. Click the Testimonials menu item from within your WordPress Admin panel
  2. Click the Testimonials menu sub-item
  3. From this screen you can delete testimonials if you wish, by clicking the checkbox next to the one you wish to delete. To delete them all, click the checkbox directly below the “Delete” header and then (for either option) click “Delete Checked”.

To add testimonials to your posts, pages, or widgets use the following code: [plumwd-testimonials]

To add the testimonials plugin to your WordPress theme use the following code inside your template: echo do_shortcode('[plumwd-testimonials]');

The plugin also supports several attributes for the shortcode, below is a listing of the attributes and what their purpose is:

  • size -> this allows you to limit the number of characters returned using the plugin. It will display the first nth number that you specify. Usage: [plumwd-testimonials size="100"]
  • ending -> this allows you to specify an ending for your testimonial. This comes in handy when limiting the number of characters returned. Usage: [plumwd-testimonials ending="..."]
  • num -> this allows you to limit the number of testimonials returned, leave blank to retrieve them all. Usage: [plumwd-testimonials num="3"]
  • type -> allows you to specify how you want the list to be displayed. The available options are: list, para, span, div. By default testimonials will display as an unordered list. Usage: [plumwd-testimonials type="list"]
  • class -> this allows you to apply a class to the item container so that you can apply custom styles. Usage: [plumwd-testimonials class="test"]
  • id -> this allows you to apply an id to the item container. Usage: [plumwd-testimonials id="testimonials"] 
  • childclass -> this applies only to the list item. Setting childclass will place a class on the li element. Usage: [plumwd-testimonials childclass="slides"] 

16 Comments

  1. Julia Skinner | August 12, 2012

    Many thanks for this and apologies for this really stupid question but when you add a testimonial, where is it seen? I want them to go on a separate page so they can all go together. I really like the example in the quotation marks or have also seen a speech bubble effect. I have no coding experience so any help would be much appreciated.
    Thank you

    Julia

    Reply
    • Elke Hinze | August 12, 2012

      Hi Julia,

      To display the testimonials you need to use the shortcode. To make a list you could just put [plumwd-testimonials]. For the site that I used it with the quotes, I used jQuery to make the slides:

      The markup is something like this:

      In your head tag put

      <!-- jQuery Testimonies -->
<script type="text/javascript">
jQuery(document).ready(function(){
	jQuery('#testimonials .slide');
	setInterval(function(){
		jQuery('#testimonials .slide').filter(':visible').fadeOut(7000,function(){
			if(jQuery(this).next('li.slide').size()){
				jQuery(this).next().fadeIn(1000);
			}
			else{
				jQuery('#testimonials .slide').eq(0).fadeIn(1000);
			}
		});
	},1000);	
});	
</script>
<!-- END jQuery -->

      In your post or page:
      [plumwd-testimonials size="100" ending="..." num="3" type="list" class="test" id="testimonials" childclass="slide"]

      Reply
      • Rafael | August 14, 2012

        i read your post, i just am still confused :-) where do i place the jquery code? i put it in the page itself and i didnt see it work

        Reply
  2. rafael | August 15, 2012

    yeah looks like im missing something i used the jquery you have a bit up in the header and the code you have for the testimonials a bit up there as well :-)
    rafael recently posted..Hello world!My Profile

    Reply
  3. Tim | August 18, 2012

    Im helping a friend with his site and wanted a rotating testimonial widget of plugin with short code and I used the jQuery code above in the header as well but it put all three testimonials on the area at the same time instead of rotating them in and out. Maybe Im not using the correct plugin but thought I would ask before I went looking for something else.

    Thanks in advance,
    Tim
    Tim recently posted..Leadership Strategy InstituteMy Profile

    Reply
    • Tim | August 18, 2012

      Never mind. I decided to just keep a page for this purpose as the testimonials were longer than I had space for in the header.

      Tim
      Tim recently posted..Leadership Strategy InstituteMy Profile

      Reply
    • Elke Hinze | August 18, 2012

      The plugin doesn’t have a rotating script built in, but you could make it rotate if you wanted to. The plugin merely displays the testimonials. What you do with it is up to you.

      The example I gave above is just one of the many ways to make it work.
      Elke Hinze recently posted..Verity Energy AdvisersMy Profile

      Reply
  4. Dave L | September 13, 2012

    How do you get the plugin to output the even & odd child classes like you did with the interior design firm shown in your “see it in action” section?

    Reply
    • Elke Hinze | September 18, 2012

      The even and odd classes as shown were done using an earlier version of the plugin that did not support shortcodes. I will update the plugin to make it easy to do odd/even styles.
      Elke Hinze recently posted..La Belle Dame Reducing SpaMy Profile

      Reply
  5. Brandon N | September 18, 2012

    Will you consider adding an input field to add a link to the reviewer’s website? I tried inserting the link directly into the “Customer Name” field — even tried escaping the quotes — but it breaks the code. Thanks for the plugin!

    Reply
  6. Brian S | October 16, 2012

    Elke, is there a way to place all the testimonials on a single page in the exact order they have been input? So that the display order is list or para or span in the same order that they were placed in…Thanks

    Reply
    • Elke Hinze | October 23, 2012

      Brian let me revisit the plugin to see what I can do about getting it to list the way you are suggesting.

      Thanks!
      Elke Hinze recently posted..La Belle Dame Reducing SpaMy Profile

      Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

CommentLuv badge