Adding Video Testimonials to WordPress: The Complete Guide

WordPress powers over 40% of the web, making it the most popular platform for businesses of all sizes. Yet adding video testimonials to a WordPress site remains surprisingly confusing for most users. Between self-hosted videos, YouTube embeds, plugin options, and page builder integrations, the number of approaches can be overwhelming.

This guide cuts through the confusion. I will walk you through the most effective methods for adding video testimonials to your WordPress site, including plugin-based solutions, embed code integration, and page builder workflows. For each method, I will cover the exact steps, the pros and cons, and the performance considerations you need to keep in mind.

Understanding Your Options

Before diving into specific methods, it is helpful to understand the three fundamental approaches:

1. Plugins: WordPress testimonial plugins that provide full testimonial management, including collection forms, display templates, and video support
2. Embed codes: Copy-paste code from a video testimonial platform or video host that renders directly on your page
3. Page builders: Using Elementor, Beaver Builder, Divi, or similar page builders to create custom testimonial sections with embedded video

Each approach has a sweet spot. Your choice depends on your technical comfort level, the number of testimonials you are managing, and how important design control is to you.

Method 1: WordPress Testimonial Plugins

What Plugins Offer

Dedicated testimonial plugins for WordPress handle the full lifecycle: collecting testimonials, managing them in a dashboard, and displaying them on your site using shortcodes or blocks. Many now support video alongside text testimonials.

Top Plugin Options for Video Testimonials

Strong Testimonials

One of the most popular free testimonial plugins. The free version supports text testimonials with multiple display options (grid, carousel, single). The pro version adds video support, custom forms, and advanced filtering.

• Video support: Pro version via embed fields
• Display options: Grid, carousel, single testimonial, masonry
• Collection: Built-in submission form
• Rating: Star rating support
• Shortcode and Gutenberg block support

Jereviews/Flavor

A lighter-weight option that focuses on clean display. Good for sites where design simplicity is a priority.

• Video support: Via embed fields or custom fields
• Display options: List, grid, slider
• Collection: Manual entry or import
• Customization: Template-based with CSS override support

Plugin Setup Walkthrough

Here is a general walkthrough that applies to most testimonial plugins:

Step 1: Install and activate

From your WordPress dashboard, go to Plugins > Add New. Search for your chosen testimonial plugin, click Install, then Activate.

Step 2: Configure settings

Navigate to the plugin's settings page (usually under a new top-level menu item or under Settings). Key settings to configure:

• Enable video testimonials: Turn on video support if it is not enabled by default
• Video source options: Configure which video sources are accepted (YouTube, Vimeo, self-hosted, or custom embed)
• Display defaults: Set your preferred layout (grid vs. carousel vs. list), number of testimonials per page, and sorting order
• Rating display: Enable star ratings if you collect them

Step 3: Add testimonials

Add your existing testimonials through the plugin's admin interface. For each video testimonial:

• Enter the customer name, title, company, and photo
• Add the video URL (YouTube, Vimeo) or embed code
• Add any text excerpt or quote to accompany the video
• Set a rating if applicable
• Assign categories or tags for filtering

Step 4: Create a display

Most plugins use either shortcodes or Gutenberg blocks. Create a new display/view:

• Select your layout type
• Choose which testimonials to include (all, specific category, or hand-picked)
• Configure the number of testimonials to show
• Set autoplay behavior for carousels (recommendation: leave it off)
• Preview and adjust styling

Step 5: Add to your page

Place the shortcode or block on the page where you want testimonials to appear. For a shortcode approach:

[testimonials layout="grid" count="6" category="video" columns="3"]

For Gutenberg, use the plugin's custom block and configure it visually.

Plugin Pros and Cons

Pros:

• All-in-one solution (collection + management + display)
• No coding required
• Regular updates and community support
• Built-in responsive designs
• Collection forms let customers submit directly

Cons:

• Plugin bloat can slow your site
• Design options may not match your theme perfectly
• Free versions are often limited (video usually requires pro)
• Plugin conflicts with other WordPress plugins
• Dependence on continued plugin development and support

Method 2: Embed Code Integration

The embedding approach bypasses plugins entirely. You get an embed code from your video testimonial platform (or video hosting service) and paste it directly into your WordPress content.

