PHPackages zealousweb/order-on-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. zealousweb/order-on-whatsapp ActiveCraft-plugin[Utility & Helpers](/categories/utility) zealousweb/order-on-whatsapp ============================ Order on Whatsapp 1.0.1(3y ago)131MITPHP Since Aug 4Pushed 3mo agoCompare [ Source](https://github.com/zealousweb/order-on-whatsapp)[ Packagist](https://packagist.org/packages/zealousweb/order-on-whatsapp)[ RSS](/packages/zealousweb-order-on-whatsapp/feed)WikiDiscussions master Synced 1mo ago READMEChangelogDependencies (4)Versions (3)Used By (0) Order on WhatsApp Plugin For Craft CMS ====================================== [](#order-on-whatsapp-plugin-for-craft-cms) This plugin allows you to place an order through WhatsApp and share a product with WhatsApp contacts by adding an **“Order on WhatsApp”** button and a **“Share on WhatsApp”** button to your website. With the “Order on WhatsApp” button, users can send the orders directly to the vendor’s WhatsApp number. With the “Share on WhatsApp”, users can share details of products with their family and friends through WhatsApp. Requirements ------------ [](#requirements) The prerequisites for the Order On WhatsApp Plugin to function are: 1. Install/activate Craft Commerce Plugin. 2. Craft CMS Version 3.1 or greater. 3. PHP Version 7.2.5 or greater. Installation ------------ [](#installation) You can install this plugin from the Plugin Store or with Composer. #### From the Plugin Store [](#from-the-plugin-store) Go to the Plugin Store in your project’s Control Panel and search for “Order on WhatsApp”. Then click on the “Install” button in its modal window. #### With Composer [](#with-composer) Open your terminal and run the following commands: ``` # go to the project directory cd /path/to/my-project # tell Composer to load the plugin composer require zealousweb/order-on-whatsapp # tell Craft to install the plugin ./craft install/plugin order-on-whatsapp ``` Major features of the Plugin ---------------------------- [](#major-features-of-the-plugin) 1. Accept orders on your WhatsApp account. 2. Have WhatsApp ordering feature on various pages like the shop (listing) page, product detail page, cart page, and checkout page. 3. Add custom text to your WhatsApp button. 4. Add custom color to your WhatsApp button. 5. Apply this feature to specific product types/all products. [![Screenshot](screenshots/screenshot-1.png)](screenshots/screenshot-1.png) [![Screenshot](screenshots/screenshot-2.png)](screenshots/screenshot-2.png) [![Screenshot](screenshots/screenshot-3.png)](screenshots/screenshot-3.png) General Settings ---------------- [](#general-settings) **Country Code** On the Setting’s page, there will be a dropdown of all the countries with their codes. You have to select your country code. **WhatsApp Number** You have to enter your WhatsApp number here. It can be a personal or commercial number. WhatsApp Button Settings ------------------------ [](#whatsapp-button-settings) **Text on Button** You can customize the text of the button. The default text on the button will be “Order on WhatsApp”. **Background Color of Button** You can customize the color of the button from here. The default color of the button is set to forest green(‘#228B22’). **Color Of the Button Text** You can customize the color of the text written on the button from here. The default color of the text is set to white(‘#FFFFFF’). **Apply to all Products** You can check this box if you want to have the button on all the products. If you have already checked this box, "apply to specific product" functionality will get disabled. **Apply to Specific Product** If you want to have the button on specific product types, then you can select those products types from here. **To have the button on specific pages, you have to check it from the setting’s page. For example, if you want to have the button on the list page, you have to check the “Show on the shop page”.** Share Button Settings --------------------- [](#share-button-settings) **Text on Button** You can customize the text of the button. The default text on the button will be “Share on WhatsApp”. **Background Color of Button** You can customize the color of the button from here. The default color of the button is set to green pea(‘#275d43’). **Color Of the Button Text** You can customize the color of the text written on the button from here. The default color of the text is set to white(‘#FFFFFF’). **Apply to all Products** You can check this box if you want to have the button on all the products. If you have already checked this box, ‘apply to specific product’ functionality will get disabled. **Apply to Specific Product** If you want to have the button on specific product types, then you can select those products types from here. **To have the button on specific pages, you have to check it from the setting’s page. For example, if you want to have the button on the list page, you have to check the “Show on the shop page”.** Usage ----- [](#usage) To include the “Order on WhatsApp” and “Share on WhatsApp” buttons in your website, you must include the below page wise mentioned code in your twig files. This code will generate the buttons in the same place. There are some classes added in the HTML for your custom use of design. ### Product Listing Page: [](#product-listing-page) You can add the below code in your products loop on the “Product List” page. You have to pass the product id by replacing the “” string. To have the link of product Image in your WhatsApp message you have to pass the url of image. ``` {% set productId = %} {% set productImage = %} {% hook 'whatsapp-order-product-list' %} // For order on WhatsApp button {% hook 'whatsapp-share-product-list' %} // For share on WhatsApp button ``` Below is the sample code for where you can add above code in your twig file to get the buttons. ``` {% for key,data in product_list %} {{ data.title }} Price: {{ data.defaultPrice }} {% set productId = data.id %} {% set productImage = data.productImage.one().url %} {% hook 'whatsapp-order-product-list' %} {% hook 'whatsapp-share-product-list' %} {% endfor %} ``` **Note:** Product detail page link will not be provided in WhatsApp message. ### Product Detail Page: [](#product-detail-page) You can add the below code to the “Product Detail” page. You have to pass the product id by replacing the “” string. To have the link of product Image in your WhatsApp message you have to pass the url of image. ``` {% set productId = %} {% set productImage = %} {% hook 'whatsapp-order-product-list' %} // For order on WhatsApp button {% hook 'whatsapp-share-product-list' %} // For share on WhatsApp button ``` Below is the sample code for where you can add above code in your twig file to get the buttons. ``` {% for key,data in product_list %} {{ data.title }} Price: {{ data.defaultPrice }} {% set productId = data.id %} {% set productImage = data.productImage.one().url %} {% hook 'whatsapp-order-product-list' %} {% hook 'whatsapp-share-product-list' %} {% endfor %} ``` **Note:** Product detail page link will be provided in WhatsApp message. ### Cart Page: [](#cart-page) You can add the below code in the “Cart” page where you want to display the “WhatsApp Button”. ``` {% hook 'whatsapp-order-product-cart' %} ``` **Note:** Product detail page link will not be provided in WhatsApp message. ### Checkout Page: [](#checkout-page) You can add the below code to the “Checkout” page. ``` {% hook 'whatsapp-order-checkout-button' %} ``` You can place this one line code above the ending of form tag on the checkout page. **Brought to you by [ZealousWeb](https://www.zealousweb.com)** ### Health Score 31 — LowBetter than 68% of packages Maintenance54 Moderate activity, may be stable Popularity6 Limited adoption so far Community10 Small or concentrated contributor base Maturity48 Maturing project, gaining track record Bus Factor2 2 contributors hold 50%+ of commits 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 Unknown Total 1 Last Release 1377d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/7d2d6cb172041858424673609b471fce3c44b037faf10e25a7225df6320b30e3?d=identicon)[zealousweb](/maintainers/zealousweb) --- Top Contributors [![amitzwt-exp](https://avatars.githubusercontent.com/u/101570233?v=4)](https://github.com/amitzwt-exp "amitzwt-exp (2 commits)")[![Cristopher2511](https://avatars.githubusercontent.com/u/19653374?v=4)](https://github.com/Cristopher2511 "Cristopher2511 (2 commits)")[![zealousweb-store](https://avatars.githubusercontent.com/u/46596004?v=4)](https://github.com/zealousweb-store "zealousweb-store (1 commits)") --- Tags craftcms-plugincmsCraftcraftcmscraft-pluginorder on whatsapp ### Code Quality TestsCodeception ### Embed Badge ![Health badge](/badges/zealousweb-order-on-whatsapp/health.svg) ``` [![Health](https://phpackages.com/badges/zealousweb-order-on-whatsapp/health.svg)](https://phpackages.com/packages/zealousweb-order-on-whatsapp) ``` ### Alternatives [verbb/navigation Create navigation menus for your site. 90683.7k17](/packages/verbb-navigation)[verbb/formie The most user-friendly forms plugin for Craft. 101372.9k40](/packages/verbb-formie)[verbb/comments Add comments to your site. 13753.1k](/packages/verbb-comments)[verbb/tablemaker Create customizable and user-defined table fields. 40168.8k1](/packages/verbb-tablemaker)[supercool/tablemaker Create customizable and user-defined table fields. 40141.7k](/packages/supercool-tablemaker)[pennebaker/craft-architect CraftCMS plugin to generate content models from JSON/YAML data. 72148.5k5](/packages/pennebaker-craft-architect) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)