Not sure if your website needs an update or re-design? Sign up for the newsletter & receive a free 11-page website audit checklist!
Testimonials are important to add to your website to show social proof and credibility to your website visitors. There are many ways to showcase your testimonials on Showit in a stunning way. My favourite testimonial design is using Canvas Views where visitors can slide through them. Here’s a tutorial on adding a Showit testimonial slider to your website!
First, you’ll want to design the standard design that will be the same for each testimonial. You can add new elements at the bottom centre of the Showit editor. Add your headings, paragraphs, arrows (under icons & rotate one arrow to 180 degrees to make a left design). I love having a bigger heading that showcases the best sentence of the testimonial! This tends to grab people’s attention by seeing those important keywords in a bigger font before reading the smaller portion of the testimonial. I recommend keeping all testimonial text to be the same length to ensure a cohesive look when sliding through.
If you’re a photographer or any other type of business where images would benefit you, you can always add an image design alongside the testimonial as well. There are endless ways to design your testimonials! Whether it’s something simple as shown above, or by adding design elements. This could be a Canvas Background, Images, Borders, etc. Here is some design inspiration from past client websites I’ve designed and from my Showit website templates as well.
Once you’ve finished designing the layout you like, also make sure it looks great on mobile as well before moving to step 2. There’s nothing worse than completing all of these steps, and your mobile design wasn’t customized! Since you’ll be duplicating this design, this is important to do beforehand to save you time.
Once completed, you’ll need to add this design into a Canvas View. Right-click the 3 dots on your new section, and select Canvas View. Place the testimonial portion into the first canvas view. I usually don’t include the arrows or any design elements that will stay the same with all testimonials. In this case, I only dragged the main heading & testimonial paragraph inside.
Once you’ve added all testimonials elements in View 1, right-click the 3 dots on that canvas view, and click “Duplicate”. Duplicate it as many times as you’d like, depending on the number of testimonials you have. Input all of your different testimonials in the separate Canvas views. For example, View 1 will have your main testimonial that will show up first on the website. View 2 will have the second testimonial, and so on.
Now that all of your testimonials have been inputted in each Canvas View, you’ll have to set click actions to your arrows. Click actions are edited on the right-hand side of the Showit editor. You’ll assign both arrows to Canvas Type and This Canvas. Under Canvas View, you’ll set Previous for your left arrow & Next for your right arrow. Ensure “Loop Canvas Views” is checked so that it goes back to the beginning once all Canvas Views have been clicked through. I typically keep Scroll to Canvas for the mobile design experience, but it all depends on the design and length of your testimonial.
Now that the arrows are active, the testimonials will change when arrows are clicked on your website once published. You did it! Whenever you receive new testimonials in the future, you can duplicate more Canvas Views and keep adding as you go. If you’re wanting to add a certain effect for the sliding, this can be done under the Canvas Section settings under View Transitions. This allows you to create an automatic transition or a fading/sliding effect for each testimonial.
I hope this tutorial helped you create your awesome new Showit testimonial slider!