Posted on Leave a comment

WooCommerce Product Bundles Free Plugin

WooCommerce Product Bundles Free Plugin

Easy WooCommerce Product Bundles free plugin (Best WooCommerce product bundle plugin) is built for shop owners to create amazing deals that combine several products to put for sale together. This is such a powerful plugin for boosting sales of different product types, and at the same time offering customers some reasonable benefits. Bundles – Woo Product Bundle Builder is a smart tool for enhancing cross-selling strategies on your online WooCommerce shop. It is also optimized for search engines, increases site ranking, and ensures a higher conversion rate.

In this article, we will learn how to create Product Bundles in WooCommerce with a free plugin.

Video Tutorial

Install WooCommerce Product Bundles Free Plugin

To install Easy WooCommerce Product Bundles, follow the below steps.

  • Navigate to the Plugins >> Add New menu on your WordPress website
  • Search for “Easy Product Bundles for WooCommerce
  • Find the “Bundles – WooCommerce Product Bundles” by “Asana Plugins
  • Install the plugin and activate it.

Create Product Bundles in WooCommerce

After installing the Easy WooCommerce Product Bundles free plugin, you can create a product bundle in WooCommerce.

Here we will create a product bundle with three default products.

Navigate to WooCommerce Products >> Add New to create a new product.

Set a name for the product bundles.

Click on “Set product image” from the right sidebar and select an image for your Product Bundles.

Now navigate to the Product data panel, and select “Product bundle” as the product type.

After selecting “Product bundle” as the product type the “Product Bundles” tab will appear in the product data panel.

Navigate to the “Product Bundles” tab and click on the “Add Bundle” button to add a new bundle item to the product bundle.

Create product bundle

Then select the “Use default-product” to add a default product to the item.

Now search for a product and select it. We selected “Polo” as the default product.

Configuration WooCommerce Product Bundles

Then you can click on “Add Bundle” to add a new item to the bundle and select a default product for it. We have created three bundle items like the below image.

Product Bundles items

Now you can Publish the product on your website.

fimal result of WooCommerce Product Bundles Free Plugin

Pricing

The Easy WooCommerce Product Bundles free plugin offers two pricing strategies.

  • A fixed price for the whole bundle product
  • Auto calculate the price based on selected products

Fixed Price

If you would like to set a fixed price for the whole bundle product, then check the “Fixed Price” option.

fixed price product bundle in woocommerce

Navigate to the “General” tab and set a regular price for the Product. You can set a Sale price too.

After setting a price, update the product.

Set fixed price

Now you can see the fixed price for the whole bundle on the product and cart pages.

final result of set fixe price

Auto Calculate Price

Auto calculates price helps to set a dynamic price for the product bundle based on selected items for the bundle.

To use the auto-calculate price feature, uncheck the “Fixed Price” option and update the product.

Auto calculated price of product bundles

As you can see in the below image, the bundle price is the total of the selected products’ prices.

Create WooCommerce Product Bundles with Variables

To include variable products in the bundle items follow the below steps.

Navigate to WooCommerce Products >> Add New to create a new product.

Set a name for the Variables product bundles.

Click on “Set product image” from the right sidebar and select an image for your Variables Product Bundles.

Now navigate to the Product data panel, and select “Product bundle” as the product type.

After selecting “Product bundle” as the product type the “Product Bundles” tab will appear in the product data panel.

Navigate to the “Product Bundles” tab and click on the “Add Bundle” button to add a new bundle item to the product bundle.

Create WooCommerce Product Bundles with Variables

Now in the “Products” field of the bundle item search for a variable product and select it.

You can include as many products as you want in the “Products” field.

If you want to add another bundle item, you can click on the “Add Bundle” button to add another bundle item. We created a product bundle with two bundle items.

You can set a fixed price or auto-calculate the price for the product bundle.

To set a fixed price, enable the Fixed Price option and set a regular price for the product in the General tab.

To use the auto-calculate price, just disable the fixed price option.

Click on the “Publish” button to publish the bundle product in your WooCommerce store.

configurate WooCommerce Product Bundles with Variables

