PHPackages mage2kishan/module-whatsapp - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Utility & Helpers](/categories/utility) 4. / 5. mage2kishan/module-whatsapp ActiveMagento2-module[Utility & Helpers](/categories/utility) mage2kishan/module-whatsapp =========================== WhatsApp Integration for Magento 2 — floating chat button, product page inquiry button, and category page assistance banner. Supports Hyva and Luma themes with CSS variable-based styling. 1.0.5(1mo ago)044↓66.7%11proprietaryPHPPHP ~8.1.0||~8.2.0||~8.3.0||~8.4.0 Since Apr 14Pushed 1mo agoCompare [ Source](https://github.com/mage2sk/module-whatsapp)[ Packagist](https://packagist.org/packages/mage2kishan/module-whatsapp)[ Docs](https://kishansavaliya.com)[ RSS](/packages/mage2kishan-module-whatsapp/feed)WikiDiscussions main Synced 3w ago READMEChangelogDependencies (12)Versions (7)Used By (1) Magento 2 WhatsApp Integration: Floating Chat Button, Product Inquiry and Category Banner (Hyva + Luma) ======================================================================================================= [](#magento-2-whatsapp-integration-floating-chat-button-product-inquiry-and-category-banner-hyva--luma) [![Magento 2.4.4 - 2.4.8](https://camo.githubusercontent.com/079c832211eed4f9451ebe264e3865f825b0f9f31b041cbf03676c6e254535d4/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4d6167656e746f2d322e342e342532302d2d253230322e342e382d6f72616e67653f6c6f676f3d6d6167656e746f266c6f676f436f6c6f723d7768697465)](https://magento.com)[![PHP 8.1 - 8.4](https://camo.githubusercontent.com/56b3cce18841623e2cbed2ebf09b06be1be8807e99e6e054a89d304ab4790b8e/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5048502d382e312532302d2d253230382e342d626c75653f6c6f676f3d706870266c6f676f436f6c6f723d7768697465)](https://php.net)[![Hyva + Luma](https://camo.githubusercontent.com/d4d6a05401973034a5aae392f030440eefa40afc9191ffb06ed897af5d25adb1/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5468656d65732d487976612532302532422532304c756d612d313462386136)](https://www.hyva.io)[![Live Demo & Details](https://camo.githubusercontent.com/94c16c12625b09024e0ab738e683149c689b398bc9696b96a5476f547e894a15/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4c69766525323044656d6f25323025323625323044657461696c732d6d6167656e746f2d2d322d2d77686174736170702d3044393438383f7374796c653d666c6174)](https://kishansavaliya.com/magento-2-whatsapp.html)[![Packagist](https://camo.githubusercontent.com/5c21ed3412cfd7382c1e43da6c31137d951828887c9e1df3e30dcc5e5699b159/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5061636b61676973742d6d616765326b697368616e2532466d6f64756c652d2d77686174736170702d6f72616e67653f6c6f676f3d7061636b6167697374266c6f676f436f6c6f723d7768697465)](https://packagist.org/packages/mage2kishan/module-whatsapp)[![Upwork Top Rated Plus](https://camo.githubusercontent.com/6f72584179420c41ed90432fd2579a4ed36199d4229e8181d20f353c1c4ee4eb/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5570776f726b2d546f702532305261746564253230506c75732d3134613830303f6c6f676f3d7570776f726b266c6f676f436f6c6f723d7768697465)](https://www.upwork.com/freelancers/~016dd1767321100e21)[![Website](https://camo.githubusercontent.com/f1ae86d28e2b505aee60f240d3e5508e390b0a8dc7a9b7ecf1b450fad862053f/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f576562736974652d6b697368616e736176616c6979612e636f6d2d304439343838)](https://kishansavaliya.com) > **Let shoppers reach you on WhatsApp from any page of your store.** Panth WhatsApp Integration adds a floating chat button visible on every storefront page, a dedicated inquiry button on product pages with the product name and URL pre-filled, and an assistance banner on category pages. Native templates for **Hyva (Alpine.js)** and **Luma** are both included. **Product page:** [kishansavaliya.com/magento-2-whatsapp.html](https://kishansavaliya.com/magento-2-whatsapp.html) --- Quick Answer ------------ [](#quick-answer) **What is Panth WhatsApp Integration?** It is a Magento 2 extension that adds a WhatsApp chat button to your storefront so shoppers can contact you in one tap, without filling out a form or sending an email. **What does it add to my store?** - A **floating WhatsApp button** anchored to every page with configurable position and hover text. - A **product page inquiry button** that pre-fills the product name and URL into the WhatsApp message. - A **category page assistance banner** with a button so shoppers can ask for help finding a product. - **Advanced styling** via custom CSS classes for extra control over appearance. **Which themes are supported?** Both **Hyva** (Alpine.js, no jQuery) and **Luma**. The right template is picked for you based on the active theme. **What does it need?** Magento 2.4.4 to 2.4.8, PHP 8.1 to 8.4, and the free `mage2kishan/module-core` package. --- Need Custom Magento 2 Development? ---------------------------------- [](#need-custom-magento-2-development) > **Get a free quote for your project in 24 hours** for custom modules, Hyva themes, performance work, M1 to M2 migrations, and Adobe Commerce Cloud. [ ![Get a Free Quote](https://camo.githubusercontent.com/eac8c45d21cff8b139ddc392325f3bd6c8266a6f3d7b23f15131c958f3d3c8d0/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f476574253230612532304672656525323051756f74652532302545322538362539322d5265706c7925323077697468696e2532303234253230686f7572732d4443323632363f7374796c653d666f722d7468652d6261646765) ](https://kishansavaliya.com/get-quote) ### Kishan Savaliya [](#kishan-savaliya) **Top Rated Plus on Upwork** [![Hire on Upwork](https://camo.githubusercontent.com/b69353d3c6e192f4d03cc36bb8883612004e32f54dd2dbcc1e700dd791acd875/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f486972652532306f6e2532305570776f726b2d546f702532305261746564253230506c75732d3134613830303f7374796c653d666f722d7468652d6261646765266c6f676f3d7570776f726b266c6f676f436f6c6f723d7768697465)](https://www.upwork.com/freelancers/~016dd1767321100e21) 100% Job Success • 10+ Years Magento Experience Adobe Certified • Hyva Specialist ### Panth Infotech Agency [](#panth-infotech-agency) **Magento Development Team** [![Visit Agency](https://camo.githubusercontent.com/bbf04bdd2aff502082508568ec42ace3a7475c98756f596e2013056c89726ed6/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f56697369742532304167656e63792d50616e7468253230496e666f746563682d3134613830303f7374796c653d666f722d7468652d6261646765266c6f676f3d7570776f726b266c6f676f436f6c6f723d7768697465)](https://www.upwork.com/agencies/1881421506131960778/) Custom Modules • Theme Design • Migrations Performance • SEO • Adobe Commerce Cloud **Visit our website:** [kishansavaliya.com](https://kishansavaliya.com) | **Get a quote:** [kishansavaliya.com/get-quote](https://kishansavaliya.com/get-quote) --- Table of Contents ----------------- [](#table-of-contents) - [Who Is It For](#who-is-it-for) - [Key Features](#key-features) - [Compatibility](#compatibility) - [Installation](#installation) - [Configuration](#configuration) - [How It Works](#how-it-works) - [FAQ](#faq) - [Support](#support) - [About Panth Infotech](#about-panth-infotech) - [Quick Links](#quick-links) --- Who Is It For ------------- [](#who-is-it-for) - **B2B and wholesale stores** where customers want to ask about bulk pricing or custom orders before buying. - **High-ticket product stores** (jewellery, furniture, electronics) where shoppers prefer a conversation before committing. - **Fashion and apparel stores** where shoppers ask about sizing, availability, or fit. - **Regional stores in India, LATAM, MENA, and SEA** where WhatsApp is the main support channel for customers. - **Any Magento 2 merchant** who wants to turn browser traffic into direct conversations without extra software. --- Key Features ------------ [](#key-features) ### Floating WhatsApp Button (All Pages) [](#floating-whatsapp-button-all-pages) - **Always-visible chat button** anchored to every page of the storefront. - **Configurable position** from four options: bottom-left, bottom-right, top-left, top-right. - **Optional hover text** (e.g. "Chat with Us") shown next to the icon on hover. - **Pre-filled default message** so shoppers land in WhatsApp with a ready-to-send greeting. - **Pulse animation** to draw attention to the button on page load. - **Mobile-first** and works on both phones and desktop browsers. ### Product Page Inquiry Button [](#product-page-inquiry-button) - **Dedicated WhatsApp button** rendered on product detail pages. - **Pre-filled message** with the product name and product URL inserted automatically using `{product_name}` and `{product_url}` placeholders. - **Configurable button text** and button style (default, solid, outline, icon-only, text-only). - Works for simple, configurable, bundle, grouped, and virtual products. ### Category Page Assistance Banner [](#category-page-assistance-banner) - **WhatsApp inquiry button** shown on category and listing pages. - **Configurable button text** and pre-filled message template for category context. - Lets shoppers ask for help finding the right product from within the catalog. ### Advanced Styling [](#advanced-styling) - **Custom CSS classes** field in admin to add Tailwind or your own classes to WhatsApp elements. - **CSS variable theming** via `theme-config.json` so button colors inherit from your Hyva design tokens. - No theme file edits required for standard setup. ### Hyva + Luma Ready [](#hyva--luma-ready) - **Native Hyva templates** built on Alpine.js, with no jQuery, RequireJS, or Knockout added in. - **Native Luma templates** using standard Magento block and phtml patterns. - **Theme is detected automatically** through `Panth_Core\Helper\Theme` so the right template loads every time. - **Works on** Magento Open Source, Adobe Commerce, and Adobe Commerce Cloud. ### Built to Last [](#built-to-last) - **Clean, MEQP-style code** with constructor dependency injection only. - **Per-store-view configuration** so multi-country stores can use different numbers, texts, and templates per store. - **Translation ready**: every frontend label uses Magento's `__()` function. - **Zero third-party scripts** loaded on the page. The button is a simple server-rendered link. --- Compatibility ------------- [](#compatibility) RequirementVersions SupportedMagento Open Source2.4.4, 2.4.5, 2.4.6, 2.4.7, 2.4.8Adobe Commerce2.4.4, 2.4.5, 2.4.6, 2.4.7, 2.4.8Adobe Commerce Cloud2.4.4 to 2.4.8PHP8.1.x, 8.2.x, 8.3.x, 8.4.xHyva Theme1.3+ (native Alpine.js support)Luma ThemeNative supportRequired Dependency`mage2kishan/module-core` (free)--- Installation ------------ [](#installation) ### Composer Installation (Recommended) [](#composer-installation-recommended) ``` composer require mage2kishan/module-whatsapp bin/magento module:enable Panth_Core Panth_WhatsApp bin/magento setup:upgrade bin/magento setup:di:compile bin/magento setup:static-content:deploy -f bin/magento cache:flush ``` ### Manual Installation via ZIP [](#manual-installation-via-zip) 1. Download the latest release from [Packagist](https://packagist.org/packages/mage2kishan/module-whatsapp) or from the [product page](https://kishansavaliya.com/magento-2-whatsapp.html). 2. Extract it to `app/code/Panth/WhatsApp/` in your Magento install. 3. Make sure `Panth_Core` is installed too (required dependency). 4. Run the commands above starting from `bin/magento module:enable`. ### Verify Installation [](#verify-installation) ``` bin/magento module:status Panth_WhatsApp # Expected: Module is enabled ``` After install, open: ``` Admin -> Stores -> Configuration -> Panth Extensions -> WhatsApp Integration ``` --- Configuration ------------- [](#configuration) Go to **Stores -> Configuration -> Panth Extensions -> WhatsApp Integration**. SettingGroupDefaultDescriptionEnable WhatsApp Float ButtonFloat Button SettingsNoMaster toggle for the floating button on all pages.WhatsApp Phone NumberFloat Button Settings+918401270422Phone number in international format, e.g. +1234567890.Default MessageFloat Button SettingsHi! I have a question...Pre-filled message when a shopper clicks the floating button.Button TextFloat Button SettingsChat with UsHover label shown next to the floating icon.Button PositionFloat Button Settingsbottom-leftPosition of the floating button: bottom-left, bottom-right, top-left, or top-right.Enable WhatsApp on Product PagesProduct Page SettingsNoToggle the inquiry button on product detail pages.Button TextProduct Page SettingsAsk on WhatsAppLabel on the product page button.Message TemplateProduct Page SettingsHi! I'm interested in {product\_name}. {product\_url}Pre-filled message with product context. Supports {product\_name} and {product\_url}.Button StyleProduct Page SettingsdefaultVisual style of the button (default, solid, outline, icon-only, text-only).Enable WhatsApp on Category PagesCategory Page SettingsNoToggle the inquiry button on category listing pages.Button TextCategory Page SettingsChat with UsLabel on the category page button.Message TemplateCategory Page SettingsHi! I need help finding products...Pre-filled message for category inquiries.Custom CSS ClassesAdvanced Styling(empty)Extra CSS or Tailwind classes added to WhatsApp elements. One class per line.All settings respect Magento's scope order (default, website, store view), so each store view can have its own number, text, and templates. --- How It Works ------------ [](#how-it-works) 1. The floating button block is injected into every page via layout XML. 2. On page load, the button renders as a plain `` link with the phone number and pre-filled message URL-encoded. No JavaScript is required for the link to work. 3. On product pages, the product name and URL are resolved server-side by the `Block\Product\Button` block and inserted into the message template. 4. On category pages, the `Block\Category\Banner` block renders the inquiry button with its own configurable message. 5. For Hyva themes, Alpine.js handles any animated or interactive behavior. For Luma, standard phtml templates are used. 6. Custom CSS classes from the admin config are added to the button element at render time. --- FAQ --- [](#faq) ### Does this use the WhatsApp Business API? [](#does-this-use-the-whatsapp-business-api) No. The module uses the public **wa.me** click-to-chat URL, which is free and needs no API key or approval. Shoppers click the button and WhatsApp opens with the pre-filled message ready to send. ### Do I need a WhatsApp Business account? [](#do-i-need-a-whatsapp-business-account) No, any valid WhatsApp number works. A WhatsApp Business account is recommended for commercial use because it supports auto-replies and a business profile, but it is not required. ### Can I use a different number for each store view? [](#can-i-use-a-different-number-for-each-store-view) Yes. Every setting respects Magento's scope hierarchy, so each store view can have its own phone number, message templates, and button labels. ### Does it work with Hyva themes? [](#does-it-work-with-hyva-themes) Yes. The module ships native Alpine.js templates for Hyva and standard phtml templates for Luma. Theme detection is automatic through `Panth_Core`. ### Will the button slow down my pages? [](#will-the-button-slow-down-my-pages) No. The button is rendered server-side as a plain HTML link. There are no third-party scripts, no external trackers, and no blocking resources loaded on any page. ### Can I change the button text shown on the product page? [](#can-i-change-the-button-text-shown-on-the-product-page) Yes. The "Button Text" field in the Product Page Settings group lets you set any label, such as "Ask on WhatsApp", "Inquire Now", or any translated string. ### Can I control which pages show the floating button? [](#can-i-control-which-pages-show-the-floating-button) Yes. Use standard Magento layout XML to remove the `panth.whatsapp.float` block from specific handles if you want to hide it on certain page types. ### Is it translation ready? [](#is-it-translation-ready) Yes. Every frontend label uses Magento's `__()` function, so it can be translated from a theme or language pack. ### Does it work with multi-store setups? [](#does-it-work-with-multi-store-setups) Yes. Settings and message templates are scoped per store view, so you can run different numbers and languages across store views from one Magento install. --- Support ------- [](#support) ChannelContactProduct Page[kishansavaliya.com/magento-2-whatsapp.html](https://kishansavaliya.com/magento-2-whatsapp.html)EmailWebsite[kishansavaliya.com](https://kishansavaliya.com)WhatsApp+91 84012 70422GitHub Issues[github.com/mage2sk/module-whatsapp/issues](https://github.com/mage2sk/module-whatsapp/issues)Upwork (Top Rated Plus)[Hire Kishan Savaliya](https://www.upwork.com/freelancers/~016dd1767321100e21)Upwork Agency[Panth Infotech](https://www.upwork.com/agencies/1881421506131960778/)Response time: 1-2 business days. ### Need Custom Magento Development? [](#need-custom-magento-development) Looking for **custom Magento module development**, **Hyva theme work**, **store migrations**, or **performance tuning**? Get a free quote in 24 hours: [ ![Get a Free Quote](https://camo.githubusercontent.com/0d9512dc4f89ef40179e9f650fd0786b6bc846d289ab2cb04a223a43f2833eeb/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f254630253946253932254143253230476574253230612532304672656525323051756f74652d6b697368616e736176616c6979612e636f6d2532466765742d2d71756f74652d4443323632363f7374796c653d666f722d7468652d6261646765) ](https://kishansavaliya.com/get-quote) [ ![Hire on Upwork](https://camo.githubusercontent.com/fad56e8be7896e39593f090cd2ed32e6bf86b4b6e75974cf292aee99d45f5077/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f486972652532304b697368616e2d546f702532305261746564253230506c75732d3134613830303f7374796c653d666f722d7468652d6261646765266c6f676f3d7570776f726b266c6f676f436f6c6f723d7768697465) ](https://www.upwork.com/freelancers/~016dd1767321100e21) [ ![Visit Agency](https://camo.githubusercontent.com/fdf45a9d937d72b896f5e2557337d47efebc0e06b7ad4d4c162c0a64375a62fa/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f56697369742d50616e7468253230496e666f746563682532304167656e63792d3134613830303f7374796c653d666f722d7468652d6261646765266c6f676f3d7570776f726b266c6f676f436f6c6f723d7768697465) ](https://www.upwork.com/agencies/1881421506131960778/) [ ![View Product Page](https://camo.githubusercontent.com/b298f20e9f9cb1907632b152e58f7a096700bd23fbc98af04db5c2ba26a30a1e/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5669657725323050726f64756374253230506167652d6d6167656e746f2d2d322d2d77686174736170702d3044393438383f7374796c653d666f722d7468652d6261646765) ](https://kishansavaliya.com/magento-2-whatsapp.html) --- About Panth Infotech -------------------- [](#about-panth-infotech) Built and maintained by **Kishan Savaliya** ([kishansavaliya.com](https://kishansavaliya.com)), a **Top Rated Plus** Magento developer on Upwork with 10+ years of eCommerce experience. **Panth Infotech** is a Magento 2 development agency that builds high quality, security focused extensions and themes for both Hyva and Luma storefronts. The extension suite covers SEO, performance, checkout, product presentation, customer engagement, and store management, with each module built to MEQP standards and tested across Magento 2.4.4 to 2.4.8. Browse the full extension catalog on our [Magento extensions page](https://kishansavaliya.com/magento-extensions.html) or on [Packagist](https://packagist.org/packages/mage2kishan/). --- Quick Links ----------- [](#quick-links) ResourceLink**Product Page**[magento-2-whatsapp.html](https://kishansavaliya.com/magento-2-whatsapp.html)**Packagist**[mage2kishan/module-whatsapp](https://packagist.org/packages/mage2kishan/module-whatsapp)**GitHub**[mage2sk/module-whatsapp](https://github.com/mage2sk/module-whatsapp)**Website**[kishansavaliya.com](https://kishansavaliya.com)**Free Quote**[kishansavaliya.com/get-quote](https://kishansavaliya.com/get-quote)**Upwork (Top Rated Plus)**[Hire Kishan Savaliya](https://www.upwork.com/freelancers/~016dd1767321100e21)**Upwork Agency**[Panth Infotech](https://www.upwork.com/agencies/1881421506131960778/)**Email****WhatsApp**+91 84012 70422--- **Ready to add WhatsApp chat to your Magento 2 store?** [ ![See WhatsApp Integration](https://camo.githubusercontent.com/20ce7d2f7ae24f5b9bce24a48d6da89c25e5f25786e3b151591789d777317020/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f2546302539462539412538302532305365652532305768617473417070253230496e746567726174696f6e2532302545322538362539322d50726f647563742532305061676525323025323625323044657461696c732d4443323632363f7374796c653d666f722d7468652d6261646765) ](https://kishansavaliya.com/magento-2-whatsapp.html) --- **SEO Keywords:** magento 2 whatsapp, magento 2 whatsapp extension, magento 2 whatsapp integration, magento 2 whatsapp chat button, magento 2 floating whatsapp button, whatsapp product inquiry magento 2, whatsapp click to chat magento, hyva whatsapp, hyva whatsapp extension, luma whatsapp extension, magento 2 whatsapp module, magento 2 click to chat, magento 2 whatsapp button, magento 2 customer chat, magento 2 whatsapp business, wa.me magento, whatsapp contact button magento, magento 2.4.8 whatsapp, php 8.4 magento whatsapp, magento 2 b2b whatsapp, whatsapp lead capture magento, magento 2 product inquiry whatsapp, magento 2 category whatsapp button, panth whatsapp, mage2kishan whatsapp, kishan savaliya magento, top rated plus magento developer, hire magento developer upwork, custom magento development ### Health Score 44 — FairBetter than 90% of packages Maintenance91 Actively maintained with recent releases Popularity11 Limited adoption so far Community9 Small or concentrated contributor base Maturity56 Maturing project, gaining track record Bus Factor1 Top contributor holds 100% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~13 days Total 6 Last Release 36d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/343e344aa298f189db888b32d62f9202d31ced1a5ea23411850a63dc4a30299c?d=identicon)[kishansavaliya](/maintainers/kishansavaliya) --- Top Contributors [![KishanSavaliya](https://avatars.githubusercontent.com/u/16853223?v=4)](https://github.com/KishanSavaliya "KishanSavaliya (8 commits)") --- Tags chatwhatsappcontactmagento2magento2 modulehyvapanthfloat-button ### Embed Badge ![Health badge](/badges/mage2kishan-module-whatsapp/health.svg) ``` [![Health](https://phpackages.com/badges/mage2kishan-module-whatsapp/health.svg)](https://phpackages.com/packages/mage2kishan-module-whatsapp) ``` ### Alternatives [mollie/magento2 Mollie Payment Module for Magento 2 1131.9M16](/packages/mollie-magento2)[run-as-root/magento2-prometheus-exporter Magento2 Prometheus Exporter 68357.9k](/packages/run-as-root-magento2-prometheus-exporter)[loki/magento2-components Core module for defining Alpine.js components with advanced AJAX features 1011.8k26](/packages/loki-magento2-components)[angeo/module-llms-txt Magento 2 module for AI Engine Optimization (AEO). Generates spec-compliant llms.txt and llms-full.txt per llmstxt.org standard, plus streaming JSONL for vector indexing. Multi-store, multi-website, CLI, cron, async admin UI, Page Builder-aware sanitization, customer-group pricing, atomic writes, ETag/Cache-Control, .md mirrors. 111.1k](/packages/angeo-module-llms-txt) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)