How to Create Rotating Testimonial Banners on Your Zibster Website
Rotating testimonial banners are a powerful way to show off client feedback and build credibility with your website visitors. By using live text in your banners, you’ll also improve your site’s SEO.
This guide will walk you through how to create and customize rotating testimonial banners using transparent images and the Banner Block in your Zibster Website Builder.
STEP ONE
CREATE A TRANSPARENT IMAGE
You’ll need a transparent image to use as a placeholder in your banner.
-
In Photoshop: Create a new 100x100 pixel file, remove the background layer, and save the file.
-
In Canva: Create a new 100x100 pixel design. Delete the background or set it to transparent.
Note: The image itself won’t be visible on your website. It’s only used to hold the live text in the banner.
STEP TWO
EXPORT THE IMAGE AS A PNG
-
Photoshop: Go to File > Export > Export As, then choose PNG.
-
Canva: Click Download, choose PNG, and check Transparent Background before downloading.
STEP THREE
LOG INTO ZIBSTER
Log into your Zibster account and click on WEBSITE in the left-side menu.
STEP FOUR
ADD A BANNER BLOCK
Choose the page where you want your testimonials to appear.
From the right-side menu, add a BANNER BLOCK.
Click into the block to adjust its size (smaller banners usually work best for testimonials).
STEP FIVE
UPLOAD THE TRANSPARENT IMAGE
Upload the transparent PNG you created into the banner block. This keeps the banner background clean so your testimonial text stands out.
STEP SIX
ADD TEXT TO YOUR BANNER
Click on the banner block, then select your transparent image.
-
Add the testimonial text in the Title field.
-
Add the client’s name or attribution in the Subtitle field.
-
(Optional) Add a button if you’d like to link to a page, such as reviews or services.
Click SAVE CHANGES and preview your updates.
STEP SEVEN
ADD MORE TESTIMONIALS FOR ROTATION
To make your testimonials rotate:
-
Upload additional transparent images.
-
Repeat the same process for each testimonial.
-
Each image + text combination becomes a “slide” in your rotating banner.
CUSTOMIZE YOUR TESTIMONIAL BANNERS
Make your testimonials more eye-catching by adjusting banner settings:
-
Adjust Banner Settings: Change text box opacity, toggle parallax scrolling, enable/disable scrolling arrows, or change background colors.
-
Try Different Banner Styles: Use layout options like No Crop to place your image left, center, or right with text on the opposite side.
-
Customize Fonts: Choose different fonts, sizes, and spacing for your title and subtitle.
YOU’RE DONE!
Once styled, your rotating testimonial banner is ready to go. You now have a professional way to highlight client feedback on your Zibster website — complete with live text for SEO and optional buttons for calls to action.
