<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>

<ul class="wccom-tick-list-primary">
<li style="font-weight: 400"><b>Attach Documents</b>: Include multiple documents, such as user guides, FAQs, and warranties.</li>
<li style="font-weight: 400"><b>Bulk Attachment:</b> Create smart rules to assign documents to specific products or entire categories.</li>
<li style="font-weight: 400"><b>Product-Level Attachments</b>: Add and manage multiple attachments directly from the WooCommerce product edit page.</li>
<li style="font-weight: 400"><b>Shortcode Support</b>: Use shortcodes to display general or product-specific documents anywhere on your site.</li>
<li style="font-weight: 400"><b>Upload Files or URL</b>: Upload files directly or link to external sources like YouTube, Google Drive, or Dropbox.</li>
<li style="font-weight: 400"><b>Attachment in Order Email:</b> Include the product document or attachment in the order confirmation email so customers can stay informed.</li>
<li><b>Choose Display Position:</b> Display the documents in the product tabs or after the add-to-cart button, giving you more flexibility.</li>
<li><b>User Role Control</b>: Restrict document access based on specific user roles to control visibility.</li>
<li><strong>Import via CSV:</strong> Easily import product attachments in bulk using a CSV file.</li>
</ul>
<h2><b>Attach Product Documents and Attachments for Additional Information</b></h2>
<p>Everyone wants to increase sales, and a simple way to do that is by making the buying process easier. Customers feel more confident when they have all the information they need before making a purchase. Providing product documents helps remove doubts and makes it easier for them to decide. The WooCommerce product documents plugin allows you to display product documentation with a shortcode or below the short description.<br />
You can add multiple product documents, such as user guides, specifications, and troubleshooting manuals, to give customers complete information. Attach documents to individual products or entire categories to save time and ensure consistency. Upload files directly to your website or link external URLs from platforms like Google Drive or Dropbox. You can also easily attach documents from the WooCommerce product edit page, making them instantly available to customers.</p>
<h2><b>Include Product Attachments and Documents</b></h2>
<p>Attach documents like user manuals, installation guides, FAQs, and warranty details to make it easy for customers to find important product information. Clear documentation helps customers understand your products better, reducing confusion and support requests. The WooCommerce Product Documents plugin allows you to upload multiple files per product or category, ensuring customers always have access to the information they need.</p>
<p><img class="alignnone size-medium wp-image-18734006329894" src="https://woocommerce.com/wp-content/uploads/2025/04/Include-Product-Attachments-and-Documents.png?w=896" alt="Include Product Attachments and Documents" width="896" height="489" /></p>
<h2><b>Use Shortcode to Display Documents/Attachments</b></h2>
<p>You can easily display product documents anywhere on your site using shortcodes. A general shortcode lets you showcase a list of common documents in any location, such as a dedicated documentation page or a sidebar. If you need to display documents for a specific product, you can use a product-specific shortcode to ensure customers find the right information directly on the product page or any custom placement.</p>
<p><img class="alignnone size-medium wp-image-18734006329895" src="https://woocommerce.com/wp-content/uploads/2025/04/Use-Shortcode-to-Display-Documents-Attachments.png?w=811" alt="Use Shortcode to Display Documents Attachments" width="811" height="159" /></p>
<h2><b>Add Product Attachments on Product Level</b></h2>
<p>Easily manage and attach documents directly from the WooCommerce product edit page. Go to the product settings, upload the necessary files, and they will be instantly available to customers. You can add user manuals, installation guides, FAQs, or any other important documents without hassle. This makes it simple to keep product information organized and accessible, reducing customer confusion and support requests.</p>
<p><img class="alignnone size-medium wp-image-18734006329896" src="https://woocommerce.com/wp-content/uploads/2025/04/Add-Product-Attachments-on-Product-Level.png?w=872" alt="Add Product Attachments on Product Level" width="872" height="646" /></p>
<h2><b>Choose where to Display the Documents/Attachments</b></h2>
<p>The WooCommerce product documents plugin allows you to customize where you want to display the product attachment. You can display it in the product tabs or after the add to cart button. This allows store owners to customize the layout of their pages to meet their requirements.</p>
<h4></h4>
<p class="jetpack-slideshow-noscript robots-nocontent">This slideshow requires JavaScript.</p><div id="gallery-0-1-slideshow" class="jetpack-slideshow-window jetpack-slideshow jetpack-slideshow-black" data-trans="fade" data-autostart="1" data-gallery="[{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2025\/04\/Choose-where-to-Display-the-Documents-Attachments-In-Product-Tab-1.png","id":"18734006329984","title":"Choose where to Display the Documents Attachments In Product Tab","alt":"Choose where to Display the Documents Attachments In Product Tab","caption":"Product Tab","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2025\/04\/Choose-where-to-Display-the-Documents-Attachments-After-the-Add-to-Cart-Button-1.png","id":"18734006329983","title":"Choose where to Display the Documents Attachments After the Add to Cart Button","alt":"Choose where to Display the Documents Attachments After the Add to Cart Button","caption":"After the Add to Cart Button","itemprop":"image"}]"></div>
<h2><b>Add Multiple Documents for Each Product</b></h2>
<p>You can upload multiple documents for each product to give customers all the information they need. Add user guides, specifications, troubleshooting manuals, or any other important files. This is especially helpful for products that need detailed instructions or come in multiple languages.</p>
<p><img class="alignnone size-medium wp-image-18734006329907" src="https://woocommerce.com/wp-content/uploads/2025/04/Add-Multiple-Documents-for-Each-Product.png?w=896" alt="Add Multiple Documents for Each Product" width="896" height="323" /></p>
<h2><b>Multiple Designs for Displaying Product Attachments</b></h2>
<p>Show your product attachments in multiple stylish layouts, including card grid, simple row, or accordions. Choose the design that best fits your store’s look while keeping files easy to view and download. Enhance user experience with a clean, professional presentation for all your product documents.</p>
<p class="jetpack-slideshow-noscript robots-nocontent">This slideshow requires JavaScript.</p><div id="gallery-0-2-slideshow" class="jetpack-slideshow-window jetpack-slideshow jetpack-slideshow-black" data-trans="fade" data-autostart="1" data-gallery="[{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2025\/04\/Multiple-Designs-for-Displaying-Product-Attachments-Simple-Row-1.png","id":"18734006329989","title":"Multiple Designs for Displaying Product Attachments \u0026#8211; Simple Row","alt":"Multiple Designs for Displaying Product Attachments - Simple Row","caption":"Simple Row","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2025\/04\/Multiple-Designs-for-Displaying-Product-Attachments-Card-Grid-1.png","id":"18734006329990","title":"Multiple Designs for Displaying Product Attachments \u0026#8211; Card Grid","alt":"Multiple Designs for Displaying Product Attachments - Card Grid","caption":"Card Grid","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2025\/04\/Multiple-Designs-for-Displaying-Product-Attachments-Accordion-Style-1.png","id":"18734006329991","title":"Multiple Designs for Displaying Product Attachments \u0026#8211; Accordion Style","alt":"Multiple Designs for Displaying Product Attachments - Accordion Style","caption":"Accordion Style","itemprop":"image"}]"></div>
<h2><b>Assign Documents to Specific Product or Category</b></h2>
<p>You can assign documents to both individual products and entire categories, giving you full control over how information is shared. Attach specific documents to individual products when they have unique instructions, user guides, or specifications. If multiple products in a category share the same documents, assign them at the category level to save time and ensure consistency.</p>
<p><img class="alignnone size-medium wp-image-18734006329915" src="https://woocommerce.com/wp-content/uploads/2025/04/Assign-Documents-to-Specific-Product-or-Category.png?w=865" alt="Assign Documents to Specific Product or Category" width="865" height="216" /></p>
<h2><b>Upload Files or Add External URLs</b></h2>
<p>You can add product documents in two ways:</p>
<ul>
<li><b>Upload Files Directly</b>: Add documents like user manuals, guides, or warranties by uploading them to your website. This keeps them easily accessible for customers.</li>
<li><b>Link External URLs</b>: Add URLs for documents or videos hosted on platforms like Google Drive, YouTube, or Dropbox. This option helps you keep files updated without having to re-upload them to your site.</li>
</ul>
<p>With these options, you can manage documents efficiently while ensuring customers always have the latest information.</p>
<p><img class="alignnone size-medium wp-image-18734006329919" src="https://woocommerce.com/wp-content/uploads/2025/04/Upload-Files-or-Add-External-URLs.png?w=866" alt="Upload Files or Add External URLs" width="866" height="259" /></p>
<h2><b>Include Product Documents in the Order Email and My Account Section</b></h2>
<p>Keep customers updated by providing them with the product documents and attachments at different stages. Customers will receive the documents in the order email and can also check them in the My Account section. This way, customers can easily access the documents whenever they want.</p>
<p class="jetpack-slideshow-noscript robots-nocontent">This slideshow requires JavaScript.</p><div id="gallery-0-3-slideshow" class="jetpack-slideshow-window jetpack-slideshow jetpack-slideshow-black" data-trans="fade" data-autostart="1" data-gallery="[{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2025\/04\/Include-Product-Documents-in-the-Order-Email-2.png","id":"18734006332703","title":"Include Product Documents in the Order Email","alt":"Include Product Documents in the Order Email","caption":"Order Email","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2025\/04\/Include-Product-Documents-in-the-My-Account-Section-3.png","id":"18734006332704","title":"Include Product Documents in the My Account Section","alt":"Include Product Documents in the My Account Section","caption":"My Account Section","itemprop":"image"}]"></div>
<h2>Import Product Attachments in Bulk via CSV</h2>
<p>Managing attachments across a large catalog can be time-consuming when done one product at a time. With the CSV import feature, you can add or update product attachments across multiple products at once, saving time and keeping your store consistent. Upload your file and choose whether to append new attachments to existing ones or replace them entirely. You can also control whether imported attachments are available for download. A downloadable CSV template is available within the plugin to help you get started quickly.</p>
<p><img class="alignnone size-medium wp-image-18734006629283" src="https://woocommerce.com/wp-content/uploads/2025/04/Screenshot_4.png?w=591" alt="" width="591" height="521" /></p>

Product Documents and Attachments

<h2><b>Include Documents or Attachments with Products to Provide Customers with Necessary Information and Minimize Purchasing Barriers.</b></h2>

Chat Buttons vs Product Documents and Attachments