Testimonial

Testimonial shortcode arguments
Classes
Typebasic raised stacked
Emphasissecondary tertiary
Colorred orange yellow olive green teal blue violet purple pink brown grey black
Sizemini tiny small medium large big huge massive
nameName.
occupationOccupation/subtext under name.
imageImage next to name.
labelLabel classes (default: "huge right corner").
iconIcon classes (default: "right quote").
compactSet to "false" to not use a compact segment for the testimonial (default: "true").
Testimonial

Lorem ipsum dolor sit amet, dolor maiorum ius ei, sea omnesque verterem ne. Facer decore theophrastus ne est, ea vim quot fierent eloquentiam, in reque porro mei. Ex legere laoreet scripserit ius, partem soluta timeam eu vim. Te mea congue aperiam, at mei diceret dolorum molestiae. Placerat complectitur vim ex.

Facer decore theophrastus ne est, ea vim quot fierent eloquentiam, in reque porro mei. Ex legere laoreet scripserit ius, partem soluta timeam eu vim. Te mea congue aperiam, at mei diceret dolorum molestiae. Placerat complectitur vim ex.

<testimonial>
  <p>Lorem ipsum dolor sit amet, dolor maiorum ius ei, sea omnesque verterem ne. Facer decore theophrastus ne est, ea vim quot fierent eloquentiam, in reque porro mei. Ex legere laoreet scripserit ius, partem soluta timeam eu vim. Te mea congue aperiam, at mei diceret dolorum molestiae. Placerat complectitur vim ex.</p>
  <p>Facer decore theophrastus ne est, ea vim quot fierent eloquentiam, in reque porro mei. Ex legere laoreet scripserit ius, partem soluta timeam eu vim. Te mea congue aperiam, at mei diceret dolorum molestiae. Placerat complectitur vim ex.</p>
</testimonial>
Notes
Text in testimonials should be in paragraphs.
Testimonial with name

Lorem ipsum dolor sit amet, dolor maiorum ius ei, sea omnesque verterem ne. Facer decore theophrastus ne est, ea vim quot fierent eloquentiam, in reque porro mei. Ex legere laoreet scripserit ius, partem soluta timeam eu vim. Te mea congue aperiam, at mei diceret dolorum molestiae. Placerat complectitur vim ex.

John Doe
<testimonial name="John Doe"><lorem short></testimonial>
Testimonial with rating

Lorem ipsum dolor sit amet, dolor maiorum ius ei, sea omnesque verterem ne. Facer decore theophrastus ne est, ea vim quot fierent eloquentiam, in reque porro mei.

John Doe

Lorem ipsum dolor sit amet, dolor maiorum ius ei, sea omnesque verterem ne. Facer decore theophrastus ne est, ea vim quot fierent eloquentiam, in reque porro mei.

Jane Doe
<testimonial name="John Doe">
  <p>Lorem ipsum dolor sit amet, dolor maiorum ius ei, sea omnesque verterem ne. Facer decore theophrastus ne est, ea vim quot fierent eloquentiam, in reque porro mei.</p>
  <icon yellow star>
  <icon yellow star>
  <icon yellow star>
  <icon yellow star>
  <icon yellow star half>
</testimonial>
<testimonial name="Jane Doe">
  <p>Lorem ipsum dolor sit amet, dolor maiorum ius ei, sea omnesque verterem ne. Facer decore theophrastus ne est, ea vim quot fierent  eloquentiam, in reque porro mei.</p>
  <icon red heart>
  <icon red heart>
  <icon red heart>
  <icon red heart>
</testimonial>
Testimonial with occupation

Lorem ipsum dolor sit amet, dolor maiorum ius ei, sea omnesque verterem ne. Facer decore theophrastus ne est, ea vim quot fierent eloquentiam, in reque porro mei. Ex legere laoreet scripserit ius, partem soluta timeam eu vim. Te mea congue aperiam, at mei diceret dolorum molestiae. Placerat complectitur vim ex.

John Doe
Company, CEO
<testimonial name="John Doe" occupation="Company, CEO"><lorem short></testimonial>
Testimonial with image

Lorem ipsum dolor sit amet, dolor maiorum ius ei, sea omnesque verterem ne. Facer decore theophrastus ne est, ea vim quot fierent eloquentiam, in reque porro mei. Ex legere laoreet scripserit ius, partem soluta timeam eu vim. Te mea congue aperiam, at mei diceret dolorum molestiae. Placerat complectitur vim ex.

John Doe
John Doe
Company, CEO
<testimonial name="John Doe" occupation="Company, CEO" image="//placehold.co/150x150"><lorem short></testimonial>
Testimonials

Lorem ipsum dolor sit amet, dolor maiorum ius ei, sea omnesque verterem ne. Facer decore theophrastus ne est, ea vim quot fierent eloquentiam, in reque porro mei. Ex legere laoreet scripserit ius, partem soluta timeam eu vim. Te mea congue aperiam, at mei diceret dolorum molestiae. Placerat complectitur vim ex.

John Doe

Lorem ipsum dolor sit amet, dolor maiorum ius ei, sea omnesque verterem ne. Facer decore theophrastus ne est, ea vim quot fierent eloquentiam, in reque porro mei. Ex legere laoreet scripserit ius, partem soluta timeam eu vim. Te mea congue aperiam, at mei diceret dolorum molestiae. Placerat complectitur vim ex.

Jane Doe

Lorem ipsum dolor sit amet, dolor maiorum ius ei, sea omnesque verterem ne. Facer decore theophrastus ne est, ea vim quot fierent eloquentiam, in reque porro mei. Ex legere laoreet scripserit ius, partem soluta timeam eu vim. Te mea congue aperiam, at mei diceret dolorum molestiae. Placerat complectitur vim ex.

John Doe

Lorem ipsum dolor sit amet, dolor maiorum ius ei, sea omnesque verterem ne. Facer decore theophrastus ne est, ea vim quot fierent eloquentiam, in reque porro mei. Ex legere laoreet scripserit ius, partem soluta timeam eu vim. Te mea congue aperiam, at mei diceret dolorum molestiae. Placerat complectitur vim ex.

Jane Doe
<grid two column>
  <column>
    <testimonial stacked name="John Doe"><lorem short></testimonial>
  </column>
  <column>
    <testimonial raised name="Jane Doe"><lorem short></testimonial>
  </column>
  <column>
    <testimonial small basic name="John Doe"><lorem short></testimonial>
  </column>
  <column>
    <testimonial large blue secondary name="Jane Doe"><lorem short></testimonial>
  </column>
</grid>
Customized label and icon

Watch our video review.

Mike
Video author
<testimonial name="Mike" occupation="Video author" label="large teal right corner" icon="video" compact="false">
  <p>Watch our video review.</p>
  <chap-embed 16:9 source="youtube" id="XSGBVzeBUbk" image="https://i.imgur.com/5yGDVBI.png">
  <divider hidden>
  <icon big yellow star>
  <icon big yellow star>
  <icon big yellow star>
  <icon big yellow star>
  <icon big yellow star>
</testimonial>

Leave a comment

Your email address will not be published. Required fields are marked *