Add a Testimonial Slider to Your Website

Flaunt your hard work & great customer service with customer testimonials that automatically rotate.


Before you begin, you will need to have a graphic with the testimonial ready & uploaded to your website.

  • Visit the Upload Images guide for more help
  • Here is an example image of a testimonial slider image (Below Image specs are 780 x 470 pixels: 

53-1.png

Advanced Website Users:
Visit our advanced guide for steps using custom HTML & CSS to create a testimonial slider. Read the Advanced User Guide

Here's how to add a Testimonial Slider to your website using the Carousel block type:

  1. While logged into your DistributorCentral account, open the website editor. Learn How
  2. With your website editor open, go to the panel on the left and find Current Page53-2.png

  3. Under Current Page, click the + icon to the right of the row you wish to add the Carousel53-3.png

  4. In the Select Block Type pop up window, click on Carousel53-4.png

  5. After you have clicked on the Carousel block you will see the new block added to your row in the left panel highlighted in blue 53-5.png

  6. Click the Pencil icon to the right of the Carousel block53-6.png

  7. The Carousel edit screen will open
    53-7.png

  8. Next, click Add Slide at the bottom of the Carousel edit screen
    53-10.png

  9. After clicking Add Slide, Slide #1 will appear with more setting
  10. Click Pick Image, under Slide #1 settings, to select from your image library53-11.png
  11. In the Image Library,  find and click on the image you want to use as your banner
  12. Once the image is added to Slide #1, repeat steps 8 - 11 until you have all your banner images added to the carousel block
    1. Note: You are not limited to a number of images, but you cannot drag and drop to re-sort the images once they are added. If you need to reorder the images you must edit each slide one at a time.
  13. When you've completed uploading your images to slides in the carousel, click Done in the bottom right corner of the Carousel edit section
    53-12.png

  14. Thats it! Don't forget to Save your changes in the website editor before previewing your website or leaving the editor
    53-13.png

Tip: Further edit the Carousel settings to customize things like the Carousel's Animation effect, Autoplay delay, and more!
53-14.png

Was this article helpful?

0 out of 0 found this helpful

Have more questions? Submit a request