The variable product in the frontend will be shown like the below image.

The variable product in WooCommerce product bundles

Apply Discounts on WooCommerce Product Bundles

It is possible to apply discounts on WooCommerce Product Bundle items.

You can set percentage, price, or fixed price discount on the products

Each bundle item in Product Bundles for WooCommerce has a discount field, and you can use it to apply a discount.

In the below example, we applied a 20% discount on the bundle item.

Apply Discounts on WooCommerce Product Bundles

Create WooCommerce Product Bundles with Variations

If you would like to include variation products in your WooCommerce Product Bundle, we recommend you use the pro version of the Easy WooCommerce Product Bundles pro plugin.

You can read this detailed guide to create WooCommerce Product Bundles with Variations.

Create Personalized Product Bundles in WooCommerce

If you want to offer your customers to create their Product Bundles from multiple available products, then personalized product bundles can help you.

You can read the create personalized product bundles in WooCommerce for more information.

Create Mix and Match Products in WooCommerce

A WooCommerce mix and match product is a product where customers can build their personalized boxes from individual products on your site.

You can read the create mix and match products in WooCommerce for more information.

Themes and Sizes

The Easy WooCommerce Product Bundles pro plugin offers multiple beautiful Grids and List themes. Also, you can select “small, medium, large” for the theme size.

You can set a theme for all of the product bundles on your site or you can set a theme individually for a specific product bundle.

To set a theme globally, follow the below steps navigate to the plugin settings, and select your desired theme like the below image.

  • Navigate to the “Product Bundles” menu in the WordPress
  • In the Settings tab, there is a Theme and Size option to set a global theme and size.
  • Set your desired theme and size and save the settings.
  • Save the changes
theme and size for product bundle woocommerce

To apply a theme individually to a specific product bundle, follow the below steps.

  • Open the edit product page.
  • Navigate to the “Product Bundles” tab in the “Product data” panel.
  • Enable the “Individual theme” option
  • Select one of the themes and sizes
  • Click on the “Publish” button
Individual theme and size

You can see different themes in the below image.

All Themes and Sizes of WooCommerce product bundles

Advanced WooCommerce Product Bundles Examples

You can read how to create product bundles in WooCommerce article that includes various types of product bundling examples.

You can create product bundles like:

  • Simple or Pure product bundles
  • Advanced and Dynamic product bundles
  • Assembled products bundle
  • Mix-and-Match products bundle
  • Frequently bought together products bundle
  • Create BOGO deals
  • Give gift products
  • Create Personalized Boxes
  • Recommend addons and essentials
  • Optional products in WooCommerce Product Bundles

Shortcodes

The plugin has the below shortcodes and you can use them:

  • [asnp_wepb_product] Use it on the product page to show the bundles.
  • [asnp_wepb_product show_add_to_cart="1"] Use it on the product page to show the bundles + add to cart button.

To delve deeper into the realm of Product Bundle plugins and their applications, I invite you to explore the array of informative resources I’ve compiled in the list below. These resources promise to expand your understanding and proficiency in leveraging the potential of these plugins to the fullest:

Posted on Leave a comment

How to Create WooCommerce Product Bundles (2023 Tutorial)

How to Create WooCommerce Product Bundles (2023 Tutorial)

Product Bundle or Product Groups is a strategy to group products together and sell them with a discount or without. This strategy convinces the customer to spend more money on increasing the average order value. In this tutorial, we will learn how to create various WooCommerce Product Bundles quickly and easily.

There are several methods to implement product bounding in WooCommerce. In this guide, we will introduce some useful product bundle strategies like Assembled Products, Mix-and-Match products, Dynamic Bundles, Simple Bundles, BOGO (Buy One Get One Deal), Gift Products, Optional Products, Frequently Bought Together Products, personalized boxes, recommend add-ons and essential.

WooCommerce Product Bundles Plugin

The Easy WooCommerce Product Bundles plugin allows you to create simple to advanced product bundles in WooCommerce. In this article, we use the Easy WooCommerce Product Bundles plugin to create advanced and simple product bundles.

