YITH Compare allows your customers to easily compare multiple products side by side, helping them make better purchasing decisions. You can add and customize the compare feature on your shop pages within minutes.
First, ensure that the WooCommerce plugin is installed and activated on your site.
Then install and activate the YITH WooCommerce Compare plugin.
Once activated, the compare functionality will be automatically available on your product listings.
Note: Make sure you have products added to your store; otherwise, the compare feature will not display any items.
How to Add YITH Compare? #
To utilize the YITH Compare feature, open your desired page in Elementor (existing or new). Navigate to the ‘Elements’ tab and ensure the Compare option is enabled from the plugin settings. Use the search option to find the ‘YITH Compare’ widget. Now simply drag and drop the widget onto the page or the ‘+’ section.
Configuring widgets Settings
CONTENT TAB #
The Content tab in YITH Compare allows you to customize how the compare button appears on your product listings. You can configure the following options:
- Label – Set the text displayed on the compare button.
- Label Tooltip – Enable/Disable to add a short tooltip text that appears when users hover over the button.
- Icon – Choose or customize an icon to display alongside the button label.
These options help you adjust the look and behavior of the compare feature to match your website design.
STYLE TAB #
To customize your YITH Compare button (icon and label), navigate to the Style tab. Here, you can adjust the appearance to match your website design.
The Style tab contains the following options:
- Icon
- Label
These options allow you to control the visual styling of the compare button, including its icon appearance and text formatting.
