<h2><b>Allow Customers to Chat on Their Preferred Platform</b></h2>
<p>Modern shoppers expect fast, familiar communication, not contact forms and delayed email replies. Chat Buttons for WooCommerce lets your customers reach you on the platforms they already use and trust. From WhatsApp and Instagram to Facebook Messenger, Telegram, SMS, and beyond, your store becomes instantly accessible across 12 integrated channels.</p>
<p>Whether it’s a quick product question or a time-sensitive support request, customers can connect with you in a single click. By unifying all your communication options into one sleek widget, you make conversations faster, easier to manage, and far more likely to convert.</p>
<h2><b>Features of Chat Buttons for WooCommerce</b></h2>
<ul>
<li>Support 12 integrated chat platforms:
<ul>
<li>WhatsApp</li>
<li>Instagram</li>
<li>Facebook</li>
<li>Messenger</li>
<li>Telegram</li>
<li>Viber</li>
<li>Line</li>
<li>WeChat</li>
<li>TikTok</li>
<li>SMS</li>
<li>Phone Call</li>
<li>Email</li>
<li>Contact Form</li>
</ul>
</li>
<li>Display the chat widget on specific pages, products, or URLs for targeted customer engagement</li>
<li>Choose widget placement from four screen positions:
<ul>
<li>Bottom right</li>
<li>Bottom left</li>
<li>Top right</li>
<li>Top left</li>
</ul>
</li>
<li>Adjust placement with horizontal and vertical pixel offsets from screen edges</li>
<li>Enable drag-and-drop repositioning so visitors can move the widget to their preferred spot</li>
<li>Select from built-in icon libraries (Lucide, Dashicons) or upload a fully custom icon</li>
<li>Choose from solid, glass, or transparent panel styles to match your store branding</li>
<li>Display chat options as icon only, text only, or icon with description</li>
<li>Arrange chat buttons in list, grid, or mobile app tile layouts</li>
<li>Customize all chat panel colors, including background, title, description, and widget text</li>
<li>Add multi-agent support for WhatsApp with individual avatars, names, titles, and availability hours</li>
<li>Set pre-filled messages for WhatsApp, Telegram, Viber, Line, and SMS</li>
<li>Include a built-in contact form with custom email templates and field labels</li>
</ul>
<h2><b>Connect with Customers Across 12 Chat Platforms</b></h2>
<p>Every customer has a preferred way to communicate. Some rely on WhatsApp, others use Instagram or Telegram, and many simply prefer a quick SMS or phone call. Chat Buttons for WooCommerce gives you all of these channels in one place, so you never miss a conversation, regardless of where your customers are most active.</p>
<p><img class="alignnone size-medium wp-image-18734006559988" src="https://woocommerce.com/wp-content/uploads/2026/04/Connect-with-Customers-Across-12-Chat-Platforms.png?w=896" alt="Connect with Customers Across 12 Chat Platforms" width="896" height="421" /></p>
<h3><b>WhatsApp</b></h3>
<p>The world’s most popular messaging app, now directly accessible from your store. Set a phone number, add a pre-filled message, and configure multi-agent support with individual availability hours so customers always know who they’re reaching.</p>
<h3><b>Instagram & Facebook Messenger</b></h3>
<p>Connect your Instagram username or Facebook Business Page to give social-first shoppers a direct line to your team. Ideal for brands where customers already discover and engage with products through social channels.</p>
<h3><b>Telegram & Viber</b></h3>
<p>Reach customers who prefer privacy-focused or regional platforms. Add pre-filled messages to start conversations with context already in place, reducing back-and-forth and speeding up resolution times.</p>
<h3><b>SMS & Phone Call</b></h3>
<p>Some customers simply want to call or text. Provide a direct phone number for SMS or voice calls, with optional pre-filled message templates for SMS to ensure every conversation starts with the right information.</p>
<h3><b>Line, WeChat & TikTok</b></h3>
<p>Serve global and regional audiences by enabling Line (popular in Japan and Southeast Asia), WeChat (dominant in China), and TikTok for stores active on short-form video platforms. WeChat also supports a fallback URL for environments where the native app link may not be supported.</p>
<h3><b>Built-In Contact Form</b></h3>
<p>Not everyone prefers messaging apps. The built-in contact form gives customers a familiar, email-based option without leaving your site. Customize every field label, placeholder, subject line, email header, and footer to keep your brand voice consistent from form submission to inbox delivery.</p>
<p><img class="alignnone size-medium wp-image-18734006559989" src="https://woocommerce.com/wp-content/uploads/2026/04/12-Chat-Platforms.png?w=896" alt="12 Chat Platforms" width="896" height="762" /></p>
<h2><b>Control Where and How Your Widget Appears</b></h2>
<p>A chat widget is only as useful as the pages it appears on. Chat Buttons for WooCommerce lets you display the widget on all pages or display it on specific pages: specific products, key landing pages, or cart and checkout. You can target specific pages or URL groups, stack multiple rules together, and keep the widget only on pages where it is needed.</p>
<p><img class="alignnone size-medium wp-image-18734006559987" src="https://woocommerce.com/wp-content/uploads/2026/04/Control-Where-and-How-Your-Widget-Appears.png?w=896" alt="Control Where and How Your Widget Appears" width="896" height="365" /></p>
<h2><b>Fully Customize the Chat Widget to Match Your Brand</b></h2>
<p>A great chat experience should feel like a natural part of your store, not a third-party add-on. Chat Buttons for WooCommerce gives you full control over the widget’s appearance and behavior to keep your brand consistent across every customer touchpoint.</p>
<h3><b>Widget Positioning</b></h3>
<p>Place the floating chat button in any of the four screen corners and fine-tune its position with horizontal and vertical pixel offsets. Enable drag-and-drop so visitors can reposition the widget to their liking, with their preference saved in the browser across sessions.</p>
<p><img class="alignnone size-medium wp-image-18734006559991" src="https://woocommerce.com/wp-content/uploads/2026/04/Customize-the-Chat-Widget-Positioning.png?w=896" alt="Customize the Chat - Widget Positioning" width="896" height="317" /></p>
<h3><b>Icon and Panel Design</b></h3>
<p>Select from Lucide or Dashicons icon libraries, or upload your own custom icon. Choose from solid, glass, or transparent panel styles to match your site’s aesthetic. Set your primary brand color for the chat button and hover states to create a seamless visual experience.</p>
<p><img class="alignnone size-medium wp-image-18734006559985" src="https://woocommerce.com/wp-content/uploads/2026/04/Customize-the-Chat-Icon-and-Panel-Design.png?w=779" alt="Customize the Chat - Icon and Panel Design" width="779" height="335" /></p>
<h3><b>Reveal Animations</b></h3>
<p>Choose from 14 animation styles, including stagger, bounce, elastic in, zoom in, and more, to control how your chat buttons appear when the panel opens. Set a panel title and optional subtitle to guide customers and give the widget a polished, purposeful feel.</p>
<p><img class="alignnone size-medium wp-image-18734006559986" src="https://woocommerce.com/wp-content/uploads/2026/04/Customize-the-Chat-Icon-and-Reveal-Animations.png?w=896" alt="Customize the Chat - Icon and Reveal Animations" width="896" height="271" /></p>
<h3><b>Button Layout and Content</b></h3>
<p>Display each chat option as an icon only, text only, or an icon with a description. Organize buttons in a list, grid, or mobile app tile layout. Customize panel background color, title color, description color, and all widget text colors to create a fully branded chat interface.</p>
<p><img class="alignnone size-medium wp-image-18734006559990" src="https://woocommerce.com/wp-content/uploads/2026/04/Customize-the-Chat-Button-Layout-and-Content.png?w=896" alt="Customize the Chat - Button Layout and Content" width="896" height="511" /></p>