From a Testimonial Platform

If you use a dedicated testimonial management tool, it will provide embed codes for displaying your testimonials. These embeds typically include:

• A styled testimonial widget (not just a raw video player)
• Customer attribution (name, photo, company)
• Star ratings if collected
• Responsive design
• Play analytics

Implementation in the Classic Editor:

1. Switch to the "Text" tab (not "Visual")
2. Position your cursor where you want the testimonial
3. Paste the embed code
4. Switch back to "Visual" to confirm it rendered

Implementation in Gutenberg:

1. Add a "Custom HTML" block
2. Paste your embed code
3. Click "Preview" to see the rendered result
4. Adjust the block's alignment and spacing settings as needed

Implementation in Full Site Editing (FSE):

1. Open the Site Editor
2. Navigate to the template or template part where you want testimonials
3. Add a "Custom HTML" block
4. Paste the embed code
5. Save and preview

From YouTube or Vimeo

If your video testimonials are hosted on YouTube or Vimeo, WordPress has built-in oEmbed support. Simply paste the video URL on its own line in the editor, and WordPress will automatically convert it to an embedded player.

However, this gives you just a raw video player — no testimonial styling, no customer attribution, no star ratings. You will need to add those elements manually using surrounding blocks.

To create a styled testimonial with a YouTube embed:

1. Add a Group or Columns block
2. Inside the group, add the video URL for auto-embed
3. Below the video, add a Paragraph block for the testimonial text excerpt
4. Add a Columns block with the customer photo (Image block) and name/title (Paragraph block)
5. Style the group with a background color and padding to create a card effect

Self-Hosted Videos

You can upload videos directly to your WordPress media library, but this is generally not recommended for testimonials because:

• Video files are large and consume hosting storage and bandwidth
• WordPress's built-in video player is basic compared to dedicated video platforms
• No adaptive bitrate streaming means poor experience on slower connections
• No video analytics
• Backup sizes increase significantly

If you must self-host, use the Video block in Gutenberg, upload your file, and set a poster image (thumbnail). But seriously consider a video hosting service instead.

Embed Pros and Cons

Pros:

• No plugin dependencies
• Works with any WordPress setup (Classic, Gutenberg, FSE)
• The testimonial platform handles all the heavy lifting
• Usually the best video playback experience
• Easy to update (changes in the platform automatically reflect on your site)

Cons:

• Less design control unless the platform offers customization
• Depends on external service availability
• Each embed is independent (no unified management within WordPress)
• May require basic HTML comfort for positioning

Method 3: Page Builder Integration

If you are using a page builder like Elementor, Beaver Builder, or Divi, you can create custom testimonial sections with built-in video support.

Elementor

Elementor Pro includes a dedicated Testimonial Carousel widget, but for video testimonials you will typically use a combination of widgets:

Option A: Video + Text Testimonial Cards

1. Create a new section with a multi-column layout (2 or 3 columns)
2. In each column, add a Video widget (supports YouTube, Vimeo, self-hosted, and Dailymotion)
3. Below the video, add a Testimonial widget with customer info and quote excerpt
4. Style the column as a card with background color, padding, and border radius
5. Duplicate and modify for additional testimonials

Option B: Carousel with Video

1. Add a Slides widget or Loop Carousel
2. For each slide, add a video embed and testimonial text
3. Configure navigation arrows and dot indicators
4. Set the carousel to manual navigation (not auto-play)

Responsive settings in Elementor:

• Use Elementor's responsive controls to adjust column count per breakpoint
• Set video height to auto to maintain aspect ratio on all devices
• Adjust font sizes and padding for tablet and mobile views

Divi

Divi's built-in Testimonial module supports text testimonials out of the box. For video testimonials:

1. Use a combination of the Video module and Testimonial module within a row
2. Or use the Code module to paste embed codes from your testimonial platform
3. Style with Divi's visual builder

Beaver Builder

Beaver Builder has a Testimonial module for text. For video:

1. Use the Video module alongside a text module in a column layout
2. Or use the HTML module for embed codes
3. Style using Beaver Builder's design controls

Page Builder Pros and Cons

Pros:

• Maximum design flexibility
• Visual, drag-and-drop interface
• Works with your existing page builder workflow
• Can create unique, on-brand testimonial sections

Cons:

• More setup time per testimonial
• Not easily scalable for large testimonial collections
• Each testimonial is manually placed (no dynamic content unless using the builder's theme builder features)
• Page builder lock-in

Performance Optimization

Video testimonials can significantly impact page performance if not handled correctly. Here are the critical optimizations.

Lazy Loading

Videos should not load until they are either visible on screen or the user clicks to play. Most modern embed codes handle this automatically, but verify:

• YouTube embeds with loading="lazy" on the iframe
• For self-hosted videos, use the preload="none" attribute
• Plugin-based displays should have lazy loading in their settings

Thumbnail-First Loading

Instead of loading the full video player for every testimonial on page load, show a static thumbnail image with a play button overlay. When the user clicks, replace the thumbnail with the actual video player. This technique can reduce initial page load by 500KB or more per video.

Some testimonial platforms implement this automatically. If you are embedding manually, there are lightweight scripts that handle YouTube and Vimeo facade loading.

Image Optimization

Customer photos, company logos, and video thumbnails should all be:

• Compressed (use WebP format with JPEG fallback)
• Properly sized (do not load 1000px images for 64px avatars)
• Served from a CDN if possible
• Using WordPress's native responsive image markup (srcset)

Caching Considerations

If you are using a caching plugin (WP Super Cache, W3 Total Cache, WP Rocket), ensure:

• The cache includes pages with testimonials (they rarely change, so aggressive caching is fine)
• External script loading is not blocked by your caching plugin's optimization features
• Lazy loading is compatible with your cache setup

Core Web Vitals Impact

Monitor these specific metrics after adding video testimonials:

• Largest Contentful Paint (LCP): Video thumbnails can become the LCP element. Optimize them aggressively.
• Cumulative Layout Shift (CLS): Set explicit dimensions on video containers and embed wrappers to prevent layout shift as content loads.
• First Input Delay (FID) / Interaction to Next Paint (INP): Heavy JavaScript from video players can delay interactivity. Use lazy loading and facade patterns to mitigate.

Collecting Video Testimonials for WordPress

Having a great display is only half the equation — you also need to collect video testimonials. For the collection process, including what questions to ask, how to guide customers through recording, and how to handle the technical logistics, see our complete guide to video testimonials.

If you are also considering adding testimonials to other platforms, our Webflow testimonials guide covers a parallel approach for Webflow sites.

Common WordPress-Specific Issues and Fixes

Embed Code Gets Stripped

WordPress sometimes strips embed codes, especially in the Visual editor. Solutions:

• Always paste embed codes in the Text/HTML view, not Visual
• Use a Custom HTML block in Gutenberg
• If using a security plugin that sanitizes HTML, whitelist your embed code's domains

Video Not Responsive

If your embedded video does not resize on mobile:

• Wrap the iframe in a div with position: relative; padding-bottom: 56.25%; height: 0;
• Set the iframe to position: absolute; top: 0; left: 0; width: 100%; height: 100%;
• This creates a responsive 16:9 container that adapts to any screen width

Plugin Conflicts

Testimonial plugins can conflict with page builders, caching plugins, or security plugins. If you experience issues:

• Deactivate other plugins one by one to identify the conflict
• Check the testimonial plugin's support forum for known incompatibilities
• Consider the embed approach as a conflict-free alternative

Slow Page Load After Adding Videos

If page speed drops significantly:

• Implement lazy loading for all video elements
• Use the thumbnail facade pattern (static image until click)
• Move testimonials below the fold so they do not block initial page rendering
• Consider showing fewer testimonials per page with a "Load More" button

Final Thoughts

Adding video testimonials to your WordPress site does not have to be a headache. Choose the method that matches your comfort level and needs: plugins for all-in-one management, embed codes for simplicity and reliability, or page builders for maximum design control.

Whichever method you choose, prioritize performance optimization and mobile responsiveness. A video testimonial that takes 10 seconds to load or breaks on mobile is worse than no testimonial at all. Test on real devices, monitor your Core Web Vitals, and iterate.

The effort is worth it. Video testimonials are the most persuasive form of social proof available, and WordPress gives you the flexibility to display them effectively no matter your technical expertise.