Section: Testimonials

Everything you will need to know on how to setup your testimonials section

Jalal avatar
Written by Jalal
Updated over a week ago

The testimonials section makes it possible for you to show your testimonials or best reviews anywhere you like!

To activate this section you first have to add the section to your page. This can be done in a few small steps.

1) Click on 'add section' which can be found in your left sidebar

2) Scroll down, or search for 'Testimonials', then click on 'Testimonials' under Theme sections.

3) Done, your testimonials section is added.

General settings

The general settings contains the settings for the styling and layout of the testimonials section.
Simply click on the 'section' to open the settings.

On the right sidebar, the following settings will show

Color scheme: The color scheme is the setting for the colors in the testimonials, this is basicly your color palette. You can chose between your configured presets.
Testimonials Layout: The layout of the testimonials can be determined here. Do you want to show them in a row, of do you want the testimonials in the slider?
Enable autoplay: If you have the slider option on, you can enable autoplay for the slider, so that the testimonials will slide automaticly.
Seconds between slides: How many seconds do you want before the next slide (testimonial) comes into place?

Heading position: Where do you want your heading to be positioned? Will it be in the center or on the left of the section?
Heading size: Select the size of the heading from a range of small to extra large. When you choose for "Extra large", the size of the description will also be a bit larger than normal. The heading size you choose here is only applied to desktop view, you can customize the mobile heading size globally in the general theme settings under "Typography".
Heading: The title of your section. Don't want to use a heading text? You can just leave this field blank.
Text: This will create a subtitle for under the heading. Don't want to use a subtitle? You can just leave this field blank.

Button label: This text will show on the button, for example: 'Read all reviews'
Link: Enter a link for the button, for example to your review page.

Button color scheme: Select the color scheme for the button.
Show link instead of button: Check this box if you don't want a button to show, but only a clickable text.
Show a background color for the testimonials: Check this option to enable a small background on the testimonials, this results in better readability (recommended).


Bottom spacing desktop/mobile:

Set the spacing on the bottom for desktop and mobile.

That way you will get the amount of whitespace below the element you want. The default for desktop is 50px and the default for mobile is 30px.

How to configure the testimonials and change the testimonials?

By default, there are 3 testimonials added, you can edit them, remove them or add more testimonials manually.

1. Editing the testimonials
To edit the testimonials items you simply click on the testimonial item you want to edit in your sidebar on the left of your screen.

After you clicked the testimonial, on the right of your screen the following sidebar will open.

Within the 'text' field, you can edit the testimonial text to one of your best reviews. For example we're going to use: 'Theme Xtra is a great theme!'
On the 'Score' slider, you can select the amount of 'stars' that will show, we'll leave it on 5 stars.
In the 'Author' field you can fill in the name of the customer that left the review. For now I'll use my name, which is Nick.
The 'Title' field is free to use or to leave empty, you can fill in the function of the customer, the place, country, role, date or whatever you like. I'll go with my function, which is Technical Customer Support.

2. How to remove a testimonial?
You can always remove the testimonial whenever you want.
To remove the testimonial you simply click on the testimonial you want to remove in your sidebar on the left of your screen.

After you clicked the testimonial, on the right of your screen the sidebar will open.
On the bottom left of this sidebar, the following button 'Remove block' shows.

Simply click on this button and your testimonial will be deleted.

3. How to add a testimonial?
Do you want to use more testimonials? You can set that up aswell!
To add a new testimonial you simply click on the 'Add Testimonial' button in your sidebar on the left of your screen.

After you clicked on 'Add Testimonial', a new testimonial will be added. You can edit the testimonials like explained in step 1.

Testimonials in 'Rows'

Testimonials in 'Slider'

Did this answer your question?