Widget for Adobe Commerce / Magento
Whatsapp chat widget for Adobe Commerce / Magento
Create whatsapp chat widget for Adobe Commerce / Magento with WidgetDO. Turn website visits into conversations with a customizable WhatsApp button and chat window. Use the platform-specific installation guide below and keep future changes managed from WidgetDO.
No credit card
Visual editor
Responsive
What you can build
Why use WhatsApp chat widget on Adobe Commerce / Magento
Turn website visits into conversations with a customizable WhatsApp button and chat window.
Use cases
Ways to use WhatsApp chat widget on Adobe Commerce / Magento
Use the widget where it adds context, conversion or a better content experience without rebuilding the page.
Configure it once in WidgetDO and keep future updates centralized.
Configure it once in WidgetDO and keep future updates centralized.
Compatible templates
View all 9 templates →
Choose a WhatsApp chat widget template for Adobe Commerce / Magento
The design is the same WidgetDO template. Only the installation method changes for this platform.
WidgetDO
Preview not generated
Grid · Adobe Commerce / Magento
Classic Support
Ready-to-use design you can customize.
WidgetDO
Preview not generated
Floating · Adobe Commerce / Magento
Support
Ready-to-use design you can customize.
WidgetDO
Preview not generated
Minimal · Adobe Commerce / Magento
Minimal
Ready-to-use design you can customize.
WidgetDO
Preview not generated
Floating · Adobe Commerce / Magento
Sales
Ready-to-use design you can customize.
WidgetDO
Preview not generated
Grid · Adobe Commerce / Magento
Concierge
Ready-to-use design you can customize.
WidgetDO
Preview not generated
Floating · Adobe Commerce / Magento
Corporate
Ready-to-use design you can customize.
Installation
How to add WhatsApp chat widget to Adobe Commerce / Magento
Add WidgetDO widgets to Adobe Commerce / Magento using a CMS block, template or layout that allows code and manage future changes from one dashboard.
-
01
Create and publish the widget in WidgetDO.
-
02
Copy the generated script and container.
-
03
Open Adobe Commerce / Magento and add a CMS block, template or layout that allows code in the desired location.
-
04
Save or publish the changes and verify the widget on the live page.
<script src="https://widgets.prowebrd.com/platform.js?v=3.8.14" async></script>
<div data-widget-id="WIDGET_UUID"></div>
WidgetDO
→
Adobe Commerce / Magento
→
Published
One code, full control
Customize in WidgetDO. Keep your page clean.
After installation, manage content, design and behavior from the WidgetDO editor.
See changes while you configure the widget.
Choose the websites where a widget may load.
Track views and supported interactions from your account.
FAQ
Questions about this integration
How do I add whatsapp chat widget to Adobe Commerce / Magento?+
Create and publish the widget in WidgetDO, copy the reusable embed code and place it in the custom-code area supported by Adobe Commerce / Magento. The guide on this page shows the platform-specific steps.
Is WhatsApp chat widget responsive on Adobe Commerce / Magento?+
Yes. WidgetDO widgets are designed to adapt to desktop, tablet and mobile layouts, while the final result also depends on the width and rules of the container used by the website.
Do I have to replace the embed code after editing the widget?+
Normally no. Edit and publish the widget from WidgetDO and keep the same widget ID and embed code on the website.
Can I restrict where the widget is displayed?+
Yes. WidgetDO supports authorized websites and plan limits so you can control where a published widget is allowed to load.