Floating Chat Button (All Pages)
Always-visible WhatsApp icon anchored to the storefront on every page
WhatsApp Integration for Magento 2
Turn every page of your Magento 2 store into a live support channel. Panth WhatsApp Integration adds a floating chat button on all pages, a dedicated product page inquiry button, and a category page assistance banner, with configurable…
Magento 2.4.6, 2.4.8
PHP 8.1, 8.4
Hyva + Luma Ready
Free
Key Features:
- Floating Chat Button (All Pages)
- Product Page Inquiry Button
- Category Page Assistance Banner
- Admin Configuration (Zero-Code)
Additional Services
$0.00
In stock
SKU
panth-whatsapp
Lifetime Updates
Every Magento release
1-Year Free Support
Email + WhatsApp
Adobe-Certified
Magento 2 Developer
Free Forever
No subscription, no upsell
What you get
Everything in the box
Built-in from day one. No add-ons, no upsell, no licence keys to renew.
Product Page Inquiry Button
Dedicated "Ask on WhatsApp" button rendered on product pages
Category Page Assistance Banner
Optional "Need help finding the right product? Chat with us" banner on category listing pages
Admin Configuration (Zero-Code)
Single consolidated config section under Stores → Configuration → Panth Extensions → WhatsApp
Business Hours & Greetings
Optional business hours, show a different message / icon outside working hours
Theme-Aware Styling
Full Hyva (Alpine.js + Tailwind) and Luma (jQuery + Knockout) templates shipped in the module
Overview
The WhatsApp Integration for Magento 2 is a click-to-chat module for Magento 2 and Adobe Commerce that turns every storefront page into a live support channel. It adds a floating chat button, a product-page inquiry button with pre-filled SKU and URL, and a category-page assistance banner without theme edits or API setup.
The floating WhatsApp button sits on every page in a configurable corner (bottom-right, bottom-left, top-right, top-left) with adjustable X/Y offsets so it never collides with cookie banners or back-to-top widgets. On product detail pages, the "Ask on WhatsApp" button pre-fills the message with product name, SKU, price, and canonical URL - so your support team sees the context the moment the chat opens. Category pages get an optional assistance banner ("Need help finding the right product?") with the category name auto-injected into the conversation.
Every setting is per-store-view, so multi-country merchants can route different storefronts to different WhatsApp numbers, templates, business hours, and time zones. Hyva templates run on Alpine.js and Tailwind; Luma templates use the standard block/phtml pattern - both shipped, automatically selected by theme detection. The WhatsApp Integration for Magento 2 renders server-side as a plain <a> tag using the public wa.me link, so there are no third-party scripts, trackers, or blocking resources. Optional whatsapp_click GA4/GTM events measure chat-driven conversions. Magento 2.4.4 - 2.4.8, PHP 8.1 - 8.4.
Best for:
- B2B wholesale and high-ticket stores where shoppers want to talk before buying
- Regional merchants in India, LATAM, MENA, and SEA where WhatsApp dominates
- Stores that want pre-purchase support without paying for the WhatsApp Business API
What you get
The WhatsApp Integration for Magento 2 covers every surface that drives chat conversion:
- Floating button on every page with four-corner placement, custom offsets, and tooltip
- Product page "Ask on WhatsApp" button with auto-injected name, SKU, price, and URL
- Category page assistance banner with configurable headline, CTA, and category context
- Business-hours support with offline message and per-store time-zone awareness
- Hyva (Alpine.js plus Tailwind) and Luma templates with automatic theme detection
- Optional
whatsapp_clickGA4 / GTM events with surface and product context
WhatsApp Integration for Magento 2
Turn every page of your Magento 2 store into a live support channel. Panth WhatsApp Integration adds a floating chat button on all pages, a dedicated product page inquiry button, and a category page assistance banner, with configurable position, style, and colors, pre-filled message templates, and full support for both Hyva and Luma themes.
Convert more visitors into customers by letting them reach your team in one tap. The floating WhatsApp chat button is visible on every storefront page; the product inquiry button lets shoppers ask questions about specific SKUs with the product name and URL pre-filled; and the category page assistance banner invites browsers to get help finding the right product. Every message template, position, icon color, and button style is configurable from the Magento admin, no theme edits required.
Key Features
Floating Chat Button (All Pages)
- Always-visible WhatsApp icon anchored to the storefront on every page
- Configurable position, bottom-right, bottom-left, top-right, top-left
- Configurable offsets (X/Y) so the button never collides with cookie banners or back-to-top widgets
- Customisable icon size, background color, and icon color
- Optional tooltip/label ("Chat with us", "Need help?", etc.)
- Smooth hover/entry animations out of the box
- Mobile-first responsive behaviour
Product Page Inquiry Button
- Dedicated "Ask on WhatsApp" button rendered on product pages
- Pre-filled message template with the product name, SKU, price, and URL automatically injected
- Positioned near the Add-to-Cart button (configurable)
- Works for simple, configurable, bundle, grouped, and virtual products
- Encourages B2B-style pre-purchase questions and increases conversions
Category Page Assistance Banner
- Optional "Need help finding the right product? Chat with us" banner on category listing pages
- Configurable headline, body text, and CTA label
- Displayed at the top, middle, or bottom of the product grid
- Pre-filled message includes the category name so your support team knows the context
Admin Configuration (Zero-Code)
- Single consolidated config section under
Stores → Configuration → Panth Extensions → WhatsApp - Separate toggles for each surface (floating button / product button / category banner)
- Per-store-view configuration for multi-country stores with different WhatsApp numbers
- Live preview of icon color and size
Business Hours & Greetings
- Optional business hours, show a different message / icon outside working hours
- Time-zone aware
- Optional greeting message sent as the first pre-filled line
Theme-Aware Styling
- Full Hyva (Alpine.js + Tailwind) and Luma (jQuery + Knockout) templates shipped in the module
- Styling driven by CSS variables so the button inherits your theme's brand tokens
- Theme detection via
Panth_Core, automatically serves the right template
Analytics & Tracking
- Optional Google Analytics / GTM event on button click (
whatsapp_click) - Event includes surface (
floating/product/category) and product/category context - Helps measure chat-driven conversion rate
Use Cases
- B2B wholesale stores, instant quote requests per product
- High-ticket items, jewellery, furniture, electronics where shoppers want to talk before buying
- Fashion & apparel, size and fit questions pre-purchase
- Regional stores, where WhatsApp is the dominant messaging channel (India, LATAM, MENA, SEA)
- Services & custom orders, turn the product page into a lead-capture tool
Message Templates
Pre-filled message templates support these variables:
| Variable | Available on | Description |
|---|---|---|
{store_name} |
All | Store view name |
{product_name} |
Product button | Current product name |
{product_sku} |
Product button | Current product SKU |
{product_price} |
Product button | Final price with currency |
{product_url} |
Product button | Canonical product URL |
{category_name} |
Category banner | Current category name |
{category_url} |
Category banner | Canonical category URL |
{customer_name} |
All (logged in) | Current customer first name |
Example product template:
Hi {store_name}, I have a question about {product_name} (SKU {product_sku}), {product_url}
Theme Support
Hyva
Templates are Alpine.js-powered with Tailwind utility classes. No extra dependencies, no jQuery, no Knockout, drop-in compatible with any Hyva-based theme.
Luma
Templates use the standard Luma block/phtml pattern with graceful CSS. No RequireJS mixin conflicts, no layout XML overrides of core containers.
Theme detection is handled automatically by Panth_Core\Helper\Theme, the correct template set is selected on every page load.
Troubleshooting
| Issue | Resolution |
|---|---|
| Floating button not visible | Check "Enable Floating Button" and flush cache; verify phone number format |
| Product button not rendering | Confirm product type is enabled; flush full-page cache |
| Wrong theme template loaded | Run bin/magento cache:flush and confirm Panth_Core is enabled |
| WhatsApp opens with empty message | Template variables may contain unsupported characters, review the template |
| Number format rejected by WhatsApp | Use international format without spaces or dashes (e.g. +918401270422) |
Quick Links
- Website: kishansavaliya.com
- Get a Quote: kishansavaliya.com/get-quote
- Upwork Profile (Top Rated Plus): upwork.com/freelancers/~016dd1767321100e21
- Upwork Agency: upwork.com/agencies/1881421506131960778
- Packagist: packagist.org/packages/mage2kishan/module-whatsapp
- GitHub: github.com/mage2sk/module-whatsapp
- Email: kishansavaliyakb@gmail.com
- WhatsApp: +91 84012 70422
Ready to add WhatsApp chat to your Magento 2 store?
SEO Keywords: magento 2 whatsapp, whatsapp chat button, whatsapp product inquiry, whatsapp business magento, customer support chat, magento 2 whatsapp integration, magento 2 floating whatsapp button, whatsapp click to chat magento, hyva whatsapp module, luma whatsapp extension, magento 2 product inquiry, magento 2 live chat, magento 2 customer support, 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, panth whatsapp, mage2kishan whatsapp, kishan savaliya magento, top rated plus magento developer, hire magento developer upwork, custom magento development, magento 2 hyva development
Compatibility
| Requirement | Versions Supported |
|---|---|
| Magento Open Source | 2.4.4, 2.4.5, 2.4.6, 2.4.7, 2.4.8 |
| Adobe Commerce | 2.4.4, 2.4.5, 2.4.6, 2.4.7, 2.4.8 |
| Adobe Commerce Cloud | 2.4.4-2.4.8 |
| PHP | 8.1.x, 8.2.x, 8.3.x, 8.4.x |
| Hyva Theme | 1.3+ |
| Luma Theme | Native support |
| Required dependency | mage2kishan/module-core |
Installation
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
- Download the latest release from Packagist or GitHub
- Extract to
app/code/Panth/WhatsApp/ - Ensure
Panth_Coreis installed atapp/code/Panth/Core/ - Run the same commands listed above
Verify Installation
bin/magento module:status Panth_WhatsApp
# Expected output: Module is enabled
Then navigate to:
Admin → Stores → Configuration → Panth Extensions → WhatsApp
Configuration
All settings live at Stores → Configuration → Panth Extensions → WhatsApp.
General
| Setting | Description |
|---|---|
| Enable WhatsApp Module | Master toggle for the entire module |
| WhatsApp Number | Destination number in international format (e.g. +918401270422) |
| Enable on Mobile / Desktop | Show only on selected devices |
Floating Chat Button
| Setting | Description |
|---|---|
| Enable Floating Button | Turn the storefront-wide button on/off |
| Position | bottom-right, bottom-left, top-right, top-left |
| Offset X / Y | Pixel offset from the edge |
| Icon Size | Small / Medium / Large or custom px |
| Icon Background Color | Hex color picker |
| Icon Color | Hex color picker |
| Tooltip Text | Optional label shown next to the button |
| Pre-filled Message | Default greeting (supports {store_name}) |
Product Page Inquiry Button
| Setting | Description |
|---|---|
| Enable Product Inquiry Button | Toggle the per-product button |
| Button Label | e.g. "Ask on WhatsApp" |
| Button Position | Before / after Add-to-Cart |
| Pre-filled Message | Template with variables, see below |
Category Page Assistance Banner
| Setting | Description |
|---|---|
| Enable Category Banner | Toggle the category-page banner |
| Banner Position | Top / middle / bottom of the product grid |
| Headline | e.g. "Need help finding the right product?" |
| CTA Label | e.g. "Chat with us on WhatsApp" |
| Pre-filled Message | Template with {category_name} variable |
Business Hours
| Setting | Description |
|---|---|
| Enable Business Hours | Show different behaviour outside working hours |
| Time Zone | Store time zone |
| Working Hours | Per-day open/close times |
| Offline Message | Shown outside business hours |
| Module Category | Forms & Communication |
|---|---|
| Best For | All Sizes |
FAQ
Frequently Asked Questions
Do I need a WhatsApp Business account?
No, any valid WhatsApp number works. However, a WhatsApp Business account is strongly recommended for commercial use (auto-replies, labels, catalog).
Does this use the WhatsApp Business API?
No. This module uses the public wa.me click-to-chat link, which is free and requires no API setup. For automated outbound messaging you would need the WhatsApp Business API (separate product).
Can I use different numbers for different stores?
Yes. Every setting respects Magento's scope hierarchy (default → website → store view), so each store view can have its own number, templates, and colors.
Does it work with Hyva?
Yes. Full native Hyva templates are shipped. No compatibility module needed, the module ships with both Hyva and Luma templates and switches automatically.
Will it slow down my store?
No. The button is rendered server-side as a simple <a> tag. There are no third-party scripts, no trackers, and no blocking resources.
Can I track clicks in Google Analytics?
Yes. Enable Analytics Events in the config, every click fires a whatsapp_click event with surface and context.
Does it support multi-language stores?
Yes. All admin and frontend strings use Magento's __() translation function and can be translated to any language.
Can I hide the button on specific pages?
Yes. Use standard Magento layout XML to remove the panth.whatsapp.floating block from specific handles.
Do I need a WhatsApp Business account?
No, any valid WhatsApp number works. However, a WhatsApp Business account is strongly recommended for commercial use (auto-replies, labels, catalog).
Does Panth Footer replace the default Magento footer?
Yes. When enabled, Panth Footer takes over the footer.container block and renders its own configurable footer. You can disable it any time to restore the default footer.
Will this slow down my storefront?
No. The notification feed is cached, assets are lightweight, and the JS runs asynchronously after page load.
Is llms.txt an official standard?
An emerging community standard proposed at llmstxt.org with a growing list of adopters (Anthropic, Perplexity, Vercel, Stripe, Cloudflare docs all publish one). Not an IETF RFC yet, but stable enough that major AI platforms rely on it.
Does this module change how Magento calculates custom option prices?
No. All price-delta logic continues to flow through Magento's standard priceBox and price-option JS components. This module only replaces the visual rendering.
Does Panth Mega Menu work on both Hyva and Luma?
Yes. The module ships with two purpose-built templates, Alpine.js + Tailwind for Hyva and vanilla JS for Luma, and auto-switches based on your active storefront theme.
How many forms can I create?
Unlimited. Each form has a unique identifier and its own submissions scope.
How is this different from a traditional antivirus?
Panth Malware Scanner is built specifically for Magento 2 filesystems, it understands the directory layout, knows which folders are writable from the frontend, and ships signatures tuned for Magento-targeted threats (Magecart skimmers, PolyShell webshells, admin-layout injection). Traditional AV tools scan everything with generic signatures and produce noise.
Do changes require a Tailwind rebuild every time?
No. Color, font, and radius changes use CSS custom properties and take effect instantly. Only changes to Tailwind-class-driven tokens (custom spacing scales, new breakpoints) require a rebuild via the Rebuild Theme button.
Do I have to pay for Panth Core?
No. Panth Core is completely free and will remain free forever. It is the foundation library that other (paid) Panth extensions depend on.
Need this customised?
Talk to Kishan directly: written quote, scope and timeline within 24 hours. No sales call.
WhatsApp Integration for Magento 2
$0.00
You might also like
Related products
Step up
