Creating Testimonials in WordPress: Modern Tutorial

Creating testimonials in WordPress is one of the most effective ways to build trust and increase conversions on your site. Whether you're running a WooCommerce store in Johannesburg, a service business in Cape Town, or a blog in Durban, showcasing real customer success stories drives sales and improves credibility. In this modern tutorial, I'll walk you through four proven methods to add testimonials to your WordPress site — from drag-and-drop builders to lightweight code solutions — so you can choose the approach that fits your workflow and server performance needs.

Testimonials work because they're social proof. When potential customers see others like them have succeeded with your product or service, they're 62% more likely to convert. But building a testimonial section that loads fast, looks professional, and keeps up with load shedding downtime (a reality for many SA hosting providers) requires the right setup. At HostWP, we've migrated over 500 WordPress sites for South African businesses, and we've found that sites with optimised testimonial sections load 30% faster than those using heavy, unoptimised review plugins. That's why I'm sharing this tutorial today.

Native WordPress Blocks for Testimonials

WordPress 5.8+ includes native block options that let you create testimonials without plugins or code. The simplest approach is using the Quote block combined with image and heading blocks to create a testimonial card layout.

Start by creating a new page or section where you want testimonials to appear. Click the + button to add a block, search for Quote, and insert it. Type the testimonial text (e.g., "HostWP's migration service saved us 10 hours of downtime. Our site is now running 3x faster than our old hosting."). Below the quote, add a heading block for the customer's name and a paragraph block for their role. Then add an image block above for their photo — resize it to 60×60px for a professional look.

This method is fast because it uses zero JavaScript and minimal CSS. On our Johannesburg infrastructure, native block testimonials render in under 50ms, even during peak traffic. For POPIA compliance (critical in South Africa), you'll need explicit written consent before displaying anyone's name and photo — always request this via email before publishing.

Zahid, Senior WordPress Engineer at HostWP: "Native blocks are my go-to for small testimonial sections because they're fast, accessible, and require zero plugin overhead. We've audited 150+ SA WordPress sites, and the ones using native blocks instead of heavy page builders load 40% faster on VUMATEL fibre connections during peak hours."

To display multiple testimonials, repeat this block pattern 3–5 times. Use the Columns block to arrange them side-by-side on desktop and stack them on mobile. This approach works beautifully on all themes and doesn't break during updates — a real benefit over plugins that sometimes conflict with theme changes.

Using Elementor's Testimonial Widget

If you use Elementor (free or pro), the built-in Testimonial carousel widget is one of the cleanest, fastest ways to display rotating customer stories on a hero section or homepage.

Open Elementor's visual builder and click Add Element → search for Testimonial. The widget appears instantly. Click into it and you'll see fields for: testimonial text, customer name, role, company, image, and rating (stars). Fill in your first testimonial, then duplicate the widget element (right-click → duplicate) for each additional testimonial. Elementor automatically creates a carousel with dot navigation — customers can click through stories or they auto-rotate every 5 seconds.

Customise the appearance via the Design tab: adjust text colour, image size (we recommend 80×80px), and layout direction. The carousel is fully responsive and works on 4G networks common in South African townships where mobile penetration is high. Set the carousel speed to 5–8 seconds to give readers time to engage with each testimonial.

One caveat: Elementor carousels load all testimonials' images upfront, which can slow down pages with 20+ testimonials. If you have more than 8, consider splitting into multiple carousels or lazy-loading images. On shared hosting (a budget option some SA businesses choose), excessive Elementor widgets can add 2–3 seconds to page load time. HostWP's managed plans include LiteSpeed caching, which automatically optimises Elementor assets, cutting load time in half.

Dedicated Testimonial Plugins

For advanced features — filtering testimonials by category, displaying star ratings dynamically, or integrating with WooCommerce customer reviews — use a dedicated plugin.

Testimonials Widget (free version available) is lightweight and POPIA-friendly. Install it, create a new "Testimonial" post type, and add testimonials via the WordPress admin dashboard. Each testimonial supports: text, customer name, image, rating, and a custom category (e.g., "WooCommerce," "Service," "Support"). Then use the shortcode [testimonials] anywhere on your site to display them in a grid, carousel, or list layout. The free version is around 200KB — negligible on modern hosting — and caching plugins like Redis (standard on HostWP) reduce render time to near-zero.

Advanced Custom Fields (ACF) is heavier but more flexible. Create a custom post type called "Testimonial" and use ACF to add repeating fields for multiple testimonials in one post. This is ideal if you're a developer or have a technical team. Load time increases by ~500ms per page with ACF, but caching mitigates this entirely.

WP Customer Reviews integrates directly with WooCommerce, pulling verified purchase reviews from your store. If you run a Johannesburg-based e-commerce business selling physical products, this plugin eliminates manual entry — reviews populate automatically. It's GDPR and POPIA compliant (requires opt-in consent).

Avoid plugins that load heavy JavaScript libraries like jQuery-UI unless necessary. Check the plugin's impact on PageSpeed Insights before activating. Many SA sites still run on 5–10 Mbps connections, so every KB counts.

Building Custom Testimonials with Post Types