Some example product bundles that you can create with the Easy WooCommerce Product Bundles plugin.

  • Simple or Pure product bundles
  • Advanced and Dynamic product bundles
  • Composite Products
  • Custom Bundles with Categories
  • Assembled products bundle
  • Mix-and-Match products bundle
  • Frequently bought together products bundle
  • Create BOGO deals
  • Give gift products
  • Create Personalized Boxes
  • Recommend addons and essentials
  • Optional products in WooCommerce Product Bundles

How to Create Simple WooCommerce Product Bundles

If you want to simply group some of your products and sell them together then you can use this strategy.

In this strategy, the customer does not need to select products and add them to the bundle because they are selected already by the store owner.

Available pricing strategies:

  • Fixed Price: You can set a regular or sale price for the whole product bundle
  • Auto calculating the price: The plugin calculates the final price based on selected products for the bundle. You can set a percentage, price, or fixed price discount for each bundle item.

You can read Product Bundles in WooCommerce for more information.

How to Create Dynamic WooCommerce Product Bundles

If you want to give the customer the option to choose the products to create the final product bundle then this strategy is the most suitable option for you.

Dynamic Product Bundles allow the customer to pick from available products and build his own product bundle.

Available pricing strategies:

  • Fixed Price: You can set a regular or sale price for the whole product bundle
  • Auto calculating the price: The plugin calculates the final price based on selected products for the bundle. You can set a percentage, price, or fixed price discount for each bundle item.

You can read Create Dynamic WooCommerce Product Bundles for more information.

How to Create WooCommerce Composite Products

A WooCommerce composite products are a type of product in the WooCommerce e-commerce platform that allows customers to create and purchase customized products by selecting from a list of pre-defined components or options. for example “Build Your Own Pet Basket” which that lets customers choose the items that will make up their own unique gift basket for their beautiful furry friends.

You can read Create WooCommerce Composite Products for more information.

How to Create WooCommerce Composite Products

How to Create Custom Bundles with Categories 

One of the key features of the WooCommerce Product Bundle Plugin is the ability to add categories to the bundle items. Categories allow you to group related products together, making it easier for customers to find what they’re looking for and create custom bundles that fit their needs. By using categories in your bundles, you can provide a seamless shopping experience for your customers and increase the likelihood of a sale.

You can read Create Custom Bundles with Categories for more information.

How to Create Custom Bundles with Categories

Create Assembled Products in WooCommerce

Are you selling the products that should be assembled? You can allow your customers to assemble their favourite products with WooCommerce Product Bundles.

The customer assembles a product by picking available different components for that product.

Assembled Products with WooCommerce Product Bundles plugin

Create Mix-and-Match Products in WooCommerce

Customizable foods like Sandwiches, Pizzas, or Salads are examples of mix-and-match products.

If you have a WooCommerce-based restaurant that allows customers to order food online, then you can give them the ability to pick food items too. This strategy makes your online restaurant different from other restaurants.

You can read mix and match products in WooCommerce for more information.

WooCommerce Mix and Match plugin

Create Frequently Bought Together Products Bundle

Stores like Amazon use “frequently bought together” to increase customer average order value through cross-sells and upsells.

WooCommerce Product Bundles help you to bundle your “frequently bought together” products and sell them.

You can set a discount on the “frequently bought together” product to make it tempting to your customers.

Frequently bought products together product bundle in WooCommerce

How to Create BOGO Deals with WooCommerce Product Bundles

Would you like to create “Buy One Get One” deals in WooCommerce? BOGO deals are a great way to win new customers.

You can use the WooCommerce Product Bundles plugin to create BOGO deals, however, if you would like to create more advanced BOGO deals you can check Discount Rules and Dynamic Pricing for WooCommerce plugin.

WooCommerce Product Bundles BOGO deals

Gift Products

You can offer a gift product when a customer purchases a specific product. This way you can increase product sales while making customers happy to purchase that product.

Gift product deals have a great impact on customer loyalty and can increase store revenue too.

Read gift products with WooCommerce product bundles for more information.

