Skip to content

WooCommerce Product Compare Page

In this tutorial, you will learn How to create a WooCommerce Product Compare page with Elementor.

WooCommerce Products Compare allows customers to compare products within their store. Using this tool, your customers can make better decisions on the products they need.

Create a WooCommerce Product Compare page with Elementor

To create a comparison page, please head over to ShopPress > Components > Compare.

ShopPress Woo Templates page with an arrow pointing to the Compare toggle and Config button

To create a Compare page, click Add New and name the template. Click the Edit Icon in the added template to start customizing the compare page.

ShopPress Compare template settings with the edit tooltip highlighted

Now, you will be redirected to an Elementor page, and there you can edit all the elements of your Compare page individually.

Simply drag and drop the Products Compare widget in the Elementor content area to start customizing the Compare Page.

Compare Page

After saving the designed template, the Compare page will be displayed as per the design created in Elementor.

Compare Page.

Share this article:

ShopPress Plugin Helpdesk

Need Assistance? We can help!

Our responsive customer support team boasts a high customer satisfaction rating. Should you have any issues with the plugin, do not hesitate to contact us and remember we are always here to help.