{"id":24050,"date":"2024-05-08T17:50:38","date_gmt":"2024-05-08T12:50:38","guid":{"rendered":"https:\/\/stylemixthemes.com\/wp\/?p=24050"},"modified":"2025-04-01T16:34:05","modified_gmt":"2025-04-01T11:34:05","slug":"add-whatsapp-notifications-to-website-with-webhooks","status":"publish","type":"post","link":"https:\/\/stylemixthemes.com\/wp\/add-whatsapp-notifications-to-website-with-webhooks\/","title":{"rendered":"How to Set Up Whatsapp Notifications on Your Website with Webhooks in Cost Calculator"},"content":{"rendered":"\n

Webhooks are HTTP callbacks that send data from one app to another in real time. They allow you to automate workflows by triggering actions based on events.<\/span><\/p>\n

Let’s take an example of getting notified via WhatsApp on order placement. A customer places an order on your website and triggers the webhook in Cost Calculator<\/a>. Zapier catches this event and sends a WhatsApp notification to you about the order.<\/span><\/p>\n

In this blog, we will show you how to add WhatsApp notifications to your site with webhooks in a Cost Calculator plugin.<\/span><\/p>\n

How to Get Notified of Order Placement in Your Website via WhatsApp with Webhooks<\/b><\/h2>\n

1. Register for a Zapier account if you haven’t already. Zapier<\/a> is a platform that connects different apps and automates tasks.<\/span><\/p>\n

\"signing<\/p>\n

2. In Zapier, create a new Zap, which is a workflow that connects your apps and automates tasks.<\/span><\/p>\n

\"creating<\/p>\n

3. Click Trigger <\/strong>on the dashboard.<\/p>\n

\"selecting<\/p>\n

4. Select “Webhooks by Zapier” as the trigger app.<\/p>\n

\"selecting<\/p>\n

5. Select Catch Hook event and click Continue. This event lets Zapier catch data sent to the webhook URL.<\/p>\n

\"selecting<\/p>\n

6. Zapier will generate a unique webhook URL for you. Copy this URL.<\/p>\n

\"\u0441opying<\/p>\n

7. Go to the settings of the calculator and enable the When user submits Send form<\/strong> setting in the Webhooks section.<\/p>\n

\"enabling<\/p>\n

8. Paste the webhook URL into this field and click Send demo data<\/strong>.<\/p>\n

\"pasting<\/p>\n

9. Click “Test Trigger<\/strong>” in Zapier to ensure the connection works.<\/p>\n

\"clicking
10. Click Continue with selected report<\/strong>.<\/p>\n

\"clicking
11. Choose “WhatsApp Notifications<\/strong>” as the action app in Zapier.<\/p>\n

\"choosing
12. Pick the event you want to trigger in WhatsApp, in our case Send a message, and click Continue.<\/p>\n

\"choosing
13. Add your Whatsapp account and click Continue.<\/p>\n

\"adding
14. Set up the action you want Zapier to take, like sending a notification when an order is placed.<\/p>\n

\"choosing
15. Map the Order Reference Number data from the webhook, for example, the order placement date, and continue.<\/p>\n

\"choosing
16. Test the integration to make sure everything functions correctly, then publish your Zap.<\/p>\n

\"testing<\/p>\n

You will get a test message on your WhatsApp. You will get these messages on your Whatsapp account after someone makes an order on your website<\/p>\n

\"the
That\u2019s all. You will get this message on Zapier after publishing your Zap.<\/p>\n

\"after<\/p>\n

By following these simple steps and leveraging automation platforms like Zapier, you can seamlessly integrate WhatsApp notifications to your website with webhooks in the Cost Calculator plugin. This webhook will keep you informed about all the orders made on your website and save you a bunch of time.<\/p>\n","protected":false},"excerpt":{"rendered":"

Webhooks are HTTP callbacks that send data from one app to another in real time. They allow you to automate workflows by triggering actions based…<\/p>\n","protected":false},"author":89,"featured_media":24107,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[393,1385],"tags":[],"class_list":["post-24050","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-cost-calculator-builder","category-tutorials-cost-calculator-builder"],"_links":{"self":[{"href":"https:\/\/stylemixthemes.com\/wp\/wp-json\/wp\/v2\/posts\/24050","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stylemixthemes.com\/wp\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/stylemixthemes.com\/wp\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/stylemixthemes.com\/wp\/wp-json\/wp\/v2\/users\/89"}],"replies":[{"embeddable":true,"href":"https:\/\/stylemixthemes.com\/wp\/wp-json\/wp\/v2\/comments?post=24050"}],"version-history":[{"count":4,"href":"https:\/\/stylemixthemes.com\/wp\/wp-json\/wp\/v2\/posts\/24050\/revisions"}],"predecessor-version":[{"id":24132,"href":"https:\/\/stylemixthemes.com\/wp\/wp-json\/wp\/v2\/posts\/24050\/revisions\/24132"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stylemixthemes.com\/wp\/wp-json\/wp\/v2\/media\/24107"}],"wp:attachment":[{"href":"https:\/\/stylemixthemes.com\/wp\/wp-json\/wp\/v2\/media?parent=24050"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stylemixthemes.com\/wp\/wp-json\/wp\/v2\/categories?post=24050"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stylemixthemes.com\/wp\/wp-json\/wp\/v2\/tags?post=24050"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}