If you would like to auto-add gift products to the cart based on advanced conditions you can check out Auto Add Products to Cart for WooCommerce plugin.

Offer gift products

Create Personalized Boxes in WooCommerce Product Bundles

Allow your customers to create personalized boxes by pick and mix product strategy. You can control the minimum and maximum quantity of items that customers can add to the personalized box.

Recommend Addons and Essentials

If a product has add-ons or essentials you can create a product bundle and offer add-ons as bundle items of that product. Also, you can offer add-ons or essentials as optional bundle items. This way you can increase the average order value.

Optional Products in WooCommerce Product Bundles

You can offer some or all the bundle items as an optional item. When you offer an item optional then the customer does not have to pick a product for that item.

You can set a default product for the optional item too and the customer can remove or change it.

Optional Products in WooCommerce Product Bundles

How to translate WooCommerce product bundle

Translating the WooCommerce product bundle into your own language can have a positive effect on increasing the income of your online store, you can reach customers who may not speak English and are more likely to shop in their native language. 

You can read How to Translate WooCommerce product bundle article for more information.

Themes and Sizes

There are multiple beautiful grids and list themes in the WooCommerce Product Bundles plugin.

Also, you can choose “small, medium, or large” sizes for items of the product bundle in WooCommerce.

Themes and Sizes of WooCommerce product bundle

Powerful Price Calculation

The Product Bundles for WooCommerce plugin offers fixed price or auto-calculated price options to create bundles. You can set a fixed price for the whole bundle or allow the plugin to calculate a dynamic price based on each bundle item’s price.

Fixed price for product bundles

The plugin allows adding percentage, price, or fixed price discounts on each bundle item when using the auto-calculate price feature.

Discount for product bundle

Shipping Fee Calculation

Select to calculate the shipping fee for the whole bundle or each bundle item.

Shipping Fee Calculation for product bundles

Coupon Apply Method

Control how coupons should be applied to the bundle product (Both bundle and bundle items | Only bundle | On bundle items | None).

Coupon Apply Method of bundled product

Articles

To delve deeper into the realm of Product Bundle plugin and their applications, we invite you to explore the array of informative resources we’ve compiled in the list below. These resources promise to expand your understanding and proficiency in leveraging the potential of this plugin to the fullest:

Posted on Leave a comment

How to Add WhatsApp Chat to WooCommerce?

Would you like to add WhatsApp Chat to WooCommerce? Would you like to increase your sales with customer satisfaction? WhatsApp Chat support is the best way to communicate with your customers and provide better support to them. If you have a sincere conversation with your customers, they are more likely to buy your products or services.

Communicating and chatting with customers helps to increase customer satisfaction and WhatApp Chat Plugin for WooCommerce helps you to do it better.

In this article, you will learn how to add WhatsApp Chat Button to WooCommerce in less than 2 minutes.

If you want to add a WhatsApp Live Chat Button to a WordPress website then you can read a detailed guide here.

Why Add WhatsApp Chat to WooCommerce?

If you would like to increase your WooCommerce store sales, then you should provide better support to your customers. Because when you provide better support for your customers it encourages them to buy more from you instead of buying from your competitors.

One of the best strategies in online marketing is to communicate with customers and answer their questions and help them. WhatsApp is the most popular instant messaging application in the world that is used by more than 2 billion people worldwide. Based on this fact, if you would like to attract more customers you have to add WhatsApp Chat Plugin to your WooCommerce store.

How to add a WhatsApp Live Chat plugin to your WooCommerce website

In this article, we will provide you with a detailed guide to adding WhatsApp Live Chat Plugin to your WooCommerce website easily.

This article provides a detailed guide to adding WhatsApp live chat to WooCommerce products, categories, and tags.

What you can do with WhatsApp Chat support?

