The Image Comparison Page is an interactive tool designed to highlight visual transformations. Whether you're showcasing "before and after" results, comparing camera quality between devices, or displaying photo edits, this page provides a striking side-by-side presentation for your visitors.
To get started, you first need to add the page to your site structure:
In the Website Editor, click Pages.
Find the Image Comparison page in your existing list, or click Add New Page to select it from the library.
You can then edit the page Title and Slogan to provide context for your comparisons.
Click the Add New Item button to configure your visual contrast:
Title & Description: Add a title and a short description for the comparison. You can also use the TextAI tool to generate customized descriptions automatically.
Categories: Click the Plus icon to add a new category or select an existing one. Categories will appear beneath the page title to help visitors filter your work.
Orientation: Choose between Horizontal (side-to-side) or Vertical (top-to-bottom) display to best suit the dimensions of your images.
Interactive Slider: Visitors can manually drag the slider across the images to see the transformation in real-time, making it highly engaging for service-based businesses like contractors or photographers.
AI Integration: Utilizing the TextAI option can help you quickly generate professional-sounding descriptions if you are managing a large gallery of comparisons.
