MoreConvert Documentation

How to Add To Wishlist Button in WooCommerce Product Tables & Quick View?

Play Video
Are you tired of having to navigate through multiple pages to add products to your wishlist on your WooCommerce store? Look no further! In this guide, we’ll show you step-by-step how to easily Add to Wishlist button in WooCommerce directly to your product tables and quick view using the powerful “MC WooCommerce Wishlist” plugin.   If you use WooCommerce Product Table and WooCommerce Quick View Pro, you expect your wishlist plugin to be automated and to be reliable. You’re in luck because the MC WooCommerce Wishlist plugin integrates completely and gets along well with these two plugins.  

How to Add “Add To Wishlist” Button in WooCommerce Product Table #

Due to its high flexibility, the MC WooCommerce Wishlist plugin works well with the table in both standard and lazy loading modes. All the settings related to the wishlist button, such as button text, icon, color, position, etc., can be edited through the settings of this plugin, and it works in harmony with the table. Also, when you click on the add to wishlist button, the plugin offers different modes, including pop-ups, which you can choose according to your needs. MC wishlist settings for WooCommerce product table  

How to set it up #

    1. Install and activate the WooCommerce Product Table plugin, as per the documentation.
    2. Go to the MC wishlist single product page settings. Here you can change the location and the text of the add to wishlist button as told previously. (If needed, you can use the [wlfmc_add_to_wishlist] shortcode to put the wishlist button in your desired location.)
    3. From the WooCommerce Product Table settings, add the table you want to a desired page (for example, the shop page).
    4. Now go to the page where you added the table and see the result of all the operations.add to Wishlist button in WooCommerce product table
   

How to Add Wishlist Button in WooCommerce Quick View #

MC wishlist is well coordinated with WooCommerce Quick View plugin. When your customer opens the Quick View page, the add to wishlist button is automatically added to the Quick View page. The way a wishlist button looks depends on the setting you choose for it in the wishlist settings. After clicking on the wishlist button, you have different options for the action. You can pick to add to wishlist only,  or showing a customizable pop-up.

How to set it up #

  1. Install and activate the Quick View plugin, as per the documentation.
  2. Go to the MC wishlist single product page settings. Here you can change the location and the text of the add to wishlist button as told previously. (If needed, you can use the [wlfmc_add_to_wishlist] shortcode to put the wishlist button in your desired location.)
  3. Now, by going to your products listing page, you can see the quick view button by hovering over the images. After clicking on quick view button, you can see the wishlist button in the opened window. An 'Add to wishlist' button automatically appears in the quick view/ It changes to a 'Remove from Wishlist' link after adding to the wishlist
 

Summary #

In conclusion, adding a wishlist button to your product tables and quick view is a great way to improve the user experience on your website and increase sales. By following the steps outlined in this guide, you can easily integrate the MC wishlist plugin with your WooCommerce product tables and quick view. With the added functionality provided by the wishlist button, your customers will be able to easily save and organize their favorite products, leading to increased engagement and sales.  
What are your feelings?
Updated on March 25, 2023