The WhatsApp Chat Support plugin for WordPress has listed powerful features and helps you to add WhatsApp Chat support to your website easily.

  • Add single agent WhatsApp chat
  • Add multi-agent WhatsApp chat
  • Add a floating WhatsApp chat button to your website
  • Add a floating WhatsApp chat button to specific pages
  • Display WhatsApp chat support for “All Visitors”, “New Visitors”, “Returning Visitors”, “Logged in users”, and “Guest Users”
  • Add a WhatsApp chat button to specific WooCommerce products, categories, or tags
  • Add WhatsApp chat support to specific WooCommerce Categories
  • Add WhatsApp chat support to specific pages by URL.
  • Exclude WhatsApp chat support from specific pages by URL.
  • Display a single account or multi-account chat window in the floating WhatsApp chat button
  • Create multiple WhatsApp accounts with specific avatars or predefined avatars
  • Predefined templates to create WhatsApp chat easily and in a minute
  • Different styles and positions for Mobile and Desktop
  • Preview the WhatsApp chat in the admin when designing it
  • Custom colors, greetings, icons, and avatars
  • Define custom availability and working hours for each account
  • Define custom availability timezone for each account
  • Keep communicating directly from your WhatsApp account
  • 4 types of WhatsApp chat “Floating Bubble”, “Embed Bubble”, “Embed Chat Window”, “Button”
  • WPML Ready
  • Google Analytics and Facebook Pixel Analytics

Installing WhatsApp Chat Button Plugin on WooCommerce Website

The Live Chat Button for WhatsApp is an easy-to-use WhatsApp plugin for WooCommerce. It will help you to add a single account or multi-account floating WhatsApp chat to the website in less than 2 minutes. It provides built-in templates for WhatsApp chat that speed up the workflow of adding WhatsApp Support to the website.

Create Account

After installing the WhatsApp Chat plugin, you must create an account to add WhatsApp Live Chat to WooCommerce.

To create an account, navigate to the WhatsApp >> Account tab and create an account like the below image.

Add new WhatsApp chat account
Add An Account

Now fill the required field of the account like “Name”, and ‘Phone number” and set an avatar to the account. You can set the account availability to “Always available” or add custom availability for it. Adding custom availability is available in the pro version of the plugin. Also, you can set a custom timezone for each account that you create, it can help when you have a worldwide team.

Save the account and go to the next step.

Create an account in WhatsApp chat plugin for WordPress
Create Account Form

After you create the account it will be listed in the Accounts list like the below image.

Accounts list in whatsapp chat plugin for wrodpress
Accounts List

Create Single Account WhatsApp Chat for WooCommerce

After creating an account in the previous step, navigate to the WhatsApp tab and click on Add New button to create a WhatsApp chat.

Add new WhatsApp chat in WordPress
Add WhatsApp
  • Set a name for WhatsApp.
  • Select a template from the predefined templates list.
  • A preview of the selected template will be shown on the right side.
  • Click on the Apply button to start using the selected template.
create a WhatsApp chat in wordpress
Single Account Template

Now in the Accounts field, you should search for the account name that you have created in the previous step. Search for the created account and select it to add it to the WhatsApp Chat Button.

Add an account to whatsapp chat in wordpress
Add an account

From the Icon section, you can change the button icon and set a text beside the icon.

Change whatsapp chat support icon
Icon

Also, you can change the WhatsApp Button message from the Message section.

WhatsApp Chat Button message
Message

You can change the “Start Chat” button text and icon from the “Start Chat Button” section as in the below image.

Change start chat button content
Start Chat

Select Products

  • Navigate to the Settings tab on the WhatsApp details page.
  • Open Display Settings
  • Open Pages
  • Select All WooCommerce Products to add the WhatsApp chat button to all of WooCommerce products
  • Select Specific WooCommerce Products: to add WhatsApp chat to specific products, categories, or tags.
Settings tab of live chat button
WhatsApp settings tab
Display settings of live chat button for WordPress
Display settings

After applying the required changes on the WhatsApp Chat button, click on the Save button to save the changes.

WooCommerce products settings for WhatsApp Live Chat Button
WooCommerce products settings

Now you will see the floating WhatsApp Chat button on the products that you have selected or on all of the WooCommerce products pages if you have chosen the All WooCommerce Products option in the previous step.

Add WhatsApp Chat Button to WooCommerce Product
Live Chat Button on WooCommerce Product

