How to display the customer reviews using the Testimonials section

This article will guide you through steps to display Customer Testimonials on your pages without using a third-party app. 

About the Testimonials

A Customer Testimonial is a positive review of your product, service, or business provided by a previous customer. Customer testimonials not only help you build trust with your visitors but effectively illustrate how valuable your product can be.

Add the Testimonials section to your page

Step 1: From the EcomSolid Dashboard, head to the Theme Editor or Page Editor.

Step 2:  Access the Library from the top bar of the Editor Page.

 

 

Next, navigate to Section > Testimonials. Choose your preferred section and hit “Insert” to add it to your Editor.

 

 

Configure the Section’s settings

General Settings

Background Banner: Select “Image” to add a background image for your Testimonials section. Otherwise, select “Color.”

Background Color: Choose a color from the list or enter a hex color code for the background color of your section.

 

 

Click on “More General Settings,” you will see more options to customize your section, including:

  • Full-width:  Enable this option to make the content stretch to both edges of your page.
  • Adjust the Margin/ Padding for the section.
  • Animation: Select the animation for your content from the dropdown menu. You can click on “Preview” to see how the animation works on the live page.

 

 

Atoms

You will see a list of atoms included in the Testimonials section. Each atom represents one element of your section.  Hover over the atom and click on the Eye icon to hide/show the atom then.

 

 

How to edit the Customer Reviews

Step 1: Click on the Message under the atom list or the Testimonials section to reveal the configuration on the left sidebar. 

 


Step 2: Input your preferred content into the Text Editor. You can also customize the text further, including Font size, color, animation, etc.

 

 

How to customize the Star Badge

Step 1: Click on the Rating under the atom list or the Testimonials section to reveal the configuration on the left sidebar. 

 


Step 2: Use the slider or enter the number into the box to adjust the rating.

Step 3: To edit the star color, scroll down to the Typography section; you will see the option to select the color and hover color of the star.


 

That's it! If you run into any problems when editing, please get in touch with our Customer Support via email or Live Chat.


Was this helpful?