Testimonials shortcode

Displays an testimonials element to your web page. Frontend builder allows you to fully customize your testimonials by changing the layout, color, size, and shape of the item, in order to better incorporate it into your design.

Examples of the testimonials shortcode usage

We tried to cover all the basic and
advanced uses for the testimonials shortcode

A couple of examples of testimonials styles, colors, and sizes.

''Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.''
Sara JohnsonPhotographer
Sed suscipit scelerisque felis sed adipiscing. Sed iaculis diam quis lacus elementum bibendum. Duis tempor velit eget lorem semper, ac feugiat neque sodales. Nulla nulla elit, dignissim in ipsum vitae, cursus sodales mauris. Nullam bibendum quis justo eu consectetur. Maecenas sollicitudin urna id tristique luctus. Nam porttitor, dui eu consequat mattis, lectus justo porttitor tortor, sagittis mollis ante augue in tortor. Duis vel arcu sed lectus tempor dignissim vitae sed eros.
Britany FinHuman Resources
Sed suscipit scelerisque felis sed adipiscing. Sed iaculis diam quis lacus elementum bibendum. Duis tempor velit eget lorem semper, ac feugiat neque sodales. Nulla nulla elit, dignissim in ipsum vitae, cursus sodales mauris. Nullam bibendum quis justo eu consectetur. Maecenas sollicitudin urna id tristique luctus. Nam porttitor, dui eu consequat mattis, lectus justo porttitor tortor, sagittis mollis ante augue in tortor. Duis vel arcu sed lectus tempor dignissim vitae sed eros.
Michael ChenCEO @ Gorpo
''Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.''
Amelia StockFashion Designer
''Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.''
John SnowThe Legend
Sed suscipit scelerisque felis sed adipiscing. Sed iaculis diam quis lacus elementum bibendum. Duis tempor velit eget lorem semper, ac feugiat neque sodales. Nulla nulla elit, dignissim in ipsum vitae, cursus sodales mauris. Nullam bibendum quis justo eu consectetur. Maecenas sollicitudin urna id tristique luctus. Nam porttitor, dui eu consequat mattis, lectus justo porttitor tortor, sagittis mollis ante augue in tortor. Duis vel arcu sed lectus tempor dignissim vitae sed eros.
Bran DeadrichThe Illusionist
Sed suscipit scelerisque felis sed adipiscing. Sed iaculis diam quis lacus elementum bibendum. Duis tempor velit eget lorem semper, ac feugiat neque sodales. Nulla nulla elit, dignissim in ipsum vitae, cursus sodales mauris. Nullam bibendum quis justo eu consectetur. Maecenas sollicitudin urna id tristique luctus. Nam porttitor, dui eu consequat mattis, lectus justo porttitor tortor, sagittis mollis ante augue in tortor. Duis vel arcu sed lectus tempor dignissim vitae sed eros.
Gina SmithsonWeb Designer
''Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.''
Sussane LeglenTennis Player

An example of clean testimonial style in two columns, on a patterned background.

Sara JohnsonPhotographer
Nullam bibendum quis justo eu consectetur. Maecenas sollicitudin urna id tristique luctus. Nam porttitor, dui eu consequat mattis, lectus justo porttitor tortor, sagittis mollis ante augue in tortor.
Gina SmithsonWeb Designer
Suspendisse faucibus faucibus purus, eu pellentesque est sodales quis. Sed suscipit scelerisque felis sed adipiscing. Sed iaculis diam quis lacus elementum bibendum. Duis tempor velit eget lorem semper, ac feugiat neque sodales.

Basic settings for testimonials shortcode

Basic settings for your basic needs. Frontend builder gives the
user an option to create basic stuff with ease

Name

Set a testimonial member name.

Name and title color

You can define a custom color of the title in default and active state using the color picker, or set the hex code manually.

Line Color

You can define a custom color of the separator in some styles using the color picker, or set the hex code manually.

Quote text color

You can define a custom color of the quote text using the color picker, or set the hex code manually.

Background color

You can define a custom color of the background using the color picker, or set the hex code manually.

Title

Set a testimonial member title.

Link URL

You can set a custom link to an external or internal page using this input.

Quote text

Set a quote text here. This is a rich text input field.

Style

There are four different styles to Frontend Builder testimonials shortcode: default, clean, squared, and rounded.

Italic

Sets the quote text to italic.

Advanced settings for testimonials shortcode

In case that you need something more creative and complex
Frontend builder has a set of advanced options to get you there

ID & Custom CSS

You can easily insert your own, custom CSS for that personalized look

Bottom margin

You can set different bottom margins for different elements / shortcodes

Clone shortcode

Once you are happy with the looks of your shortcode, you can clone it and use it somewhere else

Drag & drop shortcode

You can move your shortcode to any column on the page by dragging that shortcode

Animation

You can easily animate each shortcode with tons of different animation types

Animation delay

All animations appear only when the user scrolls to the specific shortcode, you can set the delay for that

Animation speed

You can manually change the speed of each animation for each element / shortcode

Animation group

By placing different shortcodes in a group, all shortcodes in that group will animate once the user scrolls to the first element in the group