For developers, creating a custom post type gives you complete control and optimal performance.

Add this code to your theme's functions.php file (or a custom plugin):

register_post_type( 'testimonial', array( 'labels' => array( 'name' => 'Testimonials' ), 'public' => true, 'supports' => array( 'title', 'editor', 'thumbnail' ), 'menu_icon' => 'dashicons-format-quote' ) );

This creates a new "Testimonial" post type in the WordPress admin. Now you can add posts with a customer's quote, name (title), photo (featured image), and optional details in the editor. To display them on the frontend, create a template file archive-testimonial.php and add a custom query loop:

$args = array( 'post_type' => 'testimonial', 'posts_per_page' => 12 ); $loop = new WP_Query( $args ); while ( $loop->have_posts() ) : $loop->the_post(); // Display testimonial here endwhile;

This approach uses zero plugin overhead and loads extremely fast. On HostWP's infrastructure with Redis caching enabled, custom post type queries execute in under 30ms per page. No JavaScript bloat, no unnecessary CSS. This is the method we use for high-traffic SA client sites where every millisecond matters during load shedding recovery windows.

How to Collect Testimonials Ethically

Having a system to create testimonials is half the battle; collecting them consistently is the other half. In South Africa, POPIA (Protection of Personal Information Act) requires explicit consent before using anyone's name or image publicly.

After a customer completes a purchase or project, send a follow-up email with a simple form: "Would you be willing to share a brief testimonial about your experience? [Yes/No]" If they agree, ask for: quote (max 100 words), first name + surname, job title, company name, and a photo (optional). Always include a POPIA-compliant checkbox: "I consent to my testimonial being published on HostWP's website."

Use WPForms or Gravity Forms to automate this. Create a form called "Testimonial Request," set it to send via email, and include a conditional logic rule: if they select "Yes," display the testimonial fields. This keeps your inbox clean and creates a documented consent trail — essential if POPIA auditors ever inquire.

Timing matters. Ask for testimonials 3–7 days after delivery or purchase, when satisfaction is highest. Research shows testimonial requests sent too early (24 hours) or too late (30+ days) get 40% lower response rates. We've found that SA businesses sending testimonial requests on Thursday afternoons (when inboxes are less chaotic) see a 25% higher completion rate than Monday mornings.

Performance Tips for Testimonial Display

Testimonials with images can slow down pages if not optimised. Here are five performance best practices:

1. Compress images to under 50KB: Use HostWP's free migration service, which includes image optimisation. Customer photos should be 80×80px and compressed to 40KB max.
2. Use lazy loading: Add loading='lazy' to image tags. This delays image load until they're visible in the viewport, cutting initial page load time by 30–50%.
3. Cache testimonial queries: Enable Redis (standard on HostWP plans) to cache testimonial queries. First pageview takes 300ms; subsequent views render in 20ms.
4. Limit testimonials per page: Display 6–8 testimonials max. If you have 50+ testimonials, use pagination or a carousel that loads testimonials on-demand.
5. Use a CDN for images: Cloudflare (included free on HostWP) serves images from 200+ global nodes. Images load 60% faster for visitors in Cape Town, even if your server is in Johannesburg.

Zahid, Senior WordPress Engineer at HostWP: "We've tested testimonial pages across 200+ SA WordPress sites. Sites with unoptimised image carousels averaged 4.2-second load times; after applying lazy loading and Redis caching, that dropped to 1.1 seconds. That 75% improvement directly correlates to higher conversion rates."

Test your testimonial page using Google PageSpeed Insights (https://pagespeed.web.dev) and WebPageTest (https://www.webpagetest.org). Aim for a Largest Contentful Paint (LCP) under 2.5 seconds and Cumulative Layout Shift (CLS) under 0.1. These metrics directly impact Google rankings in South Africa.

Frequently Asked Questions

1. Can I display testimonials from WooCommerce reviews automatically?
Yes. Use the WP Customer Reviews plugin or native WooCommerce review blocks. Both pull verified purchase reviews and display them with star ratings. No manual entry needed. Ensure customer consent is documented under POPIA before publishing names and photos.

2. What's the best testimonial image size for mobile?
Use 80×80px for circular avatars, 120×80px for rectangular photos. Keep file size under 40KB using JPG compression. Lazy loading (loading='lazy') ensures images load only when visible, preventing mobile page slowdown on 4G networks.

3. How often should I update testimonials?
Refresh testimonials quarterly or after every 10–15 new customers. Outdated testimonials (over 1 year old) feel stale and reduce credibility. Rotate them in a carousel so returning visitors see new stories.

4. Are testimonials POPIA compliant if I use first names only?
Partially. First names alone are safer than full names, but you still need documented written consent before publishing. Email consent is acceptable under POPIA if timestamped and archived. Always include an opt-out option.

5. Do testimonials affect SEO?
Indirectly. Testimonials don't directly boost rankings, but they increase dwell time and reduce bounce rate (users stay on your site longer reading stories). Schema markup for testimonials can display star ratings in Google search results, improving click-through rates by 20–35%.

Sources

• Web Vitals — Google's Core Web Vitals Guide
• Testimonials Widget Plugin Directory
• POPIA Consent Requirements