Creating rotating testimonial banners on your website is a simple and effective way to showcase client feedback. A common question our support team gets is, "How can we create rotating testimonial banners?" The good news is, it's easy! Not only are they quick to set up, but they can also be styled to stand out and enhance your site's design.
In this guide, we'll walk you through the steps to create a rotating banner that displays testimonials with live text, which is also beneficial for SEO.
STEP ONE
Create a Transparent Image
You can easily create a transparent image in Photoshop or Canva. Open either tool and create a new 100x100 pixel file. It doesn’t need to be large or match the exact size of the banner block since it won’t be visible once uploaded. Delete the background color or layer before saving.
STEP TWO
Exporting as PNG
- In Photoshop: Go to File > Export > "Export As" and select PNG as the file type.
- In Canva: Click Download, select PNG as the file type, and check the box for Transparent Background before clicking the download button.
STEP THREE
Log into your PhotoBiz account and click on WEBSITE in the left-side menu.
STEP FOUR
Add a Banner Block
Begin by adding a banner block to a page on your website (select this option from the right-side menu of the website builder). Click on the banner block to modify it. We suggest starting by adjusting the size of your banner, with smaller sizes typically working well.
Learn More: How To Add a Banner Block
STEP FIVE
Upload the Transparent image
Upload the image you've created to the banner block. We recommend using a transparent image to make the banner blend with the website's background.
STEP SIX
Add Text to the Banner Block
Click on the banner block, then click on the transparent image you uploaded. Here, you can set up a title, subtitle, and button to display as part of this block. Use the title for the testimonial and the subtitle for the attribution. After entering the text, save the block and preview it on the front end by clicking the URL at the top of the website builder page.
STEP SEVEN
Create Rotating Testimonials
To create rotating testimonials, upload additional transparent images and repeat the above steps for each one. The images and accompanying testimonials will rotate within the banner block.
CUSTOMIZE YOUR TESTIMONIALS
Adjust Banner Settings
Further customize your testimonials by adjusting settings in the banner block. You can modify opacity, enable or disable parallax scrolling and the scrolling arrow, and adjust color and background options.
Explore Banner Styles
You can also select different banner styles, like the "no crop" options. With these styles, you can upload a non-transparent image and choose whether it displays in the center, left, or right, with the text on the opposite side.
Learn More: How to Change Banner Layouts
Customize Fonts
You can change the fonts that are being used on your banners. You can also customize the size and spacing for your title and subtitles.
Learn More: How to Customize Banner Fonts
Once you’ve styled your testimonials to your liking, you’re done! You now have beautifully designed rotating testimonial banners, with options to include call-to-action buttons to guide visitors elsewhere on your website.
This article about creating client testimonial banners was originally posted on the PhotoBiz Business Growth Hub.