Create Multi Account WhatsApp Chat Button for WooCommerce

To create a multi-account WhatsApp Chat Button, you should create at least two accounts that we explained it in the Create Account section.

After creating at least two accounts, navigate to the WhatsApp tab and click on the Add New button to create a new multi-account WhatsApp Chat Support.

  • Set a name for the multi-account WhatsApp
  • Select a multi-account template from the predefined templates list.
  • A preview of the selected template will be shown on the right side.
  • Click on the Apply button to start using the selected template.
Create multi agent WhatsApp chat button for WooCommerce
Multi-Account Template

After selecting a template, you need to add at least two accounts to WhatsApp. Search for the accounts that you have created and select them in the Accounts field.

Add accounts to multi agent WhatsApp chat button for WooCommerce
Add Accounts

You can change the Header Text and Description from the Description section like the below image.

Change WhatsApp support floating button title and description
Description

Select Products

  • Navigate to the Settings tab on the WhatsApp details page.
  • Open Display Settings
  • Open Pages
  • Select All WooCommerce Products to add the WhatsApp chat button to all of WooCommerce products
  • Select Specific WooCommerce Products: to add WhatsApp chat to specific products, categories or tags.
Settings tab of WhatsApp Chat button for WooCommerce
Settings tab
Display settings of WhatsApp chat button for WooCommerce
Display settings

Now, your multi-account WhatsApp Chat Support is ready to use and you can Save it.

WooCommerce product options for WhatsApp Live Chat Button
WooCommerce product options

Because we have selected All WooCommerce Products so the chat button will appear on all of WooCommerce products. To add WhatsApp chat to specific products read the following section.

Multi-agent WhatsApp chat on WooCommerce product
Multi-agent WhatsApp on WooCommerce product

Change Accounts Ordering

You can change accounts’ ordering by dragging and dropping them to the right position inside the multi-select field.

Change Accounts Ordering

Now you will see the floating WhatsApp Chat button on your website as in the below image.

Multi-Accounts

Add WhatsApp Live Chat Support to WooCommerce Products

You can add WhatsApp Live Chat Support to WooCommerce products by following the below instructions.

  • First, create a WhatsApp Live Chat support as we explained in the tutorial.
  • Navigate to the Settings tab on the WhatsApp details page.
  • Open Display Settings
  • Open Pages
  • Select Specific WooCommerce Products: to add WhatsApp chat to specific products, categories, or tags.
Settings tab
Settings tab
Display settigns
Display settings

Now you can search for specific products in your store and add them like the below image. After selecting specific products, Save the changes.

Select specific products for WhatsApp Chat Button in WooCommerce
Specific products select
Selected WooCommerce products for WhatsApp Live Chat Button
Selected products

Navigate to the product page that you have added to WhatsApp to see the WhatsApp Chat Support Button on it like the below image.

WhatsApp Live Chat Button on Product page
WhatsApp Live Chat Button on Product

Add WhatsApp Live Chat Support to WooCommerce Categories

To add WhatsApp Live Chate Support to WooCommerce categories follow the below instructions.

  • First, create a WhatsApp Live Chat support as we explained in the tutorial.
  • Navigate to the Settings tab on the WhatsApp details page.
  • Open Display Settings
  • Open Pages
  • Select Specific WooCommerce Products: to add WhatsApp chat to specific products, categories or tags.
Settings tab
Settings tab
Display settings
Display settings

Select categories and search for the categories that you want to show WhatsApp Live Chat on those categories like the below image.

Select WooCommerce categories for WhatsApp Live Chat Button
Select categories
Selected WooCommerce categories for WhatsApp Live Chat Button
Selected WooCommerce categories

Open a selected category product page to see the WhatsApp Live Chat support on its page like the below image.

Add WhatsApp Live Chat Button to WooCommerce categories
Live Chat Button on WooCommerce categories

Add WhatsApp Live Chat Support to WooCommerce Tags

To add WhatsApp Live Chat Support to WooCommerce tags, follow the below instructions.

  • First, create a WhatsApp Live Chat support as we explained in the tutorial.
  • Navigate to the Settings tab on the WhatsApp details page.
  • Open Display Settings
  • Open Pages
  • Select Specific WooCommerce Products: to add WhatsApp chat to specific products, categories or tags.
Settings tab
Settings tab
Display Settings
Display Settings

Select tags and search for the tags that you want to show WhatsApp Live Chat on those tags like the below image.

Select WooCommerce tags for WhatsApp Live Chat Button
Select WooCommerce tags
Selected WooCommerce tags for WhatsApp Live Chat Button
Selected WooCommerce tags

Open a selected tag product page to see the WhatsApp Live Chat support on its page like the below image.

Live Chat Button on WooCommerce tags
Live Chat Button on WooCommerce tags

Live Chat Button for WooCommerce Products, Categories and Tags

You can add a WhatsApp Live Chat to a combination of products, categories, and tags. To do it follow the below instructions.

  • Navigate to the Settings tab on the WhatsApp details page.
  • Open Display Settings
  • Open Pages
  • Select Specific WooCommerce Products: to add WhatsApp chat to specific products, categories, or tags.
  • Select “One Condition Should Math” for the products condition like the below image.
  • Add a combination of products, categories, and tags like the below image.
Settings tab
Settings tab
Display settings
Display settings
WooCommerce Products, categories and tags for WhatsApp Live Chat Button
Selected products, categories and tags

Now if you open a selected product, a selected category product, or a selected tag product you will see the WhatsApp Chat Button on its page.

Live Chat Button on WooCommerce product page
Live Chat Button on Product page

Add WhatsApp Chat Single Button to WooCommerce Products

Single Button WhatsApp Chat is just a Button and when a customer clicks on it, he will be redirected to WhatsApp to start a chat with you. You can add it to the WooCommerce products page after or before the Add to Cart button or one of the listed available positions in the plugin settings.

To create a Single Button WhatsApp Chat, follow the below instructions.

  • Navigate to the WhatsApp tab.
  • Click on the Add New button to add a new WhatsApp chat.
  • Set a name for WhatsApp.
  • From the templates section, select a single button template like the below image.
  • You will see the selected single-button WhatsApp template on the right side.
  • Click on the Apply button to start using the selected template.
Add new WhatsApp
Add new WhatsApp
Create a single button WhatsApp chat in WordPress
Select Single Button

Now, in the Accounts field search for the account that you would like to show in the Single Button WhatsApp. You have created the account in the Create Account section of the article.

After selecting an account in the Accounts field, you will see the preview of the account in the Single Button WhatsApp chat.

Add an account
Add An Account

Select Products

  • Navigate to the Settings tab on the WhatsApp details page.
  • Open Display Settings
  • Open Pages
  • Select All WooCommerce Products to add a chat button to all of WooCommerce products
  • Select Specific WooCommerce Products: to add WhatsApp chat to specific products, categories, or tags.
Settings tab
Settings tab
Display Settings
Display Settings

If you want to show the WhatsApp chat button on specific products, select the Specific WooCommerce Products and add some products, categories, or tags as we explained in the previous sections.

Or select the All WooCommerce Products to add it to all of WooCommerce products.

All WooCommerce Products
All WooCommerce Products

Save the WhatsApp, and open one of the selected product pages to see the WhatsApp button on it.

Single Chat Button in WooCommere product page
Single Chat Button

If you don’t see the WhatsApp button on the product page, maybe your theme does not support the button position. To change the button position please read the Change Button Position section of the article.

Add WhatsApp Chat Multi Button to WooCommerce Products

Multi-button WhatsApp Chat helps you to add multiple chat buttons to WooCommerce products. If you have multiple agents like Support Manager, Sales Manager and etc, then multi-button is a great choice for you.

Follow the below instructions to create a multi-button WhatsApp Chat.

  • First, make sure that you have created accounts in the accounts tab. It is explained in the Create Account section of the article.
  • Navigate to the WhatsApp tab and click on the Add New button to create a WhatsApp.
  • Set a name for WhatsApp
  • From the templates section, select a multi-button template like the below image.
  • You will see the selected multi-button WhatsApp template on the right side.
  • Click on the Apply button to start using the selected template.
List of WhatsApp chat accounts
Accounts
Add new WhatsApp
Add new WhatsApp
Multi Button Template
Multi Button Template

Now you should add some accounts to the Accounts field. Search for the accounts and select them.

After selecting accounts in the Accounts field, you will see a preview of the accounts as WhatsApp buttons like the below image.

Multi Button accounts
Multi Button accounts

Select Products

  • Navigate to the Settings tab on the WhatsApp details page.
  • Open Display Settings
  • Open Pages
  • Select All WooCommerce Products to add the chat button to all of WooCommerce products
  • Select Specific WooCommerce Products: to add WhatsApp chat to specific products, categories, or tags.
Settings tab
Settings tab
Display Settings
Display Settings

If you want to show the WhatsApp chat button on specific products, select the Specific WooCommerce Products and add some products, categories, or tags as we explained in the previous sections.

Or select the All WooCommerce Products to add it to all of WooCommerce products.

Pages settings
Pages settings
Select a WooCommerce product
Select a product
Selected product
Selected product

Save the WhatsApp, and open one of the selected product pages to see the WhatsApp button on it.

Add multi chat button to WooCommerce product page
Multi Chat Button in product page

If you don’t see the WhatsApp button on the product page, maybe your theme does not support the button position. To change the button position please read the Change Button Position section of the article.

Change Button Position

To change the button position on the products page follow the below steps.

  • Navigate to the plugin Settings tab
  • Open WooCommerce tab
  • Select one of the listed positions

Available positions for WhatsApp Chat Button in WooCommerce Are:

  • Before add to cart button
  • After add to cart button
  • Before add to cart form
  • After add to cart form
  • Before product excerpt
  • After product excerpt
  • After product meta
  • Before CSS selector
  • After CSS selector
WooCommerce settings
WooCommerce settings

If your theme supports the selected position then you will see the WhatsApp chat button on the products page like the below image.

After add to cart button
After add to cart button

Use CSS Selector

If your theme does not support any of the positions, then you can use the “Before CSS selector” or “After CSS selector” options.

  • Find an element “ID” or “Class” in the browser console like the below image.
  • Enter a CSS selector in the CSS Selector field to select that element.
  • If you want to select an element with an id=”cart” then enter “#cart” inside the field.
  • If you want to select an element with a class=”add-to-cart” then enter “.add-to-cart” inside the field.
  • Save settings
Find an element class or id
Find an element class or id
Set before or after CSS selector
Set before or after CSS selector

If you enter a valid CSS selector to select a specific element then you will see the WhatsApp Chat Button before or after that element on your website.

Added after Add to Cart button
Added after Add to Cart button

Change Colors

After selecting the template, if you are not satisfied with the color of the chat menu, you can change it and choose your favorite colors

To change colors, follow the below instructions.

  • Open the WhatsApp that you would like to change its colors.
  • Navigate to the Styles tab on the WhatsApp details page.
  • Open the Colors section.

In the Colors section, you can change listed parts of the WhatsApp Chat Support like “Header Background Color”, “Button Color”, “Header Text Color”, “Header Icon Color”, “Header Caption Color”, “Icon Background Color”, “Icon Color”, “Icon Text Color”, “Online Border Color” and “Offline Border Color”.

Chat plugin styles
Styles
Change colours
Change colors
Colors description
Colors description

After changing colors, click on the Save button to save changes.

online and offline status colours
Online and offline colors
Applied changed colors

Pro Options

Here is a list of the Pro version options that can help more to create better WhatsApp Chat support for your website and store.

  • Define custom availability and working hours for each account
  • Define custom availability timezone for each account
  • Google Analytics
  • Facebook Pixel Analytics
  • Add WhatsApp Chat to specific WooCommerce categories or tags
  • Exclude WhatsApp Chat from specific WooCommerce products
  • Display WhatsApp Chat to logged-in users or guest users
  • Scrollbar for multi-agent WhatsApp chat when you have more agents