How to Add Testimonials in WordPress

Testimonials let prospective customers hear from people who have already used your product or service. A specific customer story can support a claim, answer an objection, or show the result someone can realistically expect.

The strongest testimonials do more than say that something was “great.” They explain who the customer is, what they needed, and what changed. The layout should make that evidence easy to scan without making the quote feel like an advertisement.

WordPress does not include a dedicated Testimonials block in its standard block collection, but you can create a simple testimonial with the core Quote, Image, Group, and Columns blocks. If you want ratings, author details, photos, source links, and responsive layouts in one component, the free Testimonials block in VovaBlocks provides a more focused option.

This guide explains both methods.

Prepare the testimonial before building the layout

Collect the content first. A complete testimonial can include:

• The customer's exact quote
• Their name
• A role, company, location, or other relevant context
• A photo, when you have permission to use one
• A rating, if the customer actually provided it
• A link to the original public review or case study

Ask for permission before publishing a customer's name, photo, or other identifying information. Do not invent an attribution or rating, and do not edit a quote in a way that changes its meaning. If you shorten a long response, let the customer review the final version when possible.

Specificity makes a testimonial more credible. Compare these examples:

Great service and an amazing result.

The new landing page gave our sales team one clear place to send prospects, and we launched it a week ahead of schedule.

The second quote describes a situation and an outcome. It gives the reader useful evidence instead of relying on generic praise.

Keep the final text focused. Two or three short paragraphs are usually easier to scan than a complete customer interview. A longer story may work better as a case study, with a short excerpt used as the testimonial.

Method 1: build a testimonial with core WordPress blocks

The no-plugin method combines blocks that are already available in WordPress. Use a Quote block for the customer's words, then add an Image and Paragraph blocks for the attribution. A Group block can hold the complete card, while Columns can arrange several cards in a row.

This approach works well for one or two straightforward testimonials. It gives you control over the composition, but you must build and maintain the structure yourself.

1. Add a Group block

Open the page or post in the block editor. Add a Group block where the testimonial should appear.

The Group acts as the outer card. Select it and use the Styles panel to set the background, text color, padding, border, and corner radius. Available controls depend on the active theme.

Start with restrained styling:

• Use enough padding to separate the content from the card edges.
• Keep the quote easy to read against the background.
• Use the same border radius and color palette as the rest of the site.
• Avoid decorative effects that compete with the customer's words.

2. Insert the Quote block

Inside the Group, add a Quote block. You can find it in the block inserter or type /quote in an empty block.

Paste the customer's approved words into the main quote area. The core Quote block documentation explains its alignment, color, typography, spacing, and style options.

Use the citation field for the customer's name if you want the simplest possible testimonial. If you plan to add a photo, role, company, or source link, keep the attribution in separate blocks so you can control its layout more easily.

Do not add quotation marks manually unless they are part of the design. Themes normally style the Quote block as quoted content, and extra marks can create visual duplication.

3. Add the customer details

Below the Quote block, add a small Image block for the customer's photo and Paragraph blocks for their name and supporting details. A Row or another Group block can keep the photo and text aligned.

A clear attribution might include:

Maya Chen
Operations Director, Northwind Studio

Make the name visually prominent, but keep the job title or company secondary to the quote. If the customer does not want to share a headshot, omit it rather than using an unrelated stock portrait.

When the testimonial came from a public review, you can add a text link such as Read the original review. Link directly to the source so visitors can understand where the feedback appeared. Do not imply that an edited excerpt is the complete review.

4. Add more testimonials with Columns

To show several testimonials side by side, add a Columns block and place one Group-based testimonial card in each Column. The official Columns block guide covers adding columns, nesting blocks, alignment, spacing, and mobile behavior.

Two or three columns are usually enough. More cards can make each quote too narrow, especially when the testimonials include photos and longer text.

Keep the cards consistent:

• Use the same order for quote, photo, name, role, and source link.
• Apply the same padding, colors, and border treatment.
• Use similar image dimensions.
• Avoid shrinking longer quotes to a smaller font just to make the cards equal.

The Columns block stacks on mobile by default. Preview the page at a narrow width to confirm that the cards remain in a logical order and have enough space between them.

5. Save the layout as a pattern

If you will use the same testimonial design elsewhere, select the complete Group or Columns structure and create a pattern.

Use an unsynced pattern when you want the layout to repeat but each page will contain different customer quotes. Use a synced pattern only when every instance should display and update the same testimonials.

When to choose this method

The core-block approach is useful when:

• You need only one or two testimonials.
• You do not want to install another plugin.
• Your theme already provides suitable Quote and Group styles.
• You want to compose every part of the layout manually.
• Ratings and structured source details are not essential.

Its main tradeoff is maintenance. Every testimonial is a collection of nested blocks, so adding another card or changing the layout requires more manual work. Keeping several cards visually consistent can also become difficult when different editors update the page.

Method 2: use the free VovaBlocks Testimonials block

VovaBlocks adds a purpose-built Testimonials block to the native WordPress editor. It keeps the quote, rating, author information, photo, and source link together instead of requiring you to assemble each card from several nested blocks.

Testimonials is part of VovaBlocks Free, so you do not need a Pro license to use it.

1. Install and activate VovaBlocks

In the WordPress dashboard, go to Plugins → Add New Plugin and search for “VovaBlocks.” Install and activate the plugin.

VovaBlocks extends the standard block editor rather than adding a separate page builder. After activation, you can continue editing pages and posts in the same interface.