Chat Buttons

<h2><b>Let customers reach you instantly on WhatsApp, Instagram, Facebook, Telegram, SMS, and more across a single, fully customizable chat widget.</b></h2>

<h2>Instant order notifications on the world’s famous messaging app.</h2>
<p>Nowadays, everyone uses WhatsApp as their primary messaging application instead of the native SMS application on their phone. To communicate effectively with customers regarding their order notifications, it is best to use WhatsApp. By using the native WhatsApp API, this plugin sends all order-related updates directly to the customer’s WhatsApp number. </p>
<p>The order notifications would be sent to the store admin as well. So now each time an order pops up, the store admin will get a WhatsApp notification instantly. No more missed orders, no more constant email checks.</p>
<hr />
<h2 class="wp-block-heading" id="h-top-3-features">Top Features</h2>
<ul class="wccom-tick-list-primary">
<li>Send order notifications directly on WhatsApp.</li>
<li>This plugin uses WhatsApp API. No third-party service is needed. </li>
<li>Notifications will be sent for both customer & admin. </li>
<li>Admin can create the message templates from the plugin dashboard. </li>
<li>Admin can send WhatsApp messages to customers from the order edit screen.</li>
</ul>
<hr />
<h2>Advantages</h2>
<ul class="wccom-tick-list-secondary">
<li>Both customer & admin-friendly order notification system.</li>
<li>No more missed orders, no more constant email checks.</li>
<li>We’ve used the native WhatsApp API instead of third-party APIs, eliminating extra costs for the store admin.</li>
<li>24/7 help from our support team.</li>
</ul>
<hr />
<h2>How it works</h2>
<h3>Backend</h3>
<p>To make the plugin work, you need to do some configuration from your WordPress Dashboard.<br />Navigate to <strong>Dashboard > WhatsApp Notifications > Settings</strong></p>
<p><img class="size-full wp-image-18734003966257 aligncenter" src="https://woocommerce.com/wp-content/uploads/2024/06/doc-for-woocommerce.jpg" alt="" width="980" height="516" /></p>
<p>Follow this <a href="https://woocommerce.com/document/order-notifications-on-whatsapp/#section-5" target="_blank" rel="noopener">link</a> to retrieve all the Tokens, Numbers & Account IDs to fill in the “WhatsApp API” tab above. Fill those and click on “Save Changes”</p>
<p>Now it’s time to create the WhatsApp templates. Please navigate to <strong>Dashboard > WhatsApp Notifications > WhatsApp Templates</strong> and click on Add new</p>
<p><img class="alignnone size-full wp-image-18734003966271" src="https://woocommerce.com/wp-content/uploads/2024/06/t-1_955da2.jpg" alt="" width="980" height="852" /></p>
<p>Give your template a name and add message <strong>‘header’, ‘body’, </strong>and <strong>‘footer’</strong> content to it and publish it.</p>
<p>Now you can set the created templates to order triggers such as “New order, pending order, order on hold, order processed, order completed notifications etc…”</p>
<p>Navigate to <strong>Dashboard > WhatsApp Notifications > Settings > Order Notification Triggers</strong></p>
<p><img class="alignnone size-full wp-image-18734003966280" src="https://woocommerce.com/wp-content/uploads/2024/06/ont_9f94f9.jpg" alt="" width="980" height="2796" /></p>
<p>In this tab, you can Enable the “Opt-in” checkbox for the customer to opt-in for the WhatsApp order notifications. If you enable this, the opt-in will be displayed for the customer on the checkout page.</p>
<p>The rest of the settings in this tab are to enable order notifications on WhatsApp for different order statuses like ‘order placed, pending, processed, shipped, completed…’ etc. You can choose a <strong>different WhatsApp template</strong> for each order status here.</p>
<p>We also have an interesting “Click to Chat” feature. To enable this awesome feature, please navigate to <strong>Dashboard > WhatsApp Notifications > Settings > Click to Chat</strong><br />Enabling this option will show a floating WhatsApp chat button on your website. By clicking on this button, your customers can interact with the store admin on WhatsApp regarding their product-related queries.</p>
<p><img class="size-full wp-image-18734003966323" src="https://woocommerce.com/wp-content/uploads/2024/06/cc_197424.jpg" alt="" width="980" height="456" /></p>
<h3>Frontend</h3>
<p>Your customers will add products to the cart and place the order. <img class="alignnone size-full wp-image-18734003966588" src="https://woocommerce.com/wp-content/uploads/2024/06/placed-order.jpg" alt="" width="980" height="756" /></p>
<p>When the order is placed successfully, both the store admin and the customer will be instantly notified on their respective WhatsApp.</p>
<p><img class="size-full wp-image-18734003966632" src="https://woocommerce.com/wp-content/uploads/2024/06/notification-wa.jpg" alt="" width="980" height="494" /></p>
<p> </p>
<p>Checkout the following <strong>video</strong> for the visual representation.</p>
<div style="width: 980px" class="wp-video"><video class="wp-video-shortcode" id="video-0-2" width="980" height="551" preload="metadata" controls="controls"><a href="https://woocommerce.com/wp-content/uploads/2024/06/order-notification-on-wa-for-woo-1.mp4">https://woocommerce.com/wp-content/uploads/2024/06/order-notification-on-wa-for-woo-1.mp4</a></video></div>

Order Notifications on WhatsApp

<p>This plugin sends WhatsApp notifications using the official WhatsApp Cloud APIs for WooCommerce orders. </p>

Chat Buttons vs Order Notifications on WhatsApp