Testimonials are a great way to grow social proof on your landing page and build trust and credibility with page visitors and potential customers.
Build powerful testimonial carousels targeted to your audiences using the Testimonial Carousel app in Smart Builder.
What You'll Need
- Quotes and credible testimonials from your customers/clients,
- Images/photos to go alongside the testimonials,
- A page built in Smart Builder.
Installing the Testimonial Carousel App
- Navigate to the Appstab on the left-hand side of Smart Builder.
- Search and locate the Testimonial Carousel App.
- Click the plusbutton next to Testimonial Carousel to install the app.
- A window will appear where you can choose the Carousel section template:
- The carousel will appear on your page in Smart Builder.
Updating your Testimonial Speed, Height, or Auto-play Settings
Single-click the Testimonial Carousel section; click the gear icon to launch the Settings:
Update the following settings for the carousel:
- The Height will update the size of the image only.
- The Delay Before Changing Slides settings adjusts the carousel's speed, which is how quickly the carousel flips from one testimonial to the next.
- The default is 4000 milliseconds (4 seconds).
- Toggle the button next to Auto Play to remove this feature; if auto-play is turned off, your visitors will need to click the arrows next to each image to flip through the testimonials.
- Decrease or increase the Total Testimonials you'd like on your landing page, by clicking the - or + button.
Customizing your Testimonial Carousel
There are three sections to update for the carousel:
- The image,
- includes alt-text,
- The description or details (i.e., the actual testimonials from your customers), and
- Your customer's name.
Updating the Image
- Single-click the Testimonial Carousel section; click the image icon to launch the Testimonial Properties.
- Click the + button to add your first image to the testimonial.
- See this documentation to learn more about adding images to Smart Builder: Uploading Images to Smart Builder.
- Add alt-text to the image (alt-text improves digital accessibility to those who may access your page via screen readers.)
- Once you add the image, it will appear in Smart Builder:
Adding the testimonial description or details
- From the Testimonial Properties , scroll down till you see the field titled Quote Text.
- Update the dummy text to the testimonial quote.
Adding your customer's name
- From the Testimonial Properties , scroll down till you see the field titled Name Text.
- Update the pseudonym with your customer's name (i.e., th person who shared the testimonial).
That's it! You've customized one testimonial in the carousel. To complete the remaining testimonials, scroll down in the Testimonial Properties to update Testimonial #2, Testimonial #3, and any more remaining:
Be sure to Save your page to finalize these changes.
Previewing Your Testimonial Carousel
To preview the carousel before publishing,
- Click the Save button at the top of Smart Builder.
- Toggle the Preview button, and scroll down to the Testimonial Carousel section.
- The carousel will appear in preview-mode:
This would be the time to make additional adjustments or changes to the testimonial speed, height, or auto-play settings.