Home Tutorials How to Add a Wishlist in WooCommerce

How to Add a Wishlist in WooCommerce


Are you eager about including a wishlist to your WooCommerce retailer?

Wishlists are discovered on practically all main buying web sites as a result of they’re invaluable to each clients and on-line retailer homeowners.

The wishlist performance permits clients to save the merchandise they’re in in order that they will discover them simply at any time when they need.

For companies, wishlists present insights into buyer preferences and can be utilized for focused advertising efforts. Additionally they function a retention software, reminding clients of their saved gadgets and doubtlessly main to elevated gross sales and buyer loyalty.

Since WooCommerce doesn’t provide a built-in wishlist function, you want a third-party plugin or devoted WooCommerce theme to implement it in your retailer.

On this tutorial, I’ll present you ways to add a wishlist in WooCommerce utilizing a plugin in addition to a theme.

How to Add a Wishlist in WooCommerce Utilizing a Plugin

First, let’s see how to add a wishlist to your WooCommerce retailer utilizing an all-in-one eCommerce plugin for WordPress websites referred to as Service provider Professional.

1. Set up and Activate the Free Service provider Plugin

Service provider Professional is the extension of the free Service provider plugin, which incorporates 15 eCommerce modules. The Professional plugin extends the free modules with 26+ premium modules.

The Wishlist module is included in Service provider Professional. To make use of it, you want to set up the free Service provider plugin first.

Open your WordPress dashboard and navigate to Plugins → Add New Plugin.

Right here, enter ‘service provider athemes’ into the search bar on the high of the web page. When Service provider exhibits up in the search outcomes, click on the Set up Now after which the Activate buttons:

Add Plugins screen in the WordPress admin area, showing Merchant

2. Set up and Activate Service provider Professional

After the free plugin is activated, you’ll want to buy a Service provider Professional license to get entry to the premium modules.

The Service provider Professional plugin shall be despatched to your e mail tackle as quickly as you make the acquisition.

Obtain the merchant-pro.zip file to your native laptop, then go to Plugins > Add New Plugin > Add Plugin the place you’ll be able to add the ZIP file.

As soon as the add completes, click on the Set up Now and later the Activate buttons:

Upload Plugin screen in the WordPress admin area with the Merchant Pro plugin

Now, you want to activate your Service provider Professional license.

Click on the Service provider menu in the left sidebar of your WordPress admin space and go to Service provider Settings → License Activation.

Copy your license code from the Service provider Professional welcome e mail or your aThemes account, paste it into the License Code subject, and click on the Activate button:

Location of the License Activation option in the Merchant dashboard

3. Open the Wishlist Module 

In your Service provider dashboard, scroll down to the Enhance Expertise part, and click on the Wishlist module to open its admin web page:

Location of the Wishlist module in the Merchant dashboard

4. Create a Wishlist Web page

Earlier than you allow the module, you want to create a Wishlist web page and configure the wishlist icon and tooltip.

To take action, scroll down to the Wishlist Web page Settings part on the module’s admin web page and click on the Create Web page button.

As soon as the Wishlist web page is created, you’ll be able to customise the colours of the heading, hyperlinks, and textual content of the wishlist desk. You may as well cover the web page title if you need:

Options of Wishlist Page Settings

Make certain to click on the Save button showing on the high of the display earlier than shifting on to the following step:

Location of the Save button on the admin page of the Wishlist module

5. Configure Your Wishlist 

Within the Normal Settings part, set whether or not you need to present or cover the wishlist icon in your store archive and single product pages:

General settings of the Wishlist module

Then, navigate to the Add To Wishlist Button Settings part, select from the 2 out there wishlist icons and configure the vertical and horizontal place of the wishlist button:

Options to configure the Wishlist button

You may as well change the icon colours if you need to:

Color options of the Wishlist button

Then, resolve whether or not you need to present a tooltip, which seems whenever you hover the cursor over the wishlist icon.

You could have the choice to modify the textual content and border radius of the tooltip, too:

Wishlist tooltip configuration options

Lastly, customise the background and textual content colours of the tooltip to match the design of your WooCommerce retailer:

Color options of the Wishlist tooltip

Make certain to save all of your settings by clicking the Save button on the high of the web page earlier than shifting on to the following step. 

6. Allow the Wishlist Module

Now it’s time to activate the module. To take action, click on the Allow button on the high of the web page:

Location of the Enable button

