Home » CoDesigner » CoDesigner Customization » How do I create an Image Comparison page for my products?

Step 1: Install the CoDesigner plugin by going to Plugins > Add New.

Step 2: Go to CoDesigner > Widgets and enable the Image Comparison widget. Then, click Save Settings.

Step 3: Create a new page to show a comparison of your product image and open it with Elementor.

Step 4: In the Elementor editor, search for the Image comparison widget and drag it into a new section.

Step 5: You’ll find the Images option in the content section of the editor. Add images by hovering on the Choose Image option. You can add an icon to make a difference between the images. Add styles to your image comparison page according to your preferences. After customization, click on the Publish button.