How to Create Testimonials With the Layers Slider Widget

How To  Tutorials  Last Updated: Time to Read: 1 minute

This tutorial is part of our feature 10 Ways to Use the Layers Slider Widget. For general help with using the Slider Widget and getting familiar with the controls, see the Layers User Guide.

Image 2015-11-04 at 3.21.19 PM

To begin, choose the page you wish to add the widget to and Edit Layout (or from the front-end, choose Customize in the admin toolbar)

  1. Click Edit Layout in the Customizer, then click your page’s Body panel.
  2. Click +Add Widget and choose the Layers Slider widget
  3. Expand the second and third slides and click the red trash-can icon to delete them.
  4. Click Layout in the widget Design Bar. Choose either Boxed (like the demo) or Full Width
  5. Click Slider in the widget Design Bar. We set our Slider Height to 230, but you can use Auto-Height if you wish. We also set the following:
    • Show Slider Arrows: unchecked
    • Show Slider Dots: checked
    • Animation Type : Parallax
    • Auto-play Slides: checked
    • If auto-slide is enabled, enter a number of 3 or higher.
  6. Click on the Background Image button in the slide’s toolbar and choose a background color.
  7. Click the Featured Image button on the toolbar and select/upload an avatar or logo.
    • For best results, it should be square and no larger than 200px by 200px. Click the Circle crop option.
  8. Click the Image Align button on the toolbar and choose the Right Align option
  9. Click the Text button on the toolbar and choose the Right Align option and Small Text Size
  10. Replace the default Title with the testimonial quote or promo headline. These should be brief or one-line quotes.
  11. Replace the default Excerpt with the name or company of who you are quoting.
    • You may optionally link this text to a website or page on your site by highlighting it and clicking the link button on the text-editor toolbar.
  12. Remove the Button Text/Link
  13. Click +Add New Slide to duplicate this slide for your text testimonial. Simply edit the Featured Image, Title and Excerpt, and choose a different Image Alignment if you like.

View Example