How to Showcase Testimonials with Images
You can beautifully display client testimonials on your Zibster website by combining text and images in an Images Block. This feature allows you to highlight your clients’ kind words alongside their photos or your own work—perfect for building credibility and adding visual appeal to your site.
These layouts are ideal for testimonials because they let visitors see both image and text together, creating an emotional connection and helping potential clients visualize your professionalism and experience.
Follow the steps below to set up and customize testimonials with images.
STEP ONE
Log into your Zibster account, click WEBSITE in the left-side menu.
STEP TWO
In the BUILDER section of your Website control panel, go to the page where you want to showcase your testimonials with images.
STEP THREE
Add an Images Block to the page.
STEP FOUR
Choose Your Initial Layout
The easiest way to create a professional testimonial section is to start with one of Zibster’s pre-designed layouts. These are already formatted for testimonials and include image and text placements that look great on any device.
If you prefer to build your testimonial section from scratch, you can select the Blank layout instead.
STEP FOUR
Add the image you want to use for your testimonial.
You can upload a new image or select an existing one from your clipboard.
STEP FIVE
Add your testimonial details to the image.
Once the image has been added, click the thumbnail of the image where you’d like to display your testimonial.
STEP SIX
In the right-side panel, add your testimonial text in the Title and Description fields.
Click SAVE CHANGES to add your testimonial to the image.
You can repeat these steps with multiple images to create a slideshow of testimonials.
Tip: The text entered in the Title field appears above the text entered in the Description field.
STEP SEVEN (Optional)
Change Your Layout
If you’d like to try a different testimonial style, click the Layout tab in the right-side menu and choose from:
- Card Portrait
- Card Circle
- Card Portrait Overlay Right
- Card Landscape Overlay Left
- Card Portrait Split
Click SAVE to apply your new layout.
STEP EIGHT (Optional)
Customize the Layout Styling
Click the Styling tab to fine-tune your layout. You can adjust options like:
- Overlay Opacity
- Autoplay
- Slideshow Speed
- Title Alignment
- Description Alignment
- Image Border Thickness
- Space Below Blocks
- Space Inside Blocks
STEP NINE (Optional)
Customize the Colors
Click the Colors tab to personalize the appearance of your testimonial section. You can adjust:
- Title Color
- Text Color
- Background Color
- Overlay Color
- Border Color
- Arrow Color
Click SAVE CHANGES to apply your color settings.
STEP TEN (Optional)
Customize the Background
Click the Background tab to upload your own background image or select one from the Zibster background library to enhance your testimonial design.
Click SAVE CHANGES to apply your background selection.
STEP ELEVEN (Optional)
Customize the Fonts
Click the Fonts tab to adjust the typography in your testimonials. You can modify:
- Font
- Font Size
- Letter Spacing
- Line Height
Click on the section you want to edit, make your changes, and click SAVE CHANGES to apply them.