Within the screenshot under, you’ll be able to see what the wishlist icon added by Service provider Professional appears like on the store archive web page of a WooCommerce retailer:

Wishlist icon and tooltip, frontend view

And, right here’s an instance of the wishlist button added by Service provider Professional to a person WooCommerce product web page:

Frontend view of the Wishlist button on a WooCommerce product page

To entry the Wishlist web page out of your WordPress admin space, navigate to Pages → All Pages, and search for the My Wishlist web page:

Location of the My Wishlist page in the WordPress admin area

If you’d like to entry the Wishlist web page from the frontend, open a product web page, add the product to the wishlist, after which click on the View wishlist choice:

Location of the View wishlist option on a WooCommerce product page

Under, you’ll be able to see a screenshot of the Wishlist web page with three merchandise:

My Wishlist page added by Merchant Pro, frontend view

How to Add Wishlist Utilizing a WooCommerce Theme

For those who don’t need to use a standalone plugin, it’s also possible to select a WooCommerce theme that features the wishlist performance.

Under, I’ll present you ways to use a highly effective theme referred to as Botiga Professional to add a wishlist to your WooCommerce retailer.

1. Set up and Activate the Free Botiga Theme

As Botiga Professional is the companion plugin of the free Botiga theme, you want to set up and activate the free theme first.

Click on the Look > Themes menu in the left sidebar of your WordPress admin space, and on the Themes web page, click on the Add New Theme button.

As soon as the Add Themes web page opens, enter ‘botiga’ into the search bar and when Botiga seems in the outcomes, click on the Set up and later the Activate buttons:

Annotated screenshot showing how to install the free Botiga theme in the WordPress admin area

2. Set up and Activate the Botiga Professional Companion Plugin

The Botiga Professional plugin enhances the free Botiga theme. Amongst many different issues, it permits you to add a wishlist to your WooCommerce retailer. Take a have a look at its function checklist and buy the plugin.

When you’ve made the acquisition, obtain Botiga Professional to your native laptop, then navigate to Plugins → Add New → Add Plugin in your WordPress admin space the place you’ll be able to set up and activate the plugin (you want to add the botiga-pro.zip file):

Screenshot of the Add Plugins page, showing how to upload and install the Botiga Pro plugin

When the plugin is activated, you additionally want to activate your Botiga Professional License.

Go to Botiga → Settings → Normal → Botiga Professional License, copy-paste your license key out of your aThemes account, after which click on the Activate button:

Location of the Botiga Pro License option in the WordPress admin area

3. Allow and Customise the Wishlist Module

To allow the Wishlist module, click on the Botiga menu in the left sidebar of your WordPress dashboard, scroll down to the Wishlist module, and click on the Activate button.

As quickly because the module is activated, a Customise hyperlink will seem in the module’s settings field. Click on this hyperlink to go to your Wishlist settings:

Location of the Wishlist module on the Botiga dashboard

The WordPress Customizer will open in a new tab the place you’ll be able to customise the look and design of the Wishlist module.

You could have the choices to modify the icon colours, select between totally different layouts, present or cover the tooltip, add a tooltip textual content, and create a Wishlist web page:

Settings of the Wishlist modules in the WordPress Customizer

That’s it! You could have now added a wishlist to your WooCommerce web site utilizing the Botiga Professional theme.

Conclusion 

Including a wishlist to your WooCommerce retailer is a good way to acquire priceless insights into buyer preferences. It additionally facilitates personalised advertising and improves the buying expertise.

Since WooCommerce doesn’t provide a wishlist function out of the field, you want to use a theme or plugin to add it to your retailer.

On this tutorial, I confirmed you ways to use the Service provider Professional plugin and the Botiga Professional theme to add this handy performance to your WooCommerce retailer.

Each instruments have a Wishlist module with related capabilities, so right here’s how one can select between the 2:

  • In case you are in search of a WooCommerce theme, first set up the free Botiga theme, see the way you prefer it, and if the whole lot appears good, get the Botiga Professional companion plugin, too, which helps you to add a wishlist and lots of different premium eCommerce options to your WooCommerce retailer.
  • If you have already got a WooCommerce theme however need to improve it with superior options, comparable to a wishlist, go for the Service provider Professional plugin. To see the way it works on a actual WordPress web site, spin up a reside demo totally free that provides you full admin entry to all of the free and premium modules.

Do you have got any questions or ideas about how to add a wishlist in WooCommerce? Let me know in the remark part under.