{"id":19772,"date":"2025-07-31T10:19:31","date_gmt":"2025-07-31T04:49:31","guid":{"rendered":"https:\/\/meetanshi.com\/blog\/?p=19772"},"modified":"2025-07-31T10:19:33","modified_gmt":"2025-07-31T04:49:33","slug":"add-order-on-whatsapp-button-in-shopify","status":"publish","type":"post","link":"https:\/\/meetanshi.com\/blog\/add-order-on-whatsapp-button-in-shopify\/","title":{"rendered":"How to Add an Order on WhatsApp Button in Shopify?"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Shopify checkouts are great, but not for everyone.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Some shoppers simply want to message, confirm, and buy. By adding an order on WhatsApp button in Shopify, you give shoppers a shortcut to connect with you in the fastest way.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In this post, I will share the process of how to add order on WhatsApp button in Shopify in a few minutes.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to Collect Orders from WhatsApp?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">To start collecting orders in WhatsApp, you need to place a WhatsApp button prominently on the product page or cart page, like this:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"338\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/Order-on-WhatsApp-button-on-product-page--700x338.png\" alt=\"Order on WhatsApp button on product page \" class=\"wp-image-19775\" srcset=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/Order-on-WhatsApp-button-on-product-page--700x338.png 700w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/Order-on-WhatsApp-button-on-product-page--250x121.png 250w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/Order-on-WhatsApp-button-on-product-page--768x371.png 768w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/Order-on-WhatsApp-button-on-product-page--1536x742.png 1536w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/Order-on-WhatsApp-button-on-product-page--403x195.png 403w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/Order-on-WhatsApp-button-on-product-page--964x465.png 964w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/Order-on-WhatsApp-button-on-product-page--120x58.png 120w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/Order-on-WhatsApp-button-on-product-page-.png 1798w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">When the shopper clicks the button, they will be directed to the WhatsApp chat with a pre-written message. Then, you can continue the conversation from there and allow the shopper to place their order.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here you will need to make some modifications in the backend for the process to work smoothly, like:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Create a WhatsApp format template with pre-filled text<\/li>\n\n\n\n<li>Customize button text, color, icon style, and appearance position to match your website<\/li>\n\n\n\n<li>Use color labels such as \u201cNew order\u201d, \u201cPaid\u201d, \u201cShipped\u201d to keep the chat organized<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Ways to Add a WhatsApp Order Button in Shopify<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">There are mainly two methods to add a WhatsApp order button to Shopify: Editing the Liquid theme code or using a WhatsApp widget<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Edit the Liquid Theme Code<\/strong><br>Here, you will have to edit the Shopify theme code with essential details, such as the WhatsApp number and other customization elements. You have access to the basic functionalities here; it is recommended only to use this method if you have technical knowledge.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Add a WhatsApp Order Widget<\/strong>&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This is the code-free method to add a Shopify WhatsApp button. You just need to add a few settings to display the button on specific product pages. Additionally, you can modify various functionalities, including color, icon, text, font, and agent selection.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to Add Order on WhatsApp Button in Shopify?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Here, we will add the WhatsApp Order Button using the <a href=\"https:\/\/apps.shopify.com\/mit-whatsapp-widgets\" target=\"_blank\" rel=\"noopener\">MIT WhatsApp Widgets: 4 in 1<\/a> Shopify app.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"248\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/MIT-WhatsApp-Widgets-for-Shopify-1-1-700x248.png\" alt=\"MIT WhatsApp Widgets for Shopify \" class=\"wp-image-19779\" srcset=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/MIT-WhatsApp-Widgets-for-Shopify-1-1-700x248.png 700w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/MIT-WhatsApp-Widgets-for-Shopify-1-1-250x89.png 250w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/MIT-WhatsApp-Widgets-for-Shopify-1-1-768x272.png 768w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/MIT-WhatsApp-Widgets-for-Shopify-1-1-1536x544.png 1536w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/MIT-WhatsApp-Widgets-for-Shopify-1-1-403x143.png 403w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/MIT-WhatsApp-Widgets-for-Shopify-1-1-964x342.png 964w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/MIT-WhatsApp-Widgets-for-Shopify-1-1-120x43.png 120w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/MIT-WhatsApp-Widgets-for-Shopify-1-1.png 1620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Without any coding requirement, you can add the Order on WhatsApp widget and add customization that matches your branding. You can deactivate the button anytime with a simple toggle or keep it active as long as you want.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">It also offers customization, like:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Display Order on WhatsApp widget on specific product or collection pages<\/li>\n\n\n\n<li>Show the order button to specific customers in your store<\/li>\n\n\n\n<li>Enter URL to hide the button from the specific store page&nbsp;<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Here are the 4 steps of Shopify WhatsApp integration using the app.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1: Install &amp; Activate the App<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Head to the Shopify App Store and install the <a href=\"https:\/\/apps.shopify.com\/mit-whatsapp-widgets\" target=\"_blank\" rel=\"noopener\">MIT WhatsApp Widgets: 4 in 1<\/a>.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"248\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/MIT-WhatsApp-Widgets-for-Shopify-1-2-700x248.png\" alt=\"MIT WhatsApp Widgets for Shopify \" class=\"wp-image-19799\" srcset=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/MIT-WhatsApp-Widgets-for-Shopify-1-2-700x248.png 700w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/MIT-WhatsApp-Widgets-for-Shopify-1-2-250x89.png 250w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/MIT-WhatsApp-Widgets-for-Shopify-1-2-768x272.png 768w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/MIT-WhatsApp-Widgets-for-Shopify-1-2-1536x544.png 1536w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/MIT-WhatsApp-Widgets-for-Shopify-1-2-403x143.png 403w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/MIT-WhatsApp-Widgets-for-Shopify-1-2-964x342.png 964w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/MIT-WhatsApp-Widgets-for-Shopify-1-2-120x43.png 120w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/MIT-WhatsApp-Widgets-for-Shopify-1-2.png 1620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Now, head to the MIT WhatsApp Widgets: 4 in 1 and click <strong>Order on WA <\/strong>widget.<strong>&nbsp;<\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"272\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/Order-on-WhatApp-widget-700x272.png\" alt=\"Order on WhatApp widget\" class=\"wp-image-19801\" srcset=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/Order-on-WhatApp-widget-700x272.png 700w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/Order-on-WhatApp-widget-250x97.png 250w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/Order-on-WhatApp-widget-768x298.png 768w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/Order-on-WhatApp-widget-403x157.png 403w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/Order-on-WhatApp-widget-964x374.png 964w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/Order-on-WhatApp-widget-120x47.png 120w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/Order-on-WhatApp-widget.png 1442w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Then, click on create and change the status to <strong>Active<\/strong> for the widget.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"105\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/Active-the-Order-on-WhatsApp-Button--700x105.png\" alt=\"Active the Order on WhatsApp Button \" class=\"wp-image-19803\" srcset=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/Active-the-Order-on-WhatsApp-Button--700x105.png 700w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/Active-the-Order-on-WhatsApp-Button--250x37.png 250w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/Active-the-Order-on-WhatsApp-Button--768x115.png 768w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/Active-the-Order-on-WhatsApp-Button--1536x230.png 1536w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/Active-the-Order-on-WhatsApp-Button--403x60.png 403w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/Active-the-Order-on-WhatsApp-Button--964x144.png 964w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/Active-the-Order-on-WhatsApp-Button--120x18.png 120w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/Active-the-Order-on-WhatsApp-Button-.png 1806w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Step 2: Style the Order on WhatsApp Button<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Now, add the <strong>Style Settings<\/strong> as you wish. Here you will have to:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Set the title&nbsp;<\/li>\n\n\n\n<li>Add the theme color&nbsp;<\/li>\n\n\n\n<li>Select a WhatsApp icon&nbsp;<\/li>\n\n\n\n<li>Change the text font style<\/li>\n\n\n\n<li>Set the position of the button (Below Price, Below Name, or Custom position)<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">For all the setting changes you make, you can see the live preview on the right-hand side.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"285\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/Preview-of-settings--700x285.png\" alt=\"Preview of settings \" class=\"wp-image-19805\" srcset=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/Preview-of-settings--700x285.png 700w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/Preview-of-settings--250x102.png 250w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/Preview-of-settings--768x312.png 768w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/Preview-of-settings--1536x625.png 1536w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/Preview-of-settings--2048x833.png 2048w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/Preview-of-settings--403x164.png 403w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/Preview-of-settings--964x392.png 964w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/Preview-of-settings--120x49.png 120w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Step 3: Select Agent &amp; Set Default Message<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Then, in the Select Agent(s) section, choose the agent you want to show in the Order on WhatsApp widget.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"278\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/Select-an-agent--700x278.png\" alt=\"Select an agent \" class=\"wp-image-19807\" srcset=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/Select-an-agent--700x278.png 700w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/Select-an-agent--250x99.png 250w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/Select-an-agent--768x305.png 768w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/Select-an-agent--403x160.png 403w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/Select-an-agent--964x383.png 964w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/Select-an-agent--120x48.png 120w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/Select-an-agent-.png 1222w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">If you don&#8217;t have an agent, you will need to create one first. Head to the Manage Agents in the app dashboard and click on <strong>Create<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Add the details and click <strong>Save<\/strong>.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"683\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/Add-a-new-agent--700x683.png\" alt=\"Create a new agent\" class=\"wp-image-19809\" style=\"width:573px;height:auto\" srcset=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/Add-a-new-agent--700x683.png 700w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/Add-a-new-agent--250x244.png 250w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/Add-a-new-agent--768x750.png 768w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/Add-a-new-agent--403x393.png 403w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/Add-a-new-agent--120x117.png 120w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/Add-a-new-agent-.png 926w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Based on the WhatsApp number you add here for the specific agents, and assign the agent, that particular agent will receive the order query on the added WhatsApp number.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Now, add the Default Message settings, customize the WhatsApp message template to control how the message will appear when an order is placed.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"641\" height=\"255\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/image6.png\" alt=\"Default message\" class=\"wp-image-19811\" srcset=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/image6.png 641w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/image6-250x99.png 250w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/image6-403x160.png 403w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/image6-120x48.png 120w\" sizes=\"auto, (max-width: 641px) 100vw, 641px\" \/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Step 4: Set Display Conditions<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Here you can set the display conditions to determine where you want to show the button on your store.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Set rules for when and where the Order on WhatsApp widget should appear on your store<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Choose the specific pages where you want the widget to be shown<\/li>\n\n\n\n<li>Use the \u201cDo Not Show On\u201d option to exclude certain pages by entering their links<\/li>\n\n\n\n<li>Enable product-specific display to show the widget only on selected products<\/li>\n\n\n\n<li>Enable customer-specific display to target specific customer groups<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"441\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/Set-display-conditions-700x441.png\" alt=\"Set display conditions\" class=\"wp-image-19813\" srcset=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/Set-display-conditions-700x441.png 700w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/Set-display-conditions-250x157.png 250w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/Set-display-conditions-768x484.png 768w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/Set-display-conditions-403x254.png 403w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/Set-display-conditions-964x607.png 964w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/Set-display-conditions-120x76.png 120w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/Set-display-conditions.png 1188w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">And it\u2019s done, the Shopify order on WhatsApp icon will be added to your store, and it will look like this.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"358\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/image2-700x358.png\" alt=\"Order on WhatsApp button on product page \" class=\"wp-image-19815\" srcset=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/image2-700x358.png 700w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/image2-250x128.png 250w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/image2-768x393.png 768w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/image2-403x206.png 403w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/image2-964x493.png 964w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/image2-120x61.png 120w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/image2.png 1008w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">After clicking the button, the shopper will be directed to WhatsApp, where they can set the pre-set message.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"267\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/WhatsApp-Order-Request-700x267.png\" alt=\"WhatsApp Order Request\" class=\"wp-image-19817\" srcset=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/WhatsApp-Order-Request-700x267.png 700w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/WhatsApp-Order-Request-250x95.png 250w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/WhatsApp-Order-Request-768x293.png 768w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/WhatsApp-Order-Request-1536x586.png 1536w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/WhatsApp-Order-Request-403x154.png 403w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/WhatsApp-Order-Request-964x368.png 964w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/WhatsApp-Order-Request-120x46.png 120w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/WhatsApp-Order-Request.png 1720w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\">Start Collecting Orders on WhatsApp<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Adding an order on WhatsApp button on Shopify is the easiest way to boost engagement and close more sales, especially with customers who prefer quick and direct communication.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">With the MIT WhatsApp Widgets: 4 in 1 app, you can set up the button within a few clicks, from customizing design to pre-filled messages and agent selection, everything is built to help you convert chats into confirmed orders.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><div class=\"meetanshi-cta\">\r\n<div class=\"cta-content-wrapper\">\r\n<span>MIT WhatsApp Widgets<\/span>\r\n<p>Get 4 powerful WhatsApp widgets in one unified Shopify app.<\/p>\r\n<a href=\"https:\/\/apps.shopify.com\/mit-whatsapp-widgets\" target=\"_blank\" class=\"btn-primary\" rel=\"noopener\">Get App Now<\/a>\r\n<\/div>\r\n<div class=\"cta-image-new\">\r\n<img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/11\/mit-whatsapp-widgets-4-in-1.png\" alt=\"MIT WhatsApp Widgets: 4 in 1\">\r\n<\/div>\r\n<\/div><\/p>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\"><br><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Shopify checkouts are great, but not for everyone.&nbsp; Some shoppers simply want to message, confirm, and buy. By adding an order on WhatsApp button in&#8230;<\/p>\n","protected":false},"author":5,"featured_media":19784,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[787],"tags":[],"class_list":["post-19772","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-shopify"],"acf":[],"_links":{"self":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/19772","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/comments?post=19772"}],"version-history":[{"count":6,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/19772\/revisions"}],"predecessor-version":[{"id":19836,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/19772\/revisions\/19836"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/media\/19784"}],"wp:attachment":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/media?parent=19772"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/categories?post=19772"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/tags?post=19772"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}