Displaying testimonials on your website


Customer testimonials are extremely valuable for any business to grow. Testimonials highlight the positive experiences of existing customers, but they can also provide insight for prospective clients who look online before purchasing a product or service. This tutorial will look at adding a testimonial pattern and installing a new block from the Block Directory to your site.

Learning outcomes

  1. Identifying the importance of testimonials and where to add them.
  2. Finding, inserting and modifying a testimonial pattern.
  3. Installing and personalizing a block plugin.

Comprehension questions

  1. What are the advantages of using testimonials?
  2. Where is the best place to add testimonials on your site?

Transcript

Hi, and welcome to Learn WordPress. In today’s tutorial, we are going to look at how to display testimonials on your website. Customer testimonials are extremely valuable for any business to grow. Testimonials highlight the positive experiences of existing customers, but they can also provide insight for prospective clients.

The best place to add testimonials is below a product or service, on your contact page, or even as part of your about page. You can also add testimonials near a call to action or on a landing page.

There are two simple ways to add a testimonial to your website. Firstly, you can choose a testimonial pattern from the Pattern Directory and modify it to suit your needs. The second option is to install a new block to your site from the Block Directory. Both of these can be done using a block theme or a classic theme.

Let’s first look at how to add and modify a testimonial pattern. To add a pattern that comes with your theme, click on the Inserter and make your way to patterns. Unfortunately, I couldn’t find a testimonial pattern here, so what we can do is we can make our way to the wordpress.org website and go to the Patterns Directory, and once there, we can search for testimonials, and now you can scroll through all the testimonial patterns. And once you find a pattern you like, you can merely click on Copy and then make your way back to your website and paste. And now we can start modifying.

So the first thing I want to do is I want to change the alignment to wide width and then replace the image. Once I’ve replaced the image, I will open up my sidebar settings as I want to change the style to be rounded. Then I will start changing the colour of the quotation mark, the stars, the name, and the blocks at the bottom. At the moment, we have an empty star, and that’s something I’m going to change, so I’ll open up my list view, remove the empty star and then duplicate one of the others. Now we have five stars again. And then, I will select all the Button blocks in my list view and change the colour again.

Next, I will change the name as well as the colour. And next, we can change the colour of the Button blocks, which act as a separator in this case. Lastly, we can change the text to reflect the feedback that we’ve received from our client. The last thing I did was to duplicate the first testimonial, and then I just changed it and modified it for the second. But as mentioned, there are many patterns available in the Pattern Directory for you to copy, paste and change to meet your requirements.

The second option is adding a testimonial block to your site. To install a new block, click on the Inserter top left, and if we, for example, now search for testimonials, we will notice no results are available. But below that, it says Available to install. Select a block to install and add it to your posts. So we’re going to go ahead and select the testimonial plugin by WP Developer, and once you click on it, it will install an insert into your page, and the block plugin will be available below Plugins.

Once the block has been inserted, we can go ahead and modify it. So I’ll open up the list view and duplicate the block. Then I will open up my sidebar settings and change the user info to the right of the second testimonial block. Once I’ve done that, I will go ahead and change the profile pics and the information about the clients. And now you can further modify it as you need.

The last thing to mention is that you, of course, have the ability to install and activate a regular plugin. So if you go to plugins and search for testimonial plugins, you will find a variety of options, even a testimonial slider plugin. Never underestimate the power of a testimonial, and visit Learn WordPress for more tutorials and training material.

Workshop Details


Presenters

Wes Theron
@west7

I am an Instructional Designer for the WordPress open-source project sponsored by Automattic. I am a strong supporter of the open-source movement. I have a background in education and content development. I am a husband, father, dreamer and lifelong learner.