If the Testimonials block has been disabled in the plugin settings, go to VovaBlocks → Settings and enable it before returning to the editor.

2. Insert the Testimonials block

Open the page or post where you want to show the customer feedback. Select the block inserter, search for Testimonials, and add the block from the VovaBlocks category.

Place the section close to the claim it supports. For example, a testimonial about support belongs near the service or support details, while a quote about results fits naturally after the relevant benefits.

Add a descriptive Heading block above the testimonials. “What customers say” is clear, but a heading connected to the page can be more useful, such as “How agencies use the workflow” or “Results from recent client projects.”

3. Add the testimonial content

Enter the customer's approved quote and attribution. Add the details that help a visitor evaluate the source:

• Customer name
• Role or company
• Author photo
• Star rating
• Link to the original review or related customer story

Include only information you can support. If the source review did not contain a star rating, leave the rating out. If the person's company or role is important to the claim, include it so the reader can understand the context.

Use a consistent amount of detail across the set. One fully attributed review beside two anonymous quotes can make the anonymous entries feel weaker.

4. Add and organize additional testimonials

Add the other customer quotes to the same block, then choose a layout that suits the amount of content and available width.

A grid makes several short testimonials visible at once and is useful when visitors may want to compare them. A single-column presentation gives a longer customer story more room. Whatever layout you choose, preview the block on both desktop and mobile.

Avoid adding every review you have to one section. Three to six carefully selected testimonials are often easier to understand than a large wall of similar praise. Choose quotes that answer different questions or demonstrate different outcomes.

5. Adjust the design

Use the block sidebar to match the cards to the rest of the page. Keep the rating, quote, attribution, image, and source link visually distinct without giving every element equal emphasis.

As you style the block:

• Make the quote the primary content.
• Keep author photos consistent in size and shape.
• Use a readable text size and line height.
• Preserve strong contrast between text and background.
• Keep the rating visible without letting it dominate the quote.
• Make source links recognizable as links.
• Leave enough space between cards when they stack on mobile.

Start with the default design and change only what is needed to fit the site. Consistency with the surrounding page usually builds more trust than an isolated testimonial section with unrelated colors and typography.

6. Preview and verify every card

View the published page rather than relying only on the editor canvas. Check that:

• Every quote and attribution is correct.
• Photos are sharp and not distorted.
• Source links open the intended destination.
• Ratings match the original customer feedback.
• Cards remain readable at phone width.
• Keyboard focus is visible on every link.
• The reading order still makes sense when the layout stacks.

If a row contains testimonials of very different lengths, do not fill the shorter cards with unnecessary copy. Consider shortening an approved excerpt, moving a long story to its own section, or choosing a single-column layout.

When to choose this method

The VovaBlocks Testimonials block is useful when:

• You want to edit testimonials visually in the block editor.
• Each card needs a consistent structure.
• Ratings, photos, author details, and source links are important.
• The section must adapt to desktop and mobile layouts.
• Non-technical editors will add or update customer quotes.

The tradeoff is plugin dependency. The block's controls and styling require VovaBlocks to remain active. In return, authors manage one purpose-built block instead of reconstructing a testimonial layout from multiple core blocks.

Core blocks or VovaBlocks?

Choose the simplest method that supports the content you actually have.

Approach	Best for	Main advantage	Main tradeoff
Core Quote, Group, and Columns blocks	One or two manually designed testimonials	No additional plugin and complete layout control	More nested blocks to build and maintain
VovaBlocks Testimonials	Consistent testimonial sections with richer customer details	Quote, rating, author, photo, and source link stay together	Requires the free VovaBlocks plugin

Use core blocks when the section is small and the theme already gives you the design you need. Use VovaBlocks when the page needs several consistent testimonial cards or when editors should manage the content without rebuilding the structure.

Where should testimonials appear?

Testimonials are most persuasive when they support a nearby decision. Useful locations include:

• After a product or service benefit
• Beside a pricing or plan comparison
• Below an explanation of your process
• Near a call to action
• On a dedicated customer stories page
• After a portfolio or case study example

Match the quote to the surrounding claim. A testimonial about a smooth onboarding process belongs near the setup explanation. A quote about measurable results belongs near the outcome or case study. A random collection of praise at the bottom of every page is easier to ignore.

Avoid placing a large testimonial section before visitors understand what the business offers. First provide enough context for the quote to make sense, then use the customer's experience as supporting evidence.

Make testimonials credible and accessible

A polished card cannot compensate for weak or unclear evidence. Before publishing, review the content and presentation:

• Use real feedback with permission.
• Preserve the customer's meaning when editing for length.
• Identify the person with enough context to make the quote useful.
• Do not add a rating that the customer did not provide.
• Link to an original public source when one exists.
• Do not rely on a photo as the only attribution.
• Make star ratings understandable without color alone.
• Keep quote text as text rather than embedding it in an image.
• Check contrast, link focus, mobile spacing, and reading order.

If a star rating appears, the surrounding context should make the value understandable. A visitor should not have to distinguish five small colored icons to know what the rating means.

Customer photos can strengthen attribution, but they are optional. A real quote with a clear name, role, and company is more credible than an elaborate card with a generic stock portrait.

The goal is not to make every testimonial look perfect. It is to present relevant customer evidence clearly and honestly.

For a small section, the core Quote, Group, Image, and Columns blocks provide everything needed to assemble testimonials manually. For a faster block-editor workflow with ratings, customer details, photos, and source links in one component, install VovaBlocks Free and add the Testimonials block to your page.