> For the complete documentation index, see [llms.txt](https://ninjateam.gitbook.io/whatsapp-for-wordpress/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ninjateam.gitbook.io/whatsapp-for-wordpress/how-it-works/woocommerce-button.md).

# WooCommerce Button

The [WhatsApp Chat WordPress](https://1.envato.market/WP-WhatsApp-Widget) plugin allows you to add product experts or sales agents' WhatsApp contact buttons to WooCommerce product pages.

### Adding WhatsApp contact button to WooCommerce product page

From your admin dashboard, go to **WhatsApp** > **Settings** > open **WooCommerce Button** tab.

Enabling the option and you can set up the WooCommerce WhatsApp button in a few clicks.

* Choose placement: pick where you want to put the WhatsApp button
  * Before Add to Cart button
  * After Add to Cart button
  * After short description
  * After long description
* Choose accounts to display: pick one or more agents from the dropdown list
* Save changes and you're all done!

![Set up WooCommerce WhatsApp button](https://2344290030-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MgdsaJi2FWBB3RHhbD7%2F-MgiPsg3uZnIXQwQi6Th%2F-MgiQc48O0oNuM-jXuSF%2Fenable%20WooCommerce%20WhatsApp%20button.png?alt=media\&token=ea1b7068-a850-4db2-a168-564c80e69260)

Visit any of your WooCommerce single product pages and you'll see the WhatsApp button inserted like this.

![WooCommerce product page with a WhatsApp button](https://2344290030-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MgdsaJi2FWBB3RHhbD7%2F-MgiReFLrVkOXirZ_jXt%2F-MgiogwwEfB95Ryem2Yx%2Fclick%20to%20chat%20on%20WhatsApp%20WooCommerce%20page.png?alt=media\&token=14bbe1dd-9e7c-4d68-bdb0-7d86d955dec1)

If you want to edit the design or greetings text of this WooCommerce button at the agent individual level, please see [Customizing WhatsApp contact button](https://ninjateam.gitbook.io/whatsapp-for-wordpress/how-it-works/button-customizer).

After placing multiple WhatsApp members with different working hours and greetings text on the same WooCommerce page, here's how the set of buttons look like.

![WooCommerce product page with two WhatsApp buttons](https://2344290030-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MgdsaJi2FWBB3RHhbD7%2F-MgipwfJFZrIGz27c_fe%2F-Mgir_CO82X_WbVcx7Iu%2FWooCommerce-product-page-with-WhatsApp-button.png?alt=media\&token=4bfab6d6-cc59-48a8-bf97-c9818dcdb77b)
