Design Testimonial Section with Carousel Element

About Testimonial Section

A testimonial section is a valuable component of any landing page because it builds trust with potential customers by highlighting positive feedback and real experiences from past buyers.

Showcasing testimonials enhances credibility and can influence visitors’ decision-making, which helps increase conversion rates.

Build a Testimonial Section with Carousel Element on GemPages

Step 1: Build Testimonial Section

To start, let’s create the basic layout for a testimonial section:

• Step 1.1: Create a 2-column Row

Begin by adding a 2-column row. This will serve as the main structure for your testimonial layout.

• Step 1.2: Create another 2-column Row Within the First Column

Inside the first column of the row created in Step 1.1, add another 2-column row. 

Adjust the ratio of these columns based on your design preference, such as a smaller image column on the left and a larger text column on the right.

First Column: Drag and drop the Image Element here. You can choose a circular or rectangular image element based on your preferences. In this example, pick the circular one.

Go to settings of the image, upload an image, and adjust its sizes.

Second Column: Drag and drop a Text Element into this column to display customer testimonials. You can adjust text size, color, and font to align with your brand style.

Add another text block right above the second column to enter the name.

• Step 1.3: Duplicate the Row Created in Step 1.2

Duplicate the row containing the image and text, and drag it into the second column of the main row (created in Step 1.1). Or, click on the row, choose “duplicate” or “delete” any column you want in the Settings on the left sidebar. 

Add other information you need in the testimonial section.

Step 2: Create a Carousel Section

Once you’ve built the testimonial section, create a Carousel Element on the page and drag and drop the entire testimonial section into it. 

This will allow you to display multiple testimonials in a rotating carousel, giving users an interactive browsing experience.

Step 3: Duplicate Carousel Slides and Edit Content

With the first testimonial slide created, duplicate it to create additional slides. For each duplicated slide, update the content with different testimonials, including unique images and text for each slide.

Create a Testimonial Section from the Template Library

You can also use pre-designed testimonial sections from the GemPages Template Library for a faster setup. 

Step 1: Go to the template library.

Step 2: Select “Testimonial” in “Sections”, browse the library, and choose one that suits your style.

Step 3: Click “Add to page” to insert it directly into your page. Make any changes if needed.