Want an easy tutorial about how to add a wishlist to WooCommerce stores? In this post, we’ll take you step-by-step through the process of adding a wishlist feature.
We have written a detailed post about why you should add a wishlist to your online store, the benefits of having a wishlist feature, and best practices to execute it well.
In this post, we’ll get into the how of adding the wishlist functionality to WooCommerce using a plugin called WooCommerce Wishlist and Add to Favorites Plugin.
Woocommerce Wishlist and Add to Favorite is a simple plugin to let your customers add their Favorite Products to their wishlist and to add a wishlist to WooCommerce.
With the Add to Favorite button, your customers can mark products as their favorites in just one click. It adds a My Favorite Products link on the customer’s dashboard page as well as in the main menu.
Using the social feature, customers can also share their wishlist on their social media channels.
WordPress Full Site Editing Tutorial for Beginners 2024
How to Add a Wishlist to WooCommerce Stores
Now, to begin this tutorial, make sure you have your WooCommerce website already set up.
Go on and purchase the WooCommerce Wishlist and Add to Favorite Plugin from Code Canyon.
Install the plugin on your WooCommerce store and Activate it.
Check out this detailed article about how to install a plugin on WordPress if you’re not sure about it.
Create a My Wishlist Page
Before you configure the wishlist plugin and add a wishlist to WooCommerce store, you’ll need to create a page where your customers’ wishlist will be displayed.
To set up the page, navigate to Pages > Add New.
Give a descriptive title to your page like My Wishlist.
Change the permalink of the page to something like mystore.com/wishlist
Next, using the Gutenberg editor, add a shortcode block to the editor and add the following shortcode:
[wcxs-favourite-products]
Click Save and Publish.
How to Customize the WooCommerce Wishlist Button
The wishlist feature is already enabled by default on activating the plugin and you’ll be able to see that it has added another button beside your Add to Cart button on product pages and product category pages.
To customize the Wishlist button and configure settings, navigate to WooCommerce > Settings > Favorite Products
You can change the button styles using the other settings and options given:
- Choose from three styles of the Wishlist button: label only, icon only, and both
- Changing the label of the Add to Favorites button
- Choose an icon for the button: heart, star or a custom icon URL
- Select the page you created earlier for displaying the wishlist items.
- Choose whether you want to enable the wishlist feature for logged in users, guests or both. Guest visitors can create their Wishlists to be stored for a maximum of 30 days or until they clear their WooCommerce store cookies. Similarly, you can enable favorite products functionality only for registered or logged-in users. Registered customers can create Wishlists and store them indefinitely.
- Enable show link in menu to add the Wishlist icon in the header.
WooCommerce Wishlists plugin provides different options to customize the Add to Wishlist button:
- Customize button position, button type, and button icon
- Customize notification messages that are displayed when a product is added to the wishlist
- Add custom CSS class for the wishlist button
- Users can enable the Wishlist button for shop loop items
- Users can enable the removal of product items from the wishlist if they are added to the cart
You can also customize the Favorite products table where users can view all of their favorite products in one place. They can also add these products directly to the cart and check out when they are ready to buy.
The Favorite products table contains product thumbnail, product title, product regular price, product price, Product SKU, and product stock status column. You can add or remove columns from the Table Settings.
You can also enable a Wishlist drawer on all pages of the website.
When someone clicks the drawer button, a popup will open containing their favorite products.
To enable this feature, just check the option: Enable Drawer.
You can customize the drawer button by adding custom CSS classes to the button and the drawer container.
You can also enable social sharing of wishlists, which allows customers to share their wishlists with their friends on social media.
To do that, turn on the following options:
Moreover, customers can also change the privacy settings of their wishlists. On the My Wishlist page where customers can see the wishlist table, they can use the Action dropdown to change their list to Public or Private.
Public wishlists can be configured to display on a page dedicated for these user wishlists.
To do this, create a page and give it a suitable title, for example: User Favorites.
Then, in the plugin settings, enable the User Favorite List functionality.
Then select the User Favorites page from the dropdown: Favorite User List Page.
Keep the functionality enabled for All Users.
Last, check the options to add the link in the menu and on the cart page.
That’s it, we’ve reached the end of this tutorial of how to add a wishlist to WooCommerce store.
Leave a Reply