{"id":223014,"date":"2026-05-02T20:55:16","date_gmt":"2026-05-02T09:55:16","guid":{"rendered":"https:\/\/thediviguide.com\/divi-5-carousel-tutorial-create-an-interactive-testimonial-carousel-with-the-group-carousel-module"},"modified":"2026-06-15T02:22:22","modified_gmt":"2026-06-14T15:22:22","slug":"divi-5-carousel-tutorial-create-an-interactive-testimonial-carousel-with-the-group-carousel-module","status":"publish","type":"post","link":"https:\/\/thediviguide.com\/en\/divi-5-carousel-tutorial-create-an-interactive-testimonial-carousel-with-the-group-carousel-module","title":{"rendered":"Divi 5 Carousel Tutorial: Create an Interactive Testimonial Carousel with the Group Carousel Module"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Are you wasting precious time configuring testimonial sliders with third-party plugins that slow down your site? Recently, I had the opportunity to test Divi 5's new <strong>Group Carousel module<\/strong> on several client projects. Discover how to <strong>create an interactive testimonial carousel<\/strong> in just 30 minutes, without needing to code or use external plugins.  <\/p>\n\n<h2 class=\"wp-block-heading\">Key Takeaways<\/h2>\n\n<ul class=\"wp-block-list\">\n<li>Divi 5's <strong>Group Carousel Module<\/strong> replaces third-party slider plugins<\/li>\n\n\n\n<li>You create <strong>fully customizable<\/strong> carousels without touching any code<\/li>\n\n\n\n<li><strong>Interactions<\/strong> make the carousel truly engaging (hover effects, animations)<\/li>\n\n\n\n<li>Automatic <strong>responsive<\/strong> setup for all screens<\/li>\n\n\n\n<li>Implementation time: 20-30 minutes for a professional result<\/li>\n<\/ul>\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n<h2 class=\"wp-block-heading\">Prerequisites and Access to Divi 5<\/h2>\n\n<p class=\"wp-block-paragraph\">To put all this into practice, you need three key elements. First, <strong><a class=\"thirstylink\" title=\"join\" href=\"https:\/\/thediviguide.com\/recommends\/join\" data-shortcode=\"true\">Divi 5<\/a> \ud83d\udd17<\/strong> the new and latest version also called Divi Pro. Next, if you haven't migrated yet, <strong><a class=\"thirstylink\" title=\"divi\" href=\"https:\/\/thediviguide.com\/recommends\/divi\" data-shortcode=\"true\">Divi Builder<\/a> \ud83d\udd17<\/strong> lets you start immediately on your current theme. Finally, for an optimized environment without hosting hassles, <strong><a class=\"thirstylink\" title=\"divi-hosting\" href=\"https:\/\/thediviguide.com\/recommends\/divi-hosting\" data-shortcode=\"true\">Divi Hosting<\/a> \ud83d\udd17<\/strong> is preconfigured with Divi and Redis\u2014ideal if you're starting from scratch or looking to eliminate server bottlenecks.   <\/p>\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\" \/>\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n<h2 class=\"wp-block-heading\">Why the Group Carousel is a game-changer<\/h2>\n\n<p class=\"wp-block-paragraph\">I migrated three client sites from external plugins (Slider Revolution, Meta Slider). Result: loading time decreased by 0.8 to 1.4 seconds. The HTML code is 60% lighter, and maintenance is simplified since everything remains within the Divi ecosystem.  <\/p>\n\n<p class=\"wp-block-paragraph\"><strong>Pros:<\/strong><\/p>\n\n<ul class=\"wp-block-list\">\n<li>Native integration (zero external plugins)<\/li>\n\n\n\n<li>Total visual customization<\/li>\n\n\n\n<li>Perfect compatibility with Flexbox and Grid<\/li>\n\n\n\n<li>Animations without custom JavaScript<\/li>\n\n\n\n<li>Optimized performance<\/li>\n<\/ul>\n\n<p class=\"wp-block-paragraph\"><strong>Cons \/ Caveats:<\/strong><\/p>\n\n<ul class=\"wp-block-list\">\n<li>Requires Divi 5 (no backward compatibility)<\/li>\n\n\n\n<li>Learning curve if you're new to Groups<\/li>\n\n\n\n<li>Longer initial setup than a simple Testimonial module<\/li>\n<\/ul>\n\n<p class=\"wp-block-paragraph\">This module integrates perfectly into a global strategy to master interactivity and <a href=\"https:\/\/thediviguide.com\/en\/the-ultimate-guide-to-modern-layouts-with-divi-5-flexbox-css-grid-and-interactions-explained\" title=\"The Ultimate Guide to Modern Layouts with Divi 5: Flexbox, CSS Grid, and Interactions Explained\">modern layouts in Divi 5<\/a>.<\/p>\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\" \/>\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n<h2 class=\"wp-block-heading\">Prerequisites and testing protocol<\/h2>\n\n<p class=\"wp-block-paragraph\">I tested this tutorial on Divi 5.0 + the latest version of WordPress with 8 active plugins (AIOSEO, WooCommerce, WP Rocket), Hostinger VPS hosting with Redis cache and Cloudflare CDN. This tutorial covers creating a static testimonial carousel with animations, interactions, and responsive optimization. <\/p>\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\" \/>\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"474\" src=\"https:\/\/thediviguide.com\/wp-content\/uploads\/2025\/11\/slider-interactif-Divi-1024x474.webp\" alt=\"Divi 5 Group Carousel Slider\" class=\"wp-image-223000\" style=\"width:1024px;height:auto\" srcset=\"https:\/\/thediviguide.com\/wp-content\/uploads\/2025\/11\/slider-interactif-Divi-980x454.webp 980w, https:\/\/thediviguide.com\/wp-content\/uploads\/2025\/11\/slider-interactif-Divi-480x222.webp 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/><figcaption class=\"wp-element-caption\">#image_title<\/figcaption><\/figure>\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n<h2 class=\"wp-block-heading\">Step 1: Create the basic carousel structure<\/h2>\n\n<p class=\"wp-block-paragraph\">The first step is to add the Group Carousel Module. Open your page in the Visual Builder, click \"+\", search for \"Group Carousel\", and add it. <\/p>\n\n<h3 class=\"wp-block-heading\">Understanding the Logic: Groups = Slides<\/h3>\n\n<p class=\"wp-block-paragraph\">Each <strong>Group<\/strong> = a complete testimonial. You don't add \"slides\"; you add Groups to the carousel. Recommended structure per testimonial: Image Module (photo) + Text Module (quote) + Heading Module (name) + Text Module (title\/company).  <\/p>\n\n<h3 class=\"wp-block-heading\">Configure carousel settings<\/h3>\n\n<p class=\"wp-block-paragraph\">Click \u2699\ufe0f in the Group Carousel Module &gt; \"Content\" tab &gt; \"Carousel Settings\".<\/p>\n\n<p class=\"wp-block-paragraph\"><strong>Recommended settings:<\/strong><\/p>\n\n<ul class=\"wp-block-list\">\n<li>Slides to Show (Desktop): 3<\/li>\n\n\n\n<li>Slides to Scroll: 1<\/li>\n\n\n\n<li>Enable Loop: Enabled<\/li>\n\n\n\n<li>Autoplay: Enabled (5000ms)<\/li>\n\n\n\n<li>Pause on Hover: Enabled<\/li>\n\n\n\n<li>Enable Navigation: Enabled<\/li>\n\n\n\n<li>Enable Pagination: Enabled<\/li>\n<\/ul>\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\" \/>\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n<h2 class=\"wp-block-heading\">Step 2: Create your first testimonial<\/h2>\n\n<p class=\"wp-block-paragraph\">Build the design in the first Group. This template will serve as a base for duplication. <\/p>\n\n<p class=\"wp-block-paragraph\"><strong>Add the modules in this order:<\/strong><\/p>\n\n<ol class=\"wp-block-list\">\n<li><strong>Image<\/strong>: 150x150px photo, Border Radius 50% (circular), centered<\/li>\n\n\n\n<li><strong>Text<\/strong>: quote with quotation marks, size 16-18px, line-height 1.8, padding 20px<\/li>\n\n\n\n<li><strong>Heading (H4)<\/strong>: client name, 18px Bold, centered<\/li>\n\n\n\n<li><strong>Text<\/strong>: title and company, 14px italic, color #888, centered<\/li>\n<\/ol>\n\n<p class=\"wp-block-paragraph\"><strong>Style the Group (the card):<\/strong><\/p>\n\n<ul class=\"wp-block-list\">\n<li>Background: #f9f9f9 or white<\/li>\n\n\n\n<li>Border: 1px solid #e0e0e0, Border Radius 12px<\/li>\n\n\n\n<li>Box Shadow: 0px 4px 12px rgba(0,0,0,0.08)<\/li>\n\n\n\n<li>Padding: 30px<\/li>\n<\/ul>\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\" \/>\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n<h2 class=\"wp-block-heading\">Step 3: Duplicate and customize testimonials<\/h2>\n\n<p class=\"wp-block-paragraph\">Hover over the Group &gt; duplicate icon &gt; repeat up to 5 Groups. Then modify the content of each Group (photo, text, name, title). Tip: for many testimonials, consider the Loop Builder with a Custom Post Type.  <\/p>\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"585\" src=\"https:\/\/thediviguide.com\/wp-content\/uploads\/2025\/11\/slider-temoignages-Divi-1024x585.webp\" alt=\"Divi 5 Testimonial Slider\" class=\"wp-image-222989\" srcset=\"https:\/\/thediviguide.com\/wp-content\/uploads\/2025\/11\/slider-temoignages-Divi-980x560.webp 980w, https:\/\/thediviguide.com\/wp-content\/uploads\/2025\/11\/slider-temoignages-Divi-480x274.webp 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/><figcaption class=\"wp-element-caption\">#image_title<\/figcaption><\/figure>\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\" \/>\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n<h2 class=\"wp-block-heading\">Step 4: Configure navigation, pagination, and transitions<\/h2>\n\n<h3 class=\"wp-block-heading\">Navigation and pagination<\/h3>\n\n<p class=\"wp-block-paragraph\">Group Carousel Module settings (\u2699\ufe0f) &gt; \"Content\" &gt; \"Navigation\" and \"Pagination\".<\/p>\n\n<p class=\"wp-block-paragraph\"><strong>Navigation (arrows):<\/strong><\/p>\n\n<ul class=\"wp-block-list\">\n<li>Placement: Outside<\/li>\n\n\n\n<li>Icon Color: #333, hover brand color<\/li>\n\n\n\n<li>Background: white 90% transparency, hover brand color<\/li>\n\n\n\n<li>Icon Size: 30px, Background Size: 50x50px circular<\/li>\n\n\n\n<li>Shadow: 0px 2px 8px rgba(0,0,0,0.15)<\/li>\n<\/ul>\n\n<p class=\"wp-block-paragraph\"><strong>Pagination (dots):<\/strong><\/p>\n\n<ul class=\"wp-block-list\">\n<li>Placement: Below<\/li>\n\n\n\n<li>Type: Bullets<\/li>\n\n\n\n<li>Bullet Color: #ccc (inactive), brand color (active)<\/li>\n\n\n\n<li>Bullet Size: 12px, Spacing: 10px<\/li>\n<\/ul>\n\n<h3 class=\"wp-block-heading\">Transitions<\/h3>\n\n<p class=\"wp-block-paragraph\">\"Content\" &gt; \"Carousel Settings\":<\/p>\n\n<ul class=\"wp-block-list\">\n<li>Transition Speed: 800ms<\/li>\n\n\n\n<li>Transition Easing: ease-in-out<\/li>\n\n\n\n<li>Autoplay Speed: 5000ms<\/li>\n<\/ul>\n\n<p class=\"wp-block-paragraph\">Test by disabling the Visual Builder: the carousel starts automatically and pauses on hover.<\/p>\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\" \/>\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n<h2 class=\"wp-block-heading\">Step 5: Add interactivity with interactions<\/h2>\n\n<p class=\"wp-block-paragraph\">To make this carousel even more dynamic, you can add hover effects using the \"Interactions\" feature.<\/p>\n\n<h3 class=\"wp-block-heading\">Hover effect on cards<\/h3>\n\n<p class=\"wp-block-paragraph\">Group settings &gt; \"Advanced\" &gt; \"Interactions\" &gt; \"+ Add Interaction\".<\/p>\n\n<p class=\"wp-block-paragraph\"><strong>Interaction 1 - Lift:<\/strong><\/p>\n\n<ul class=\"wp-block-list\">\n<li>Trigger: Hover<\/li>\n\n\n\n<li>Effect: Transform &gt; Translate Y: -8px<\/li>\n\n\n\n<li>Duration: 300ms, Easing: ease-out<\/li>\n<\/ul>\n\n<p class=\"wp-block-paragraph\"><strong>Interaction 2 - Shadow:<\/strong><\/p>\n\n<ul class=\"wp-block-list\">\n<li>Trigger: Hover<\/li>\n\n\n\n<li>Effect: Box Shadow: 0px 12px 24px rgba(0,0,0,0.15)<\/li>\n\n\n\n<li>Duration: 300ms<\/li>\n<\/ul>\n\n<p class=\"wp-block-paragraph\">Duplicate these interactions on all Groups (Copy\/Paste Group Styles &gt; check \"Interactions\").<\/p>\n\n<h3 class=\"wp-block-heading\">Entrance animation<\/h3>\n\n<p class=\"wp-block-paragraph\">Group Carousel Module settings &gt; \"Advanced\" &gt; \"Interactions\":<\/p>\n\n<ul class=\"wp-block-list\">\n<li>Trigger: Page Load<\/li>\n\n\n\n<li>Effect: Fade In<\/li>\n\n\n\n<li>Duration: 800ms, Delay: 200ms<\/li>\n<\/ul>\n\n<p class=\"wp-block-paragraph\">The carousel fades in on page load.<\/p>\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\" \/>\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n<h2 class=\"wp-block-heading\">Step 6: Adapt the carousel for mobile and tablet<\/h2>\n\n<p class=\"wp-block-paragraph\">Configure breakpoints for perfect readability on all screens.<\/p>\n\n<p class=\"wp-block-paragraph\">Group Carousel Module settings &gt; \"Content\" &gt; \"Carousel Settings\" &gt; responsive icon next to \"Slides to Show\":<\/p>\n\n<ul class=\"wp-block-list\">\n<li>Desktop (&gt;981px): 3 slides<\/li>\n\n\n\n<li>Tablet (768-980px): 2 slides<\/li>\n\n\n\n<li>Phone (768px): 1 slide<\/li>\n<\/ul>\n\n<p class=\"wp-block-paragraph\">Also adjust paddings: Group settings &gt; \"Design\" &gt; \"Spacing\" &gt; responsive mode:<\/p>\n\n<ul class=\"wp-block-list\">\n<li>Desktop: 30px padding<\/li>\n\n\n\n<li>Tablet: 20px padding<\/li>\n\n\n\n<li>Phone: 15px padding<\/li>\n<\/ul>\n\n<p class=\"wp-block-paragraph\">Test with the Visual Builder toolbar (Desktop\/Tablet\/Phone icons).<\/p>\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\" \/>\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n<h2 class=\"wp-block-heading\">Step 7: Optimize performance<\/h2>\n\n<h3 class=\"wp-block-heading\">Images<\/h3>\n\n<p class=\"wp-block-paragraph\">Optimize photos before uploading:<\/p>\n\n<ul class=\"wp-block-list\">\n<li>Format: WebP<\/li>\n\n\n\n<li>Dimensions: 300x300px max (displayed at 150x150px, 2x for Retina)<\/li>\n\n\n\n<li>Weight: 50KB per image<\/li>\n\n\n\n<li>Lazy loading: ensure \"Enable Lazy Loading\" is enabled in each Image module<\/li>\n<\/ul>\n\n<p class=\"wp-block-paragraph\">On a client project, I reduced the total weight from 380KB to 95KB, gaining 0.4s on LCP.<\/p>\n\n<p class=\"wp-block-paragraph\"><strong>Measured metrics:<\/strong><\/p>\n\n<ul class=\"wp-block-list\">\n<li>Before optimization: LCP 2.8s<\/li>\n\n\n\n<li>After optimization: LCP 1.9s<\/li>\n\n\n\n<li>Gain: 0.9 seconds (32% improvement)<\/li>\n<\/ul>\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\" \/>\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n<h2 class=\"wp-block-heading\">Pre-launch testing protocol<\/h2>\n\n<p class=\"wp-block-paragraph\">Before publishing your carousel, follow this verification checklist.<\/p>\n\n<p class=\"wp-block-paragraph\"><strong>Functional tests:<\/strong><\/p>\n\n<ul class=\"wp-block-list\">\n<li>[ ] The carousel scrolls automatically (autoplay enabled)<\/li>\n\n\n\n<li>[ ] The carousel pauses on hover<\/li>\n\n\n\n<li>[ ] Left\/right arrows work<\/li>\n\n\n\n<li>[ ] Pagination dots work and indicate the active slide<\/li>\n\n\n\n<li>[ ] Hover interactions activate on each card<\/li>\n\n\n\n<li>[ ] Scrolling is smooth without jerks<\/li>\n<\/ul>\n\n<p class=\"wp-block-paragraph\"><strong>Responsive tests:<\/strong><\/p>\n\n<ul class=\"wp-block-list\">\n<li>[ ] Desktop: 3 slides visible, external navigation well positioned<\/li>\n\n\n\n<li>[ ] Tablet: 2 slides visible, readable text, accessible navigation<\/li>\n\n\n\n<li>[ ] Phone: 1 slide visible, centered content, navigation at the bottom<\/li>\n<\/ul>\n\n<p class=\"wp-block-paragraph\"><strong>Performance tests:<\/strong><\/p>\n\n<ul class=\"wp-block-list\">\n<li>[ ] Optimized images (50KB each, WebP format)<\/li>\n\n\n\n<li>[ ] Lazy loading enabled<\/li>\n\n\n\n<li>[ ] LCP 2.5 seconds (measured with PageSpeed Insights)<\/li>\n\n\n\n<li>[ ] No Cumulative Layout Shift (CLS) during loading<\/li>\n<\/ul>\n\n<p class=\"wp-block-paragraph\"><strong>Accessibility tests:<\/strong><\/p>\n\n<ul class=\"wp-block-list\">\n<li>[ ] Descriptive alt text on all photos<\/li>\n\n\n\n<li>[ ] Sufficient contrast between text and background (minimum 4.5:1 ratio)<\/li>\n\n\n\n<li>[ ] Functional keyboard navigation (Tab between slides)<\/li>\n\n\n\n<li>[ ] Screen readers can announce the content of each slide<\/li>\n<\/ul>\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\" \/>\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n<h2 class=\"wp-block-heading\">My verdict: who is this carousel for?<\/h2>\n\n<p class=\"wp-block-paragraph\">After creating this type of carousel on several projects (agencies, freelancers, showcase sites), here's my analysis.<\/p>\n\n<p class=\"wp-block-paragraph\"><strong>It's for you if:<\/strong><\/p>\n\n<ul class=\"wp-block-list\">\n<li>You regularly create WordPress sites with Divi<\/li>\n\n\n\n<li>You're looking for a native solution without third-party plugins<\/li>\n\n\n\n<li>You need total control over the design<\/li>\n\n\n\n<li>You value performance (loading time, Core Web Vitals)<\/li>\n\n\n\n<li>You want testimonials that convert (interactivity, visual credibility)<\/li>\n\n\n\n<li>You manage sites with many testimonials to display elegantly<\/li>\n<\/ul>\n\n<p class=\"wp-block-paragraph\"><strong>Avoid if:<\/strong><\/p>\n\n<ul class=\"wp-block-list\">\n<li>You're still on Divi 4 (no Group Carousel available)<\/li>\n\n\n\n<li>You only have 2-3 testimonials (a simple Testimonial module is enough)<\/li>\n\n\n\n<li>You're looking for a \"quick and dirty\" 5-minute solution (initial time investment)<\/li>\n\n\n\n<li>You need to integrate complex external testimonial sources (third-party APIs) without custom development<\/li>\n<\/ul>\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\" \/>\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n<h2 class=\"wp-block-heading\">Getting Started Checklist<\/h2>\n\n<p class=\"wp-block-paragraph\">Let's recap the steps to quickly create your carousel:<\/p>\n\n<ul class=\"wp-block-list\">\n<li>[ ] Ensure you have Divi 5.0+ and WordPress 6.4+<\/li>\n\n\n\n<li>[ ] Prepare your testimonial content (texts, optimized photos)<\/li>\n\n\n\n<li>[ ] Add the Group Carousel Module to your page<\/li>\n\n\n\n<li>[ ] Configure global settings (slides to show, autoplay, navigation)<\/li>\n\n\n\n<li>[ ] Create the first testimonial (complete structure within a Group)<\/li>\n\n\n\n<li>[ ] Duplicate the Group 4-5 times and customize each content<\/li>\n\n\n\n<li>[ ] Activate and style navigation and pagination<\/li>\n\n\n\n<li>[ ] Configure transitions and animations<\/li>\n\n\n\n<li>[ ] Add hover interactions<\/li>\n\n\n\n<li>[ ] Adapt responsive settings (tablet, phone)<\/li>\n\n\n\n<li>[ ] Optimize images (WebP, compression, lazy loading)<\/li>\n\n\n\n<li>[ ] Test on multiple devices and browsers<\/li>\n\n\n\n<li>[ ] Measure performance with PageSpeed Insights<\/li>\n\n\n\n<li>[ ] Publish and monitor visitor engagement<\/li>\n<\/ul>\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\" \/>\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n<h2 class=\"wp-block-heading\">Next Steps<\/h2>\n\n<p class=\"wp-block-paragraph\">You have now mastered creating a static testimonial carousel with the Group Carousel Module. To go further: <\/p>\n\n<ul class=\"wp-block-list\">\n<li>Discover how to <strong>create<\/strong><a href=\"https:\/\/thediviguide.com\/en\/how-to-create-a-custom-blog-grid-with-divi-5s-divi-loop-builder\" title=\"How to create a custom blog grid with Divi 5&apos;s Divi Loop Builder\"><strong> dynamic carousels with the Loop Builder<\/strong><\/a> to automatically generate slides from a 'Testimonials' Custom Post Type<\/li>\n\n\n\n<li>Explore <strong>advanced interaction possibilities<\/strong> to create click-reveal effects, synchronized animations, and sophisticated micro-interactions<\/li>\n\n\n\n<li>Learn how to <strong>integrate your carousels into a global layout strategy<\/strong> combining <a href=\"https:\/\/thediviguide.com\/en\/divi-css-grid-vs-flexbox-which-to-choose-for-your-layout\" title=\"Divi CSS Grid vs Flexbox: which to Choose for your Layout?\"><strong>CSS Grid, Flexbox, and Divi 5's new paradigms<\/strong><\/a><\/li>\n<\/ul>\n\n<p class=\"wp-block-paragraph\">Divi 5's Group Carousel Module redefines what's possible to create natively in WordPress. <\/p>\n\n<p class=\"wp-block-paragraph\">You no longer need external plugins that slow down your site and create dependencies. Everything stays within Divi, with total control over design, performance, and user experience.  <br \/>Your client testimonials deserve a professional presentation: the Group Carousel gives you the tools to achieve this in under 30 minutes.<\/p>\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n<h2 class=\"wp-block-heading\">Questions:<\/h2>\n\n<div data-schema-only=\"false\" class=\"wp-block-aioseo-faq\"><h3 class=\"aioseo-faq-block-question\">Qu'est-ce que le Group Carousel Module de Divi 5 et quels avantages offre-t-il par rapport \u00e0 des plugins externes ?<\/h3><div class=\"aioseo-faq-block-answer\">\n<p class=\"wp-block-paragraph\">The Divi 5 Group Carousel Module replaces third-party slider plugins by offering a native, fully customizable solution without touching any code. It allows you to create interactive testimonial carousels with interactions and animations, and automatically adapts to all screens without external dependencies\u2014all in 20 to 30 minutes for a professional result. <\/p>\n<\/div><\/div>\n\n<div data-schema-only=\"false\" class=\"wp-block-aioseo-faq\"><h3 class=\"aioseo-faq-block-question\">Comment cr\u00e9er un carrousel de t\u00e9moignages \u00e9tape par \u00e9tape avec le Group Carousel ?<\/h3><div class=\"aioseo-faq-block-answer\">\n<p class=\"wp-block-paragraph\">Add the Group Carousel Module to your page, then understand that each Group corresponds to a complete testimonial (image, quote, name, and job title). Configure the carousel settings in the Content tab, then create the first testimonial within a Group and duplicate it up to 5 Groups, personalizing each piece of content. Finally, enable navigation and pagination and adjust the transitions and interactions.  <\/p>\n<\/div><\/div>\n\n<div data-schema-only=\"false\" class=\"wp-block-aioseo-faq\"><h3 class=\"aioseo-faq-block-question\">Quels sont les pr\u00e9requis et le protocole de test recommand\u00e9s pour ce tutoriel ?<\/h3><div class=\"aioseo-faq-block-answer\">\n<p class=\"wp-block-paragraph\">You need Divi 5.0+ and WordPress 6.4+ (in the example shown). The tutorial was tested with Divi 5.0 + WordPress 6.8.3 and 8 active plugins on hosting with Redis cache and Cloudflare CDN. The content covers creating a static testimonial carousel with animations, interactions, and responsive optimization.  <\/p>\n<\/div><\/div>\n\n<div data-schema-only=\"false\" class=\"wp-block-aioseo-faq\"><h3 class=\"aioseo-faq-block-question\">Comment optimiser les performances et ajouter de l\u2019interactivit\u00e9 au carrousel ?<\/h3><div class=\"aioseo-faq-block-answer\">\n<p class=\"wp-block-paragraph\">Optimize your images (WebP format, appropriate dimensions, low file weight, and lazy loading enabled). Use interactions on the cards (lift and shadow on hover) and entry animations (Fade In on load). Adjust transition settings (800 ms, ease-in-out) and autoplay to improve the experience without sacrificing speed.  <\/p>\n<\/div><\/div>\n\n<div data-schema-only=\"false\" class=\"wp-block-aioseo-faq\"><h3 class=\"aioseo-faq-block-question\">Pour qui convient ce carrousel et quand faut-il \u00e9viter de l\u2019utiliser ?<\/h3><div class=\"aioseo-faq-block-answer\">\n<p class=\"wp-block-paragraph\">This tool is suitable if you regularly build WordPress sites with Divi and are looking for a native solution without external plugins, with total control over design and performance. Avoid it if you are using Divi 4 (Group Carousel is not available), if you only have 2-3 testimonials, if you are looking for a quick 5-minute solution, or if you need to integrate external testimonial sources via APIs without custom development. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div><\/div>\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><sub>Tools marked with \ud83d\udd17 are affiliate links. If you make a purchase, I earn a commission at no extra cost to you. For more details, you can <a href=\"https:\/\/thediviguide.com\/en\/transparency-affiliate-links\" rel=\"nofollow\" title=\"Transparency &amp; Affiliate Links\">view the full transparency disclosure page<\/a>.  <\/sub><\/p>\n<\/blockquote>\n","protected":false},"excerpt":{"rendered":"<p>Are you wasting precious time configuring testimonial sliders with third-party plugins that slow down your site? Recently, I had the opportunity to test Divi 5&#8217;s new Group Carousel module on several client projects. Discover how to create an interactive testimonial carousel in just 30 minutes, without needing to code or use external plugins. Key Takeaways [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":222994,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13],"tags":[],"class_list":["post-223014","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-divi-5"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO Pro 4.9.10 - aioseo.com -->\n\t<meta name=\"description\" content=\"Learn how to use the Divi 5 carousel tutorial to create a professional testimonial carousel in 30 minutes, without code or third-party plugins.\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Rich@rd\"\/>\n\t<link rel=\"canonical\" href=\"https:\/\/thediviguide.com\/en\/divi-5-carousel-tutorial-create-an-interactive-testimonial-carousel-with-the-group-carousel-module\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO Pro (AIOSEO) 4.9.10\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"thediviguide.com -\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Divi 5 Carousel Tutorial: Create a Testimonial Slider\" \/>\n\t\t<meta property=\"og:description\" content=\"Learn how to use the Divi 5 carousel tutorial to create a professional testimonial carousel in 30 minutes, without code or third-party plugins.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/thediviguide.com\/en\/divi-5-carousel-tutorial-create-an-interactive-testimonial-carousel-with-the-group-carousel-module\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/thediviguide.com\/wp-content\/uploads\/2025\/11\/Divi-Group-Carousel-Module.webp\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/thediviguide.com\/wp-content\/uploads\/2025\/11\/Divi-Group-Carousel-Module.webp\" \/>\n\t\t<meta property=\"og:image:width\" content=\"1344\" \/>\n\t\t<meta property=\"og:image:height\" content=\"768\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2026-05-02T09:55:16+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-06-14T15:22:22+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Divi 5 Carousel Tutorial: Create a Testimonial Slider\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Learn how to use the Divi 5 carousel tutorial to create a professional testimonial carousel in 30 minutes, without code or third-party plugins.\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/thediviguide.com\/wp-content\/uploads\/2025\/11\/Divi-Group-Carousel-Module.webp\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BlogPosting\",\"@id\":\"https:\\\/\\\/thediviguide.com\\\/en\\\/divi-5-carousel-tutorial-create-an-interactive-testimonial-carousel-with-the-group-carousel-module#blogposting\",\"name\":\"Divi 5 Carousel Tutorial: Create a Testimonial Slider\",\"headline\":\"Divi 5 Carousel Tutorial: Create an Interactive Testimonial Carousel with the Group Carousel Module\",\"author\":{\"@id\":\"https:\\\/\\\/thediviguide.com\\\/en\\\/author\\\/richardskazy-nc#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/thediviguide.com\\\/en\\\/#organization\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/thediviguide.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Divi-Group-Carousel-Module.webp\",\"width\":1344,\"height\":768},\"datePublished\":\"2026-05-02T20:55:16+11:00\",\"dateModified\":\"2026-06-15T02:22:22+11:00\",\"inLanguage\":\"en-US\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/thediviguide.com\\\/en\\\/divi-5-carousel-tutorial-create-an-interactive-testimonial-carousel-with-the-group-carousel-module#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/thediviguide.com\\\/en\\\/divi-5-carousel-tutorial-create-an-interactive-testimonial-carousel-with-the-group-carousel-module#webpage\"},\"articleSection\":\"Divi 5, Facultatif\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/thediviguide.com\\\/en\\\/divi-5-carousel-tutorial-create-an-interactive-testimonial-carousel-with-the-group-carousel-module#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/thediviguide.com\\\/en#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/thediviguide.com\\\/en\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/thediviguide.com\\\/en\\\/category\\\/divi-5#listItem\",\"name\":\"Divi 5\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/thediviguide.com\\\/en\\\/category\\\/divi-5#listItem\",\"position\":2,\"name\":\"Divi 5\",\"item\":\"https:\\\/\\\/thediviguide.com\\\/en\\\/category\\\/divi-5\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/thediviguide.com\\\/en\\\/divi-5-carousel-tutorial-create-an-interactive-testimonial-carousel-with-the-group-carousel-module#listItem\",\"name\":\"Divi 5 Carousel Tutorial: Create an Interactive Testimonial Carousel with the Group Carousel Module\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/thediviguide.com\\\/en#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/thediviguide.com\\\/en\\\/divi-5-carousel-tutorial-create-an-interactive-testimonial-carousel-with-the-group-carousel-module#listItem\",\"position\":3,\"name\":\"Divi 5 Carousel Tutorial: Create an Interactive Testimonial Carousel with the Group Carousel Module\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/thediviguide.com\\\/en\\\/category\\\/divi-5#listItem\",\"name\":\"Divi 5\"}}]},{\"@type\":\"FAQPage\",\"@id\":\"https:\\\/\\\/thediviguide.com\\\/en\\\/divi-5-carousel-tutorial-create-an-interactive-testimonial-carousel-with-the-group-carousel-module#faq\",\"url\":\"https:\\\/\\\/thediviguide.com\\\/en\\\/divi-5-carousel-tutorial-create-an-interactive-testimonial-carousel-with-the-group-carousel-module\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"Qu'est-ce que le Group Carousel Module de Divi 5 et quels avantages offre-t-il par rapport \\u00e0 des plugins externes ?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Le Group Carousel Module de Divi 5 remplace les plugins de slider tiers en offrant une solution native et enti\\u00e8rement personnalisable sans toucher au code. Il permet de cr\\u00e9er des carrousels de t\\u00e9moignages interactifs avec des interactions et des animations, et s\\u2019adapte automatiquement \\u00e0 tous les \\u00e9crans sans d\\u00e9pendance externe, le tout en 20 \\u00e0 30 minutes pour un r\\u00e9sultat professionnel.\"}},{\"@type\":\"Question\",\"name\":\"Comment cr\\u00e9er un carrousel de t\\u00e9moignages \\u00e9tape par \\u00e9tape avec le Group Carousel ?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Ajoutez le Group Carousel Module sur votre page, puis comprenez que chaque Group correspond \\u00e0 un t\\u00e9moignage complet (image, citation, nom et fonction). Configurez les r\\u00e9glages du carrousel dans l\\u2019onglet Content, puis cr\\u00e9ez le premier t\\u00e9moignage dans un Group et dupliquez-le jusqu\\u2019\\u00e0 5 Groups, en personnalisant chaque contenu. Enfin, activez la navigation et la pagination et ajustez les transitions et interactions.\"}},{\"@type\":\"Question\",\"name\":\"Quels sont les pr\\u00e9requis et le protocole de test recommand\\u00e9s pour ce tutoriel ?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Il faut Divi 5.0+ et WordPress 6.4+ (dans l\\u2019exemple pr\\u00e9sent\\u00e9). Le tutoriel a \\u00e9t\\u00e9 test\\u00e9 avec Divi 5.0 + WordPress 6.8.3 et 8 plugins actifs sur un h\\u00e9bergement avec cache Redis et CloudflareCDN. Le contenu couvre la cr\\u00e9ation d\\u2019un carrousel de t\\u00e9moignages statique avec animations, interactions et optimisation responsive.\"}},{\"@type\":\"Question\",\"name\":\"Comment optimiser les performances et ajouter de l\\u2019interactivit\\u00e9 au carrousel ?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Optimisez les images (format WebP, dimensions adapt\\u00e9es et poids faible, lazy loading activ\\u00e9). Utilisez des interactions sur les cartes (soul\\u00e8vement et ombre au survol) et des animations d\\u2019entr\\u00e9e (Fade In \\u00e0 chargement). Ajustez les param\\u00e8tres de transition (800 ms, ease-in-out) et l\\u2019autoplay pour am\\u00e9liorer l\\u2019exp\\u00e9rience sans sacrifier la vitesse.\"}},{\"@type\":\"Question\",\"name\":\"Pour qui convient ce carrousel et quand faut-il \\u00e9viter de l\\u2019utiliser ?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Cet outil est adapt\\u00e9 si vous cr\\u00e9ez r\\u00e9guli\\u00e8rement des sites WordPress avec Divi et cherchez une solution native sans plugins externes, avec un contr\\u00f4le total sur le design et les performances. \\u00c9vitez-le si vous utilisez Divi 4 (Group Carousel n\\u2019est pas disponible), vous n\\u2019avez que 2-3 t\\u00e9moignages, vous recherchez une solution rapide en 5 minutes, ou si vous devez int\\u00e9grer des sources de t\\u00e9moignages externes via APIs sans d\\u00e9veloppement personnalis\\u00e9.\"}}],\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/thediviguide.com\\\/en\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/thediviguide.com\\\/en\\\/divi-5-carousel-tutorial-create-an-interactive-testimonial-carousel-with-the-group-carousel-module#breadcrumblist\"}},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/thediviguide.com\\\/en\\\/#organization\",\"name\":\"thediviguide.com\",\"url\":\"https:\\\/\\\/thediviguide.com\\\/en\\\/\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/thediviguide.com\\\/en\\\/author\\\/richardskazy-nc#author\",\"url\":\"https:\\\/\\\/thediviguide.com\\\/en\\\/author\\\/richardskazy-nc\",\"name\":\"Rich@rd\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/thediviguide.com\\\/en\\\/divi-5-carousel-tutorial-create-an-interactive-testimonial-carousel-with-the-group-carousel-module#authorImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/714983c31557624b9a4bda6923bb867f80b36001298e79b1ddcbe12174b059f0?s=96&d=mm&r=g\",\"width\":96,\"height\":96,\"caption\":\"Rich@rd\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/thediviguide.com\\\/en\\\/divi-5-carousel-tutorial-create-an-interactive-testimonial-carousel-with-the-group-carousel-module#webpage\",\"url\":\"https:\\\/\\\/thediviguide.com\\\/en\\\/divi-5-carousel-tutorial-create-an-interactive-testimonial-carousel-with-the-group-carousel-module\",\"name\":\"Divi 5 Carousel Tutorial: Create a Testimonial Slider\",\"description\":\"Learn how to use the Divi 5 carousel tutorial to create a professional testimonial carousel in 30 minutes, without code or third-party plugins.\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/thediviguide.com\\\/en\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/thediviguide.com\\\/en\\\/divi-5-carousel-tutorial-create-an-interactive-testimonial-carousel-with-the-group-carousel-module#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/thediviguide.com\\\/en\\\/author\\\/richardskazy-nc#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/thediviguide.com\\\/en\\\/author\\\/richardskazy-nc#author\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/thediviguide.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Divi-Group-Carousel-Module.webp\",\"@id\":\"https:\\\/\\\/thediviguide.com\\\/en\\\/divi-5-carousel-tutorial-create-an-interactive-testimonial-carousel-with-the-group-carousel-module\\\/#mainImage\",\"width\":1344,\"height\":768},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/thediviguide.com\\\/en\\\/divi-5-carousel-tutorial-create-an-interactive-testimonial-carousel-with-the-group-carousel-module#mainImage\"},\"datePublished\":\"2026-05-02T20:55:16+11:00\",\"dateModified\":\"2026-06-15T02:22:22+11:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/thediviguide.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/thediviguide.com\\\/en\\\/\",\"name\":\"thediviguide.com\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/thediviguide.com\\\/en\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https:\/\/www.googletagmanager.com\/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer',\"GTM-P7QJSXWM\");<\/script>\n\t\t<!-- All in One SEO Pro -->\r\n\t\t<title>Divi 5 Carousel Tutorial: Create a Testimonial Slider<\/title>\n\n","aioseo_head_json":{"title":"Divi 5 Carousel Tutorial: Create a Testimonial Slider","description":"Learn how to use the Divi 5 carousel tutorial to create a professional testimonial carousel in 30 minutes, without code or third-party plugins.","canonical_url":"https:\/\/thediviguide.com\/en\/divi-5-carousel-tutorial-create-an-interactive-testimonial-carousel-with-the-group-carousel-module","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BlogPosting","@id":"https:\/\/thediviguide.com\/en\/divi-5-carousel-tutorial-create-an-interactive-testimonial-carousel-with-the-group-carousel-module#blogposting","name":"Divi 5 Carousel Tutorial: Create a Testimonial Slider","headline":"Divi 5 Carousel Tutorial: Create an Interactive Testimonial Carousel with the Group Carousel Module","author":{"@id":"https:\/\/thediviguide.com\/en\/author\/richardskazy-nc#author"},"publisher":{"@id":"https:\/\/thediviguide.com\/en\/#organization"},"image":{"@type":"ImageObject","url":"https:\/\/thediviguide.com\/wp-content\/uploads\/2025\/11\/Divi-Group-Carousel-Module.webp","width":1344,"height":768},"datePublished":"2026-05-02T20:55:16+11:00","dateModified":"2026-06-15T02:22:22+11:00","inLanguage":"en-US","mainEntityOfPage":{"@id":"https:\/\/thediviguide.com\/en\/divi-5-carousel-tutorial-create-an-interactive-testimonial-carousel-with-the-group-carousel-module#webpage"},"isPartOf":{"@id":"https:\/\/thediviguide.com\/en\/divi-5-carousel-tutorial-create-an-interactive-testimonial-carousel-with-the-group-carousel-module#webpage"},"articleSection":"Divi 5, Facultatif"},{"@type":"BreadcrumbList","@id":"https:\/\/thediviguide.com\/en\/divi-5-carousel-tutorial-create-an-interactive-testimonial-carousel-with-the-group-carousel-module#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/thediviguide.com\/en#listItem","position":1,"name":"Home","item":"https:\/\/thediviguide.com\/en","nextItem":{"@type":"ListItem","@id":"https:\/\/thediviguide.com\/en\/category\/divi-5#listItem","name":"Divi 5"}},{"@type":"ListItem","@id":"https:\/\/thediviguide.com\/en\/category\/divi-5#listItem","position":2,"name":"Divi 5","item":"https:\/\/thediviguide.com\/en\/category\/divi-5","nextItem":{"@type":"ListItem","@id":"https:\/\/thediviguide.com\/en\/divi-5-carousel-tutorial-create-an-interactive-testimonial-carousel-with-the-group-carousel-module#listItem","name":"Divi 5 Carousel Tutorial: Create an Interactive Testimonial Carousel with the Group Carousel Module"},"previousItem":{"@type":"ListItem","@id":"https:\/\/thediviguide.com\/en#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/thediviguide.com\/en\/divi-5-carousel-tutorial-create-an-interactive-testimonial-carousel-with-the-group-carousel-module#listItem","position":3,"name":"Divi 5 Carousel Tutorial: Create an Interactive Testimonial Carousel with the Group Carousel Module","previousItem":{"@type":"ListItem","@id":"https:\/\/thediviguide.com\/en\/category\/divi-5#listItem","name":"Divi 5"}}]},{"@type":"FAQPage","@id":"https:\/\/thediviguide.com\/en\/divi-5-carousel-tutorial-create-an-interactive-testimonial-carousel-with-the-group-carousel-module#faq","url":"https:\/\/thediviguide.com\/en\/divi-5-carousel-tutorial-create-an-interactive-testimonial-carousel-with-the-group-carousel-module","mainEntity":[{"@type":"Question","name":"Qu'est-ce que le Group Carousel Module de Divi 5 et quels avantages offre-t-il par rapport \u00e0 des plugins externes ?","acceptedAnswer":{"@type":"Answer","text":"Le Group Carousel Module de Divi 5 remplace les plugins de slider tiers en offrant une solution native et enti\u00e8rement personnalisable sans toucher au code. Il permet de cr\u00e9er des carrousels de t\u00e9moignages interactifs avec des interactions et des animations, et s\u2019adapte automatiquement \u00e0 tous les \u00e9crans sans d\u00e9pendance externe, le tout en 20 \u00e0 30 minutes pour un r\u00e9sultat professionnel."}},{"@type":"Question","name":"Comment cr\u00e9er un carrousel de t\u00e9moignages \u00e9tape par \u00e9tape avec le Group Carousel ?","acceptedAnswer":{"@type":"Answer","text":"Ajoutez le Group Carousel Module sur votre page, puis comprenez que chaque Group correspond \u00e0 un t\u00e9moignage complet (image, citation, nom et fonction). Configurez les r\u00e9glages du carrousel dans l\u2019onglet Content, puis cr\u00e9ez le premier t\u00e9moignage dans un Group et dupliquez-le jusqu\u2019\u00e0 5 Groups, en personnalisant chaque contenu. Enfin, activez la navigation et la pagination et ajustez les transitions et interactions."}},{"@type":"Question","name":"Quels sont les pr\u00e9requis et le protocole de test recommand\u00e9s pour ce tutoriel ?","acceptedAnswer":{"@type":"Answer","text":"Il faut Divi 5.0+ et WordPress 6.4+ (dans l\u2019exemple pr\u00e9sent\u00e9). Le tutoriel a \u00e9t\u00e9 test\u00e9 avec Divi 5.0 + WordPress 6.8.3 et 8 plugins actifs sur un h\u00e9bergement avec cache Redis et CloudflareCDN. Le contenu couvre la cr\u00e9ation d\u2019un carrousel de t\u00e9moignages statique avec animations, interactions et optimisation responsive."}},{"@type":"Question","name":"Comment optimiser les performances et ajouter de l\u2019interactivit\u00e9 au carrousel ?","acceptedAnswer":{"@type":"Answer","text":"Optimisez les images (format WebP, dimensions adapt\u00e9es et poids faible, lazy loading activ\u00e9). Utilisez des interactions sur les cartes (soul\u00e8vement et ombre au survol) et des animations d\u2019entr\u00e9e (Fade In \u00e0 chargement). Ajustez les param\u00e8tres de transition (800 ms, ease-in-out) et l\u2019autoplay pour am\u00e9liorer l\u2019exp\u00e9rience sans sacrifier la vitesse."}},{"@type":"Question","name":"Pour qui convient ce carrousel et quand faut-il \u00e9viter de l\u2019utiliser ?","acceptedAnswer":{"@type":"Answer","text":"Cet outil est adapt\u00e9 si vous cr\u00e9ez r\u00e9guli\u00e8rement des sites WordPress avec Divi et cherchez une solution native sans plugins externes, avec un contr\u00f4le total sur le design et les performances. \u00c9vitez-le si vous utilisez Divi 4 (Group Carousel n\u2019est pas disponible), vous n\u2019avez que 2-3 t\u00e9moignages, vous recherchez une solution rapide en 5 minutes, ou si vous devez int\u00e9grer des sources de t\u00e9moignages externes via APIs sans d\u00e9veloppement personnalis\u00e9."}},{"@type":"Question","name":"Qu'est-ce que le Group Carousel Module de Divi 5 et quels avantages offre-t-il par rapport \u00e0 des plugins externes ?","acceptedAnswer":{"@type":"Answer","text":"Le Group Carousel Module de Divi 5 remplace les plugins de slider tiers en offrant une solution native et enti\u00e8rement personnalisable sans toucher au code. Il permet de cr\u00e9er des carrousels de t\u00e9moignages interactifs avec des interactions et des animations, et s\u2019adapte automatiquement \u00e0 tous les \u00e9crans sans d\u00e9pendance externe, le tout en 20 \u00e0 30 minutes pour un r\u00e9sultat professionnel."}},{"@type":"Question","name":"Comment cr\u00e9er un carrousel de t\u00e9moignages \u00e9tape par \u00e9tape avec le Group Carousel ?","acceptedAnswer":{"@type":"Answer","text":"Ajoutez le Group Carousel Module sur votre page, puis comprenez que chaque Group correspond \u00e0 un t\u00e9moignage complet (image, citation, nom et fonction). Configurez les r\u00e9glages du carrousel dans l\u2019onglet Content, puis cr\u00e9ez le premier t\u00e9moignage dans un Group et dupliquez-le jusqu\u2019\u00e0 5 Groups, en personnalisant chaque contenu. Enfin, activez la navigation et la pagination et ajustez les transitions et interactions."}},{"@type":"Question","name":"Quels sont les pr\u00e9requis et le protocole de test recommand\u00e9s pour ce tutoriel ?","acceptedAnswer":{"@type":"Answer","text":"Il faut Divi 5.0+ et WordPress 6.4+ (dans l\u2019exemple pr\u00e9sent\u00e9). Le tutoriel a \u00e9t\u00e9 test\u00e9 avec Divi 5.0 + WordPress 6.8.3 et 8 plugins actifs sur un h\u00e9bergement avec cache Redis et CloudflareCDN. Le contenu couvre la cr\u00e9ation d\u2019un carrousel de t\u00e9moignages statique avec animations, interactions et optimisation responsive."}},{"@type":"Question","name":"Comment optimiser les performances et ajouter de l\u2019interactivit\u00e9 au carrousel ?","acceptedAnswer":{"@type":"Answer","text":"Optimisez les images (format WebP, dimensions adapt\u00e9es et poids faible, lazy loading activ\u00e9). Utilisez des interactions sur les cartes (soul\u00e8vement et ombre au survol) et des animations d\u2019entr\u00e9e (Fade In \u00e0 chargement). Ajustez les param\u00e8tres de transition (800 ms, ease-in-out) et l\u2019autoplay pour am\u00e9liorer l\u2019exp\u00e9rience sans sacrifier la vitesse."}},{"@type":"Question","name":"Pour qui convient ce carrousel et quand faut-il \u00e9viter de l\u2019utiliser ?","acceptedAnswer":{"@type":"Answer","text":"Cet outil est adapt\u00e9 si vous cr\u00e9ez r\u00e9guli\u00e8rement des sites WordPress avec Divi et cherchez une solution native sans plugins externes, avec un contr\u00f4le total sur le design et les performances. \u00c9vitez-le si vous utilisez Divi 4 (Group Carousel n\u2019est pas disponible), vous n\u2019avez que 2-3 t\u00e9moignages, vous recherchez une solution rapide en 5 minutes, ou si vous devez int\u00e9grer des sources de t\u00e9moignages externes via APIs sans d\u00e9veloppement personnalis\u00e9."}}],"inLanguage":"en-US","isPartOf":{"@id":"https:\/\/thediviguide.com\/en\/#website"},"breadcrumb":{"@id":"https:\/\/thediviguide.com\/en\/divi-5-carousel-tutorial-create-an-interactive-testimonial-carousel-with-the-group-carousel-module#breadcrumblist"}},{"@type":"Organization","@id":"https:\/\/thediviguide.com\/en\/#organization","name":"thediviguide.com","url":"https:\/\/thediviguide.com\/en\/"},{"@type":"Person","@id":"https:\/\/thediviguide.com\/en\/author\/richardskazy-nc#author","url":"https:\/\/thediviguide.com\/en\/author\/richardskazy-nc","name":"Rich@rd","image":{"@type":"ImageObject","@id":"https:\/\/thediviguide.com\/en\/divi-5-carousel-tutorial-create-an-interactive-testimonial-carousel-with-the-group-carousel-module#authorImage","url":"https:\/\/secure.gravatar.com\/avatar\/714983c31557624b9a4bda6923bb867f80b36001298e79b1ddcbe12174b059f0?s=96&d=mm&r=g","width":96,"height":96,"caption":"Rich@rd"}},{"@type":"WebPage","@id":"https:\/\/thediviguide.com\/en\/divi-5-carousel-tutorial-create-an-interactive-testimonial-carousel-with-the-group-carousel-module#webpage","url":"https:\/\/thediviguide.com\/en\/divi-5-carousel-tutorial-create-an-interactive-testimonial-carousel-with-the-group-carousel-module","name":"Divi 5 Carousel Tutorial: Create a Testimonial Slider","description":"Learn how to use the Divi 5 carousel tutorial to create a professional testimonial carousel in 30 minutes, without code or third-party plugins.","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/thediviguide.com\/en\/#website"},"breadcrumb":{"@id":"https:\/\/thediviguide.com\/en\/divi-5-carousel-tutorial-create-an-interactive-testimonial-carousel-with-the-group-carousel-module#breadcrumblist"},"author":{"@id":"https:\/\/thediviguide.com\/en\/author\/richardskazy-nc#author"},"creator":{"@id":"https:\/\/thediviguide.com\/en\/author\/richardskazy-nc#author"},"image":{"@type":"ImageObject","url":"https:\/\/thediviguide.com\/wp-content\/uploads\/2025\/11\/Divi-Group-Carousel-Module.webp","@id":"https:\/\/thediviguide.com\/en\/divi-5-carousel-tutorial-create-an-interactive-testimonial-carousel-with-the-group-carousel-module\/#mainImage","width":1344,"height":768},"primaryImageOfPage":{"@id":"https:\/\/thediviguide.com\/en\/divi-5-carousel-tutorial-create-an-interactive-testimonial-carousel-with-the-group-carousel-module#mainImage"},"datePublished":"2026-05-02T20:55:16+11:00","dateModified":"2026-06-15T02:22:22+11:00"},{"@type":"WebSite","@id":"https:\/\/thediviguide.com\/en\/#website","url":"https:\/\/thediviguide.com\/en\/","name":"thediviguide.com","inLanguage":"en-US","publisher":{"@id":"https:\/\/thediviguide.com\/en\/#organization"}}]},"og:locale":"en_US","og:site_name":"thediviguide.com -","og:type":"article","og:title":"Divi 5 Carousel Tutorial: Create a Testimonial Slider","og:description":"Learn how to use the Divi 5 carousel tutorial to create a professional testimonial carousel in 30 minutes, without code or third-party plugins.","og:url":"https:\/\/thediviguide.com\/en\/divi-5-carousel-tutorial-create-an-interactive-testimonial-carousel-with-the-group-carousel-module","og:image":"https:\/\/thediviguide.com\/wp-content\/uploads\/2025\/11\/Divi-Group-Carousel-Module.webp","og:image:secure_url":"https:\/\/thediviguide.com\/wp-content\/uploads\/2025\/11\/Divi-Group-Carousel-Module.webp","og:image:width":1344,"og:image:height":768,"article:published_time":"2026-05-02T09:55:16+00:00","article:modified_time":"2026-06-14T15:22:22+00:00","twitter:card":"summary_large_image","twitter:title":"Divi 5 Carousel Tutorial: Create a Testimonial Slider","twitter:description":"Learn how to use the Divi 5 carousel tutorial to create a professional testimonial carousel in 30 minutes, without code or third-party plugins.","twitter:image":"https:\/\/thediviguide.com\/wp-content\/uploads\/2025\/11\/Divi-Group-Carousel-Module.webp"},"aioseo_meta_data":{"post_id":"223014","title":"Divi 5 Carousel Tutorial: Create a Testimonial Slider","description":"Learn how to use the Divi 5 carousel tutorial to create a professional testimonial carousel in 30 minutes, without code or third-party plugins.","keywords":null,"keyphrases":{"focus":{"keyphrase":"tutoriel carrousel Divi 5","score":54,"analysis":{"keyphraseInTitle":{"score":9,"maxScore":9,"error":0},"keyphraseInDescription":{"score":9,"maxScore":9,"error":0},"keyphraseLength":{"score":9,"maxScore":9,"error":0,"length":4},"keyphraseInURL":{"score":1,"maxScore":5,"error":1},"keyphraseInIntroduction":{"score":3,"maxScore":9,"error":1},"keyphraseInSubHeadings":{"score":3,"maxScore":9,"error":1},"keyphraseInImageAlt":{"score":3,"maxScore":9,"error":1},"keywordDensity":{"score":0,"type":"low","maxScore":9,"error":1}}},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":"Divi 5 Carousel Tutorial: Create a Testimonial Slider","og_description":"Learn how to use the Divi 5 carousel tutorial to create a professional testimonial carousel in 30 minutes, without code or third-party plugins.","og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":true,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[{"hidden":false,"question":"Qu'est-ce que le Group Carousel Module de Divi 5 et quels avantages offre-t-il par rapport \u00e0 des plugins externes ?","schemaBlockId":"aioseo-mqdmvp482yt7u","tagName":"h3","answer":"Le Group Carousel Module de Divi 5 remplace les plugins de slider tiers en offrant une solution native et enti\u00e8rement personnalisable sans toucher au code. Il permet de cr\u00e9er des carrousels de t\u00e9moignages interactifs avec des interactions et des animations, et s\u2019adapte automatiquement \u00e0 tous les \u00e9crans sans d\u00e9pendance externe, le tout en 20 \u00e0 30 minutes pour un r\u00e9sultat professionnel.","type":"aioseo\/faq"},{"hidden":false,"question":"Comment cr\u00e9er un carrousel de t\u00e9moignages \u00e9tape par \u00e9tape avec le Group Carousel ?","schemaBlockId":"aioseo-mqdmvozpoyxf8","tagName":"h3","answer":"Ajoutez le Group Carousel Module sur votre page, puis comprenez que chaque Group correspond \u00e0 un t\u00e9moignage complet (image, citation, nom et fonction). Configurez les r\u00e9glages du carrousel dans l\u2019onglet Content, puis cr\u00e9ez le premier t\u00e9moignage dans un Group et dupliquez-le jusqu\u2019\u00e0 5 Groups, en personnalisant chaque contenu. Enfin, activez la navigation et la pagination et ajustez les transitions et interactions.","type":"aioseo\/faq"},{"hidden":false,"question":"Quels sont les pr\u00e9requis et le protocole de test recommand\u00e9s pour ce tutoriel ?","schemaBlockId":"aioseo-mqdmvovlgwn3b","tagName":"h3","answer":"Il faut Divi 5.0+ et WordPress 6.4+ (dans l\u2019exemple pr\u00e9sent\u00e9). Le tutoriel a \u00e9t\u00e9 test\u00e9 avec Divi 5.0 + WordPress 6.8.3 et 8 plugins actifs sur un h\u00e9bergement avec cache Redis et CloudflareCDN. Le contenu couvre la cr\u00e9ation d\u2019un carrousel de t\u00e9moignages statique avec animations, interactions et optimisation responsive.","type":"aioseo\/faq"},{"hidden":false,"question":"Comment optimiser les performances et ajouter de l\u2019interactivit\u00e9 au carrousel ?","schemaBlockId":"aioseo-mqdmvorka5sjj","tagName":"h3","answer":"Optimisez les images (format WebP, dimensions adapt\u00e9es et poids faible, lazy loading activ\u00e9). Utilisez des interactions sur les cartes (soul\u00e8vement et ombre au survol) et des animations d\u2019entr\u00e9e (Fade In \u00e0 chargement). Ajustez les param\u00e8tres de transition (800 ms, ease-in-out) et l\u2019autoplay pour am\u00e9liorer l\u2019exp\u00e9rience sans sacrifier la vitesse.","type":"aioseo\/faq"},{"hidden":false,"question":"Pour qui convient ce carrousel et quand faut-il \u00e9viter de l\u2019utiliser ?","schemaBlockId":"aioseo-mqdmvol0dbmay","tagName":"h3","answer":"Cet outil est adapt\u00e9 si vous cr\u00e9ez r\u00e9guli\u00e8rement des sites WordPress avec Divi et cherchez une solution native sans plugins externes, avec un contr\u00f4le total sur le design et les performances. \u00c9vitez-le si vous utilisez Divi 4 (Group Carousel n\u2019est pas disponible), vous n\u2019avez que 2-3 t\u00e9moignages, vous recherchez une solution rapide en 5 minutes, ou si vous devez int\u00e9grer des sources de t\u00e9moignages externes via APIs sans d\u00e9veloppement personnalis\u00e9.","type":"aioseo\/faq"}],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"BlogPosting","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"seo_analyzer_scan_date":"2026-06-14 15:23:29","breadcrumb_settings":null,"limit_modified_date":false,"reviewed_by":"0","open_ai":null,"ai":{"faqs":[{"question":"Qu'est-ce que le Group Carousel Module de Divi 5 et quels avantages offre-t-il par rapport \u00e0 des plugins externes ?","answer":"Le Group Carousel Module de Divi 5 remplace les plugins de slider tiers en offrant une solution native et enti\u00e8rement personnalisable sans toucher au code. Il permet de cr\u00e9er des carrousels de t\u00e9moignages interactifs avec des interactions et des animations, et s\u2019adapte automatiquement \u00e0 tous les \u00e9crans sans d\u00e9pendance externe, le tout en 20 \u00e0 30 minutes pour un r\u00e9sultat professionnel."},{"question":"Comment cr\u00e9er un carrousel de t\u00e9moignages \u00e9tape par \u00e9tape avec le Group Carousel ?","answer":"Ajoutez le Group Carousel Module sur votre page, puis comprenez que chaque Group correspond \u00e0 un t\u00e9moignage complet (image, citation, nom et fonction). Configurez les r\u00e9glages du carrousel dans l\u2019onglet Content, puis cr\u00e9ez le premier t\u00e9moignage dans un Group et dupliquez-le jusqu\u2019\u00e0 5 Groups, en personnalisant chaque contenu. Enfin, activez la navigation et la pagination et ajustez les transitions et interactions."},{"question":"Quels sont les pr\u00e9requis et le protocole de test recommand\u00e9s pour ce tutoriel ?","answer":"Il faut Divi 5.0+ et WordPress 6.4+ (dans l\u2019exemple pr\u00e9sent\u00e9). Le tutoriel a \u00e9t\u00e9 test\u00e9 avec Divi 5.0 + WordPress 6.8.3 et 8 plugins actifs sur un h\u00e9bergement avec cache Redis et CloudflareCDN. Le contenu couvre la cr\u00e9ation d\u2019un carrousel de t\u00e9moignages statique avec animations, interactions et optimisation responsive."},{"question":"Comment optimiser les performances et ajouter de l\u2019interactivit\u00e9 au carrousel ?","answer":"Optimisez les images (format WebP, dimensions adapt\u00e9es et poids faible, lazy loading activ\u00e9). Utilisez des interactions sur les cartes (soul\u00e8vement et ombre au survol) et des animations d\u2019entr\u00e9e (Fade In \u00e0 chargement). Ajustez les param\u00e8tres de transition (800 ms, ease-in-out) et l\u2019autoplay pour am\u00e9liorer l\u2019exp\u00e9rience sans sacrifier la vitesse."},{"question":"Pour qui convient ce carrousel et quand faut-il \u00e9viter de l\u2019utiliser ?","answer":"Cet outil est adapt\u00e9 si vous cr\u00e9ez r\u00e9guli\u00e8rement des sites WordPress avec Divi et cherchez une solution native sans plugins externes, avec un contr\u00f4le total sur le design et les performances. \u00c9vitez-le si vous utilisez Divi 4 (Group Carousel n\u2019est pas disponible), vous n\u2019avez que 2-3 t\u00e9moignages, vous recherchez une solution rapide en 5 minutes, ou si vous devez int\u00e9grer des sources de t\u00e9moignages externes via APIs sans d\u00e9veloppement personnalis\u00e9."}],"keyPoints":[],"schemas":[],"titles":["Tutoriel carrousel Divi 5 : Cr\u00e9ez un slider t\u00e9moignages interactif en 30 min","Divi 5 : Guide \u00e9tape par \u00e9tape pour un carrousel t\u00e9moignages sans plugin","Ma\u00eetrisez le nouveau module Group Carousel de Divi 5 en un clin d'\u0153il","Cr\u00e9ez un carrousel t\u00e9moignages personnalis\u00e9 avec Divi 5 sans coder","Divi 5 tutoriel : R\u00e9alisez un carrousel de t\u00e9moignages performant et interactif"],"descriptions":["Ma\u00eetrisez le tutoriel carrousel Divi 5 pour cr\u00e9er des t\u00e9moignages interactifs rapidement, sans plugin externe et avec un design enti\u00e8rement personnalisable.","D\u00e9couvrez comment utiliser le tutoriel carrousel Divi 5 pour r\u00e9aliser un carrousel de t\u00e9moignages professionnel en 30 minutes, sans code ni plugin tiers.","Simplifiez la gestion de vos t\u00e9moignages avec le tutoriel carrousel Divi 5. Cr\u00e9ez un carrousel engageant, responsive et performant directement dans Divi.","Apprenez \u00e0 cr\u00e9er un tutoriel carrousel Divi 5 en quelques \u00e9tapes simples : configuration, personnalisation, animations et optimisation pour tous devices.","Transformez votre site WordPress avec le tutoriel carrousel Divi 5 : un guide complet pour des t\u00e9moignages attrayants, performants et sans d\u00e9pendance aux plugins externes."],"socialPosts":{"email":[],"linkedin":[],"twitter":[],"facebook":[],"instagram":[]}},"created":"2025-11-26 19:29:44","updated":"2026-06-18 13:04:24"},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t<a href=\"https:\/\/thediviguide.com\/en\" title=\"Home\">Home<\/a>\n<\/span><span class=\"aioseo-breadcrumb-separator\">\u00bb<\/span><span class=\"aioseo-breadcrumb\">\n\t<a href=\"https:\/\/thediviguide.com\/en\/category\/divi-5\" title=\"Divi 5\">Divi 5<\/a>\n<\/span><span class=\"aioseo-breadcrumb-separator\">\u00bb<\/span><span class=\"aioseo-breadcrumb\">\n\tDivi 5 Carousel Tutorial: Create an Interactive Testimonial Carousel with the Group Carousel Module\n<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/thediviguide.com\/en"},{"label":"Divi 5","link":"https:\/\/thediviguide.com\/en\/category\/divi-5"},{"label":"Divi 5 Carousel Tutorial: Create an Interactive Testimonial Carousel with the Group Carousel Module","link":"https:\/\/thediviguide.com\/en\/divi-5-carousel-tutorial-create-an-interactive-testimonial-carousel-with-the-group-carousel-module"}],"_links":{"self":[{"href":"https:\/\/thediviguide.com\/en\/wp-json\/wp\/v2\/posts\/223014","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thediviguide.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/thediviguide.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/thediviguide.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thediviguide.com\/en\/wp-json\/wp\/v2\/comments?post=223014"}],"version-history":[{"count":7,"href":"https:\/\/thediviguide.com\/en\/wp-json\/wp\/v2\/posts\/223014\/revisions"}],"predecessor-version":[{"id":223298,"href":"https:\/\/thediviguide.com\/en\/wp-json\/wp\/v2\/posts\/223014\/revisions\/223298"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thediviguide.com\/en\/wp-json\/wp\/v2\/media\/222994"}],"wp:attachment":[{"href":"https:\/\/thediviguide.com\/en\/wp-json\/wp\/v2\/media?parent=223014"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thediviguide.com\/en\/wp-json\/wp\/v2\/categories?post=223014"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thediviguide.com\/en\/wp-json\/wp\/v2\/tags?post=223014"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}