Flex includes a Testimonials section to showcase customer feedback and reviews on a page. Testimonials build confidence with shoppers by providing real examples of satisfied customers and their experience with your products.
The section can also be used to share other information, such as press mentions, staff favorites, or promotions.
The Testimonials section displays each testimonial block individually like slides. In each testimonial block, you can enable text, an image that will display as the background, customer name, and link associated with it.
Add this section to the
Section Setting
Click the Testimonials section to adjust general settings for the section.
Show border
A border can be added to each testimonial block by enabling the Show border setting.
Show images
If you'd like each testimonial block to display an image, you can enable the Show images setting. You'll choose the actual images in each testimonial content block.
Image crop shape
If you have images enabled, you can choose to crop them to a Circle or a Square. We recommend uploading square images for the best cropping results.
Alignment
You can choose to have the text and images aligned to the Left or Center.
Quote text/Quote background
Select Colors for the testimonial's Quote text and Background.
Layout
The Layout settings include options to adjust the Spacing and Width in this section, and enable Animation for when the testimonials section loads in.
Width
The width can either be set to Standard or Wide. Selecting Wide will spread out the full width of the screen. Selecting Standard will keep the section in a container and not spread the full width.
Spacing
You can choose to add space (padding) above and below the section by adjusting the Top spacing and Bottom spacing settings.
Animation
The Animation setting will determine how the feature appears as it loads. The options for animation are None, Fade in, Fade in down, Fade in left, Fade in right, Slide in left, Slide in right, and Zoom.
Custom CSS
Add Custom CSS to the feature for further tweaking. You can even create your own CSS class here, as well. Check out this article for more information: Flex Guide: Custom CSS Feature
Content Block Settings
Testimonials are added as content blocks in the section. Click one of the preloaded blocks to customize its content.
Image
For each testimonial, upload an Image. We recommend choosing a square image of 500 x 500px size.
Quote
Enter the Customer quote for the actual testimonial in the Text field. Since this is a rich text field, you can insert links in your quote text as well. This text will appear at the top of the testimonial.
Customer info
Add the Customer info for each testimonial as well. The Text field is a rich text field, so you can insert links in the customer info such as adding a website link. This text will appear at the bottom of the testimonial.
Info text and info background
Select colors for the customer Info text and Info background here for each testimonial.