1. Documentation /
  2. Quick WhatsApp Chat and Orders for WooCommerce

Quick WhatsApp Chat and Orders for WooCommerce

Setup and Configuration

↑ Back to top
Quick WhatsApp allows you to connect your WooCommerce store with WhatsApp to let your customer chat and order on WhatsApp with an interactive user interface and support for multiple WhatsApp numbers.  

Adding a WhatsApp Number/Agent

↑ Back to top
With Quick WhatsApp, you have the option to manage multiple WhatsApp agents for your store and can be used in different places. For example; you can use a different WhatsApp number for each of your products, OR can add multiple WhatsApp members in a floating button.
  1. Go to Quick WhatsApp > Add new agent
  2. Add name of agent.
  3. Add WhatsApp number.
  4. Add designation/description for the agent.
  5. Manage availability of respective WhatsApp number/agent (you can mark it available 24/7 if you don’t want to show it as offline).

Getting started with general settings

↑ Back to top
  1. Go to Quick WhatsApp > Settings > General .
  2. You have option to hide add to cart button.
  3. You can select your theme color.
  4. You can set the message to appear for the agents that are online.

Floating Button Settings

↑ Back to top
You can add an interactive floating icon with multiple animations and a custom image icon. Follow up on the details on how to set up quickly for your site.
  1. Go to Quick WhatsApp > Settings > Floating button
  2. Enable the option to Show floating button
  3. Select Button type: If you want to display single agent or multiple agent
  4. Select agents accordingly (make sure you have added agents from Add new agent tab before this step)
  5. Browser title can be changed dynamically to get the customers attention.
  6. Display a count on floating icon. Leave empty if you would like to disable this option.
  7. You can set it to open the popup with page load by enabling the option Open by default.
  1. You do have the option to set a custom image for the floating icon. If left empty, the default icon will be displayed in the front end.
  2. Set the animation of floating button
  3. You can set the animation of popup as well
  4. There is an option to display pulse effect for the floating icon to add interactivity
  1. Set the Panel title, this will be displayed at the top of the popup.
  2. Set Panel description, this will be displayed under panel title as sub heading.
  3.  Set tooltip text which is displayed right above the floating icon in the message bubble view in order to engage your visitor.
Here is how it may look in the front-end with single agent;  

Display Order on WhatsApp on Shop page

↑ Back to top
  1. Go to Quick WhatsApp > Settings > Shop
  2. Enable option to display WhatsApp button on shop page
  3. Select agent to display on shop page. (NOTE: Only single agent (the first available) will be displayed on frontend if multiple agent has been selected)
  4. You can set a custom message to be sent with product information to WhatsApp.
  5. You can change the button text for Buy on WhatsApp button.
Here is how it may look in the front end. And this is how it may appear on WhatsApp  

Display Order on WhatsApp on Single Product page

↑ Back to top
  1. Go to Quick WhatsApp > Settings > Single product.
  2. Enable the option to display WhatsApp button on single product.
  3. Select agent that you would like to display on single product. NOTE: Only single agent (the first available) will be displayed on frontend if multiple agent has been selected.
  4. Add a custom message that you would like to send with product information from single product edit window.
  1. Set button position as per your preference on single product page.
  2. Change button style as per your theme.
  3. If you have selected Simple button with custom text style, you will have an option to set custom button text.
Here is how it may look in the front end.

Send cart information via WhatsApp

↑ Back to top
  1. Go to Quick WhatsApp > Settings > Cart
  2. Enable option to complete order via WhatsApp on cart page.
  3. You can Hide proceed to checkout option if you would like to get all orders via WhatsApp only.
  4. Select agent to receive orders. NOTE: Only single agent (the first available) will be displayed on frontend if multiple agent has been selected.
  5. You can set a custom message to be sent with cart details.
  1. Select button style to use on the cart page.
  2. If you have selected Simple button with custom text style, you will have an option to set custom button text.
Here is how the information will be send to agent WhatsApp number.  

Send Order information after checkout via WhatsApp

↑ Back to top
You can also display a WhatsApp button on thankyou page, in order to let customers send the whole order information after checkout. This can help store managers to connect with their customers with WhatsApp before processing the orders for them.
  1. Go to Quick WhatsApp > Settings > After Checkout.
  2. Enable option to display WhatsApp button on Thank You page.
  3. Set a custom message to be send before order information.
  4. Set title to be displayed before order information.
  5. Set title for the customer information to be send via WhatsApp.
  6. You can even send an order number to WhatsApp for quick reference.
  1. Select button style as per your preference.
  2. If you have selected Simple button with custom text style, you will have an option to set custom button text.
  3. Set the title of the section to be displayed.
Here is how the complete order information will be send to agent WhatsApp number.  

Display WhatsApp buttons with short code

↑ Back to top
You can display Quick WhatsApp buttons any where on your site using short codes.
  1. Go to Quick WhatsApp > Settings > Short codes
  2. Set the message you would like to send with this button to WhatsApp
  3. Select button style. This style will be used for all short codes being used in your site.
  1. You can copy the short code for each agent from the single agent edit window.
  2. Just paste this short code anywhere around your site to let your customers connect with you via WhatsApp
 

Assign separate WhatsApp numbers/agents to individual products

↑ Back to top
If you would like to assign separate WhatsApp number to individual products, you can do it easily using the following settings.
  1. Within single product edit window, click on Quick WhatsApp tab
  2. Enable option to select unique agent
  3. Assign an agent to this specific product. NOTE: Only single agent (the first available) will be displayed on frontend if multiple agent has been selected.
  4. You also have an option to hide the WhatsApp button for a specific product.
  5. You can hide the add to cart button on a specific product.