Category: Notifications

Dalam tutorial ini, anda akan memasang Official API Plugin supaya WooCommerce boleh hantar WhatsApp daripada akaun Official API.

Masa diperlukan: 10 minit

Sebelum mula

Pastikan:

• Anda sudah log masuk ke Wabot.
• Akaun Official API yang akan digunakan menunjukkan Online.
• Anda boleh buka admin WordPress (wp-admin) sebagai administrator.
• WooCommerce sudah dipasang dalam tapak WordPress itu.

Halaman ini untuk Official API sahaja. Untuk imbas QR, guna Pasang plugin WordPress Unofficial.

Jangan pasang kedua-dua zip plugin dalam tapak yang sama.

1. Muat turun plugin Official

Pada menu sebelah kiri, klik Integrations.

Buka WordPress Plugin.

Klik Official API Plugin. Simpan fail zip.

Contoh screenshotMuat turun WordPress PluginUI bersih. Tiada nama, e-mel, atau chat sebenar.

2. Salin Instance ID dan Access Token

Pada menu sebelah kiri, klik Accounts.

Buka akaun Official API yang Online.

Di bawah API Credentials, salin:

• Instance ID
• Access Token

Simpan dalam nota. Jangan terbalikkan dua nilai ini.

Contoh screenshotInstance ID dan Access TokenUI bersih. Tiada nama, e-mel, atau chat sebenar.

3. Muat naik plugin dalam WordPress

Dalam admin WordPress, pergi ke Plugins → Add New Plugin.

Klik Upload Plugin.

Pilih zip yang anda muat turun. Klik Install Now, kemudian Activate.

4. Tampal credential

Pada menu kiri WordPress, buka Wabot.

Jika tiada Wabot, cuba Settings → Wabot.

Tampal:

• Instance ID
• Access Token

Jika ada Country, pilih Malaysia.

Simpan.

Jika ada Verify Status, klik. Ia patut tunjuk akaun sudah disambungkan, bukan disconnected.

Contoh screenshotInstance ID dan Access Token dalam pluginUI bersih. Tiada nama, e-mel, atau chat sebenar.

Pastikan ia berjaya

Tutorial ini berjaya apabila:

• Wabot muncul dalam WordPress dan plugin berstatus Active.
• Instance ID dan Access Token sudah disimpan.
• Verify Status (jika ada) tidak kata disconnected.

Kalau tak jadi

Verify Status kata disconnected

• Pastikan akaun Official masih Online.
• Tampal semula Instance ID dan Access Token. Jangan terbalikkan.
• Guna zip Official API Plugin, bukan Unofficial API Plugin.

Tak jumpa Instance ID

Buka Accounts, klik akaun Official, kemudian cari API Credentials.

Anda muat naik zip Unofficial

Padam plugin itu. Muat turun Official API Plugin dari Integrations → WordPress Plugin dan pasang zip itu.

Seterusnya

Plugin sudah disambungkan. Seterusnya, hantar WhatsApp bila pelanggan buat order.

Hantar WhatsApp order baru kepada pelanggan →

In this tutorial, you will send one WhatsApp to the customer when a WooCommerce order is placed.

Time needed: 10 minutes

Before you start

Make sure:

• The Wabot WordPress plugin is installed and Active.
• Verify Status (if shown) does not say disconnected.
• WooCommerce checkout collects a billing phone number.

Finish Install the Unofficial WordPress plugin or Install the Official WordPress plugin first. Use only one zip.

1. Open customer notifications

In WordPress admin, open Wabot.

Open the customer notification settings. Look for Customer Notifications or the order message list.

Turn customer notifications on.

Screenshot exampleCustomer NotificationsClean UI. No real names, emails, or chats.

2. Write the new-order message

Find the message for a new order. Status names include Pending payment, On hold, or Processing, depending on how your checkout works.

Type a short message. Use placeholders so each order is different.

Hi [billing_first_name], thank you. We received order [order_id] for [order_amount]. — [shop_name]

Common placeholders:

• [billing_first_name]
• [order_id]
• [order_amount]
• [order_product]
• [shop_name]

Save.

Screenshot exampleNew order message with placeholdersClean UI. No real names, emails, or chats.

3. Place a test order

Use your own phone as the billing phone.

Use the country code, with no + and no spaces.

Right: 60123456789

Wrong: +60 12-345 6789

Place a cheap test order and complete checkout.

Make sure it worked

This tutorial worked when:

• The test order appears in WooCommerce → Orders.
• Your test phone receives the WhatsApp.
• The name and order number in the message match the test order.

If it didn’t work

The message did not arrive

• Check the billing phone uses the country code, with no +.
• Confirm customer notifications are on for that order status.
• Open Check the message log.

The name is blank

Use [billing_first_name]. Square brackets, not {customer_name}.

You have no plugin menu

Install the plugin first: Unofficial or Official.

Next

Customers now get a WhatsApp on a new order. Next, send one when the status changes, such as Completed.

Send a WhatsApp when the order status changes →

Dalam tutorial ini, anda akan menghantar satu WhatsApp kepada pelanggan bila order WooCommerce dibuat.

Masa diperlukan: 10 minit

Sebelum mula

Pastikan:

• Plugin WordPress Wabot sudah dipasang dan Active.
• Verify Status (jika ada) tidak kata disconnected.
• Checkout WooCommerce ada nombor telefon bil.

Siapkan Pasang plugin WordPress Unofficial atau Pasang plugin WordPress Official dahulu. Guna satu zip sahaja.

1. Buka notifikasi pelanggan

Dalam admin WordPress, buka Wabot.

Buka tetapan notifikasi pelanggan. Cari Customer Notifications atau senarai mesej order.

Hidupkan notifikasi pelanggan.

Contoh screenshotCustomer NotificationsUI bersih. Tiada nama, e-mel, atau chat sebenar.

2. Tulis mesej order baru

Cari mesej untuk order baru. Nama status mungkin Pending payment, On hold, atau Processing, bergantung pada checkout anda.

Tulis mesej pendek. Guna placeholder supaya setiap order berbeza.

Hai [billing_first_name], terima kasih. Kami terima order [order_id] berjumlah [order_amount]. — [shop_name]

Placeholder biasa:

• [billing_first_name]
• [order_id]
• [order_amount]
• [order_product]
• [shop_name]

Simpan.

Contoh screenshotMesej order baru dengan placeholderUI bersih. Tiada nama, e-mel, atau chat sebenar.

3. Buat order ujian

Guna nombor sendiri sebagai telefon bil.

Gunakan kod negara, tanpa + dan tanpa ruang.

Betul: 60123456789

Salah: +60 12-345 6789

Buat order ujian yang murah dan lengkapkan checkout.

Pastikan ia berjaya

Tutorial ini berjaya apabila:

• Order ujian muncul dalam WooCommerce → Orders.
• Telefon ujian terima WhatsApp.
• Nama dan nombor order dalam mesej sepadan dengan order ujian.

Kalau tak jadi

Mesej tidak sampai

• Pastikan telefon bil guna kod negara, tanpa +.
• Pastikan notifikasi pelanggan hidup untuk status order itu.
• Buka Semak log mesej.

Nama kosong

Guna [billing_first_name]. Kurungan segi empat, bukan {customer_name}.

Tiada menu plugin

Pasang plugin dahulu: Unofficial atau Official.

Seterusnya

Pelanggan kini dapat WhatsApp bila ada order baru. Seterusnya, hantar satu bila status berubah, contoh Completed.

Hantar WhatsApp bila status order berubah →

In this tutorial, you will send a WhatsApp when a WooCommerce order moves to a status such as Completed.

Time needed: 8 minutes

Before you start

Make sure:

• The new-order WhatsApp already works. Finish Send a new-order WhatsApp to the customer first.
• You have a test order you can edit in WooCommerce → Orders.

1. Open the status messages

In WordPress admin, open Wabot.

Open Customer Notifications.

The plugin can message these WooCommerce statuses: Pending, On-hold, Processing, Completed, Cancelled, Refunded, and Failed.

Screenshot exampleCustomer notification statusesClean UI. No real names, emails, or chats.

2. Write the Completed message

Turn on Completed.

Type a short message.

Hi [billing_first_name], order [order_id] is completed. Thank you for buying from [shop_name].

You can do the same for Processing if you want a “we are packing” message.

Save.

Screenshot exampleCompleted status messageClean UI. No real names, emails, or chats.

3. Change a test order

Go to WooCommerce → Orders.

Open your test order.

Change the status to Completed. Update the order.

Make sure it worked

This tutorial worked when:

• The order status in WooCommerce is Completed.
• Your test phone receives the Completed WhatsApp.
• The order number in the message matches that order.

If it didn’t work

The new-order message arrived, but Completed did not

• Confirm Completed is turned on.
• Save again, then change the status once more.
• Open Check the message log.

You changed the status twice

Some shops send one message per change. Change from Processing to Completed once and wait a few seconds.

You wanted shipping / tracking

This page covers WooCommerce statuses only. Tracking plugins are a later setup.

Next

Customers now get a status WhatsApp. Next, alert the shop owner when a new order arrives.

Alert the shop admin on a new order →

Dalam tutorial ini, anda akan menghantar WhatsApp bila order WooCommerce bertukar ke status seperti Completed.

Masa diperlukan: 8 minit

Sebelum mula

Pastikan:

• WhatsApp order baru sudah jadi. Siapkan Hantar WhatsApp order baru kepada pelanggan dahulu.
• Anda ada order ujian yang boleh diedit dalam WooCommerce → Orders.

1. Buka mesej status

Dalam admin WordPress, buka Wabot.

Buka Customer Notifications.

Plugin boleh mesej status WooCommerce ini: Pending, On-hold, Processing, Completed, Cancelled, Refunded, dan Failed.

Contoh screenshotStatus notifikasi pelangganUI bersih. Tiada nama, e-mel, atau chat sebenar.

2. Tulis mesej Completed

Hidupkan Completed.

Tulis mesej pendek.

Hai [billing_first_name], order [order_id] sudah selesai. Terima kasih kerana membeli di [shop_name].

Anda boleh buat sama untuk Processing jika mahu mesej “kami sedang bungkus”.

Simpan.

Contoh screenshotMesej status CompletedUI bersih. Tiada nama, e-mel, atau chat sebenar.

3. Tukar order ujian

Pergi ke WooCommerce → Orders.

Buka order ujian anda.

Tukar status kepada Completed. Kemas kini order.

Pastikan ia berjaya

Tutorial ini berjaya apabila:

• Status order dalam WooCommerce ialah Completed.
• Telefon ujian terima WhatsApp Completed.
• Nombor order dalam mesej sepadan dengan order itu.

Kalau tak jadi

Mesej order baru sampai, Completed tidak

• Pastikan Completed sudah dihidupkan.
• Simpan semula, kemudian tukar status sekali lagi.
• Buka Semak log mesej.

Anda tukar status dua kali

Ada kedai hantar satu mesej setiap perubahan. Tukar dari Processing ke Completed sekali, kemudian tunggu beberapa saat.

Anda mahu tracking penghantaran

Halaman ini untuk status WooCommerce sahaja. Plugin tracking ialah setup kemudian.

Seterusnya

Pelanggan kini dapat WhatsApp status. Seterusnya, alert tuan kedai bila ada order baru.

Alert admin kedai bila ada order baru →

In this tutorial, you will send a WhatsApp to the shop owner when a customer places an order.

Time needed: 8 minutes

Before you start

Make sure:

• The Wabot WordPress plugin is installed and connected.
• You know the shop owner’s WhatsApp number.

This message goes to the shop, not to the customer. Customer messages are in Send a new-order WhatsApp to the customer.

1. Open the admin notification

In WordPress admin, open Wabot.

Open the shop admin / admin notification settings. Look for Admin Notifications or a shop-admin message.

Turn it on.

Screenshot exampleAdmin notification settingsClean UI. No real names, emails, or chats.

2. Enter the owner’s number and message

Enter the shop owner’s WhatsApp number.

Use the country code, with no + and no spaces.

Right: 60123456789

Wrong: +60 12-345 6789

Type a short alert.

New order [order_id] from [billing_first_name]. Amount [order_amount]. Phone [billing_phone].

Save.

Screenshot exampleAdmin number and messageClean UI. No real names, emails, or chats.

3. Place a test order

Place a small test order, or reuse checkout with a test product.

Use a billing phone that is not the same as the admin number if you also test the customer message. That way you can see both WhatsApps.

Make sure it worked

This tutorial worked when:

• The test order appears in WooCommerce → Orders.
• The shop owner’s phone receives the admin WhatsApp.
• The order number in the message matches that order.

If it didn’t work

Only the customer got a message

• Confirm the admin notification is on.
• Check the admin number uses the country code, with no +.
• Save again, then place a new test order.

Both phones are the same

If the billing phone and the admin number are the same, you may get two WhatsApps on one phone. That is expected.

The message did not arrive

Open Check the message log.

Next

The shop owner now gets an alert. Next, use the log when a WhatsApp does not arrive.

Check the message log →

Dalam tutorial ini, anda akan menghantar WhatsApp kepada tuan kedai bila pelanggan buat order.

Masa diperlukan: 8 minit

Sebelum mula

Pastikan:

• Plugin WordPress Wabot sudah dipasang dan disambungkan.
• Anda tahu nombor WhatsApp tuan kedai.

Mesej ini untuk kedai, bukan pelanggan. Mesej pelanggan ada dalam Hantar WhatsApp order baru kepada pelanggan.

1. Buka notifikasi admin

Dalam admin WordPress, buka Wabot.

Buka tetapan notifikasi admin kedai. Cari Admin Notifications atau mesej shop admin.

Hidupkan.

Contoh screenshotTetapan notifikasi adminUI bersih. Tiada nama, e-mel, atau chat sebenar.

2. Masukkan nombor tuan kedai dan mesej

Masukkan nombor WhatsApp tuan kedai.

Gunakan kod negara, tanpa + dan tanpa ruang.

Betul: 60123456789

Salah: +60 12-345 6789

Tulis alert pendek.

Order baru [order_id] daripada [billing_first_name]. Jumlah [order_amount]. Telefon [billing_phone].

Simpan.

Contoh screenshotNombor admin dan mesejUI bersih. Tiada nama, e-mel, atau chat sebenar.

3. Buat order ujian

Buat order ujian yang kecil, atau ulang checkout dengan produk ujian.

Guna telefon bil yang berbeza daripada nombor admin jika anda juga uji mesej pelanggan. Anda boleh nampak kedua-dua WhatsApp.

Pastikan ia berjaya

Tutorial ini berjaya apabila:

• Order ujian muncul dalam WooCommerce → Orders.
• Telefon tuan kedai terima WhatsApp admin.
• Nombor order dalam mesej sepadan dengan order itu.

Kalau tak jadi

Hanya pelanggan dapat mesej

• Pastikan notifikasi admin sudah dihidupkan.
• Pastikan nombor admin guna kod negara, tanpa +.
• Simpan semula, kemudian buat order ujian baharu.

Kedua-dua telefon sama

Jika telefon bil dan nombor admin sama, anda mungkin dapat dua WhatsApp pada satu telefon. Itu dijangka.

Mesej tidak sampai

Buka Semak log mesej.

Seterusnya

Tuan kedai kini dapat alert. Seterusnya, guna log bila WhatsApp tidak sampai.

Semak log mesej →

In this tutorial, you will open the plugin log to see why a WhatsApp did not arrive.

Time needed: 8 minutes

Before you start

Make sure:

• The Wabot WordPress plugin is installed.
• You have placed at least one test order, or changed an order status.

1. Open the message log

In WordPress admin, open Wabot.

Open Messages Log or Message Logs.

Screenshot examplePlugin message logClean UI. No real names, emails, or chats.

2. Find your test send

Look for the latest row. Check:

• The phone number
• The order number
• Whether it sent or failed

If it failed, read the error on that row.

3. Fix the phone format

WooCommerce must store the billing phone with the country code, no +, and no spaces.

Right: 60123456789

Wrong: +60 12-345 6789

Wrong: 012-345 6789

If the log shows 012… or a number with +, edit the customer’s billing phone in the order. Place a new test order, or change the status again.

Screenshot exampleBilling phone on the orderClean UI. No real names, emails, or chats.

4. Check the account is still connected

If the log shows disconnected or a token error:

1. In Wabot, open Accounts and confirm the account is Online.
2. In WordPress, open Wabot and click Verify Status if you see it.
3. Paste Instance ID and Access Token again from API Credentials.

Make sure it worked

This tutorial worked when:

• You can see the test send in the log.
• A new test after the phone fix arrives on WhatsApp.
• Failed rows make sense (wrong number, disconnected, or not turned on).

If it didn’t work

The log is empty

• Confirm the plugin is Active.
• Confirm the notification for that status is on.
• Place a new test order after you save.

The number looks right but nothing arrives

• Confirm the WhatsApp account is Online.
• Confirm you installed the matching zip: Unofficial API Plugin with an Unofficial account, or Official API Plugin with an Official account.

You still cannot tell what failed

Copy the error text from the log and send it to support, with the order number and the time you tested.

Next

Order WhatsApp from WordPress is ready. You can go back to the Notifications list, or open another feature.

Notifications →

Dalam tutorial ini, anda akan membuka log plugin untuk tengok kenapa WhatsApp tidak sampai.

Masa diperlukan: 8 minit

Sebelum mula

Pastikan:

• Plugin WordPress Wabot sudah dipasang.
• Anda sudah buat sekurang-kurangnya satu order ujian, atau tukar status order.

1. Buka log mesej

Dalam admin WordPress, buka Wabot.

Buka Messages Log atau Message Logs.

Contoh screenshotLog mesej pluginUI bersih. Tiada nama, e-mel, atau chat sebenar.

2. Cari hantaran ujian

Lihat baris terkini. Semak:

• Nombor telefon
• Nombor order
• Sama ada ia hantar atau gagal

Jika gagal, baca ralat pada baris itu.

3. Betulkan format nombor

WooCommerce mesti simpan telefon bil dengan kod negara, tanpa +, dan tanpa ruang.

Betul: 60123456789

Salah: +60 12-345 6789

Salah: 012-345 6789

Jika log tunjuk 012… atau nombor dengan +, edit telefon bil pelanggan dalam order. Buat order ujian baharu, atau tukar status semula.

Contoh screenshotTelefon bil pada orderUI bersih. Tiada nama, e-mel, atau chat sebenar.

4. Semak akaun masih disambungkan

Jika log tunjuk disconnected atau ralat token:

1. Dalam Wabot, buka Accounts dan pastikan akaun Online.
2. Dalam WordPress, buka Wabot dan klik Verify Status jika ada.
3. Tampal semula Instance ID dan Access Token dari API Credentials.

Pastikan ia berjaya

Tutorial ini berjaya apabila:

• Anda nampak hantaran ujian dalam log.
• Ujian baharu selepas betul nombor sampai di WhatsApp.
• Baris gagal masuk akal (nombor salah, disconnected, atau belum dihidupkan).

Kalau tak jadi

Log kosong

• Pastikan plugin Active.
• Pastikan notifikasi untuk status itu sudah dihidupkan.
• Buat order ujian baharu selepas anda simpan.

Nombor nampak betul tapi tak sampai

• Pastikan akaun WhatsApp Online.
• Pastikan zip sepadan: Unofficial API Plugin dengan akaun Unofficial, atau Official API Plugin dengan akaun Official.

Masih tak pasti apa yang gagal

Salin teks ralat dari log dan hantar kepada sokongan, bersama nombor order dan masa anda uji.

Seterusnya

WhatsApp order dari WordPress sudah sedia. Anda boleh kembali ke senarai Notifications, atau buka feature lain.

Notifications →

In this tutorial, you will install the Unofficial API Plugin so WooCommerce can send WhatsApp from your QR / Unofficial API account.

Time needed: 10 minutes

Before you start

Make sure:

• You are logged in to Wabot.
• The WhatsApp account you will use shows Online.
• You can open WordPress admin (wp-admin) as an administrator.
• WooCommerce is already installed in that WordPress site.

This page is Unofficial API only. For Meta Business API, use Install the Official WordPress plugin.

Do not install both plugin zips on the same site.

1. Download the Unofficial plugin

On the left menu, click Integrations.

Open WordPress Plugin.

Click Unofficial API Plugin. Save the zip file.

Screenshot exampleIntegrations WordPress Plugin downloadsClean UI. No real names, emails, or chats.

2. Copy Instance ID and Access Token

On the left menu, click Accounts.

Open the Unofficial API account that is Online.

Under API Credentials, copy:

• Instance ID
• Access Token

Keep them in a note. Do not swap the two values.

Screenshot exampleInstance ID and Access TokenClean UI. No real names, emails, or chats.

3. Upload the plugin in WordPress

In WordPress admin, go to Plugins → Add New Plugin.

Click Upload Plugin.

Choose the zip you downloaded. Click Install Now, then Activate.

4. Paste the credentials

In the WordPress left menu, open Wabot.

If you do not see Wabot, try Settings → Wabot.

Paste:

• Instance ID
• Access Token

If you see Country, choose Malaysia.

Save.

If you see Verify Status, click it. It should show the account is connected, not disconnected.

Screenshot examplePlugin Instance ID and Access TokenClean UI. No real names, emails, or chats.

Make sure it worked

This tutorial worked when:

• Wabot appears in WordPress and the plugin is Active.
• Instance ID and Access Token are saved.
• Verify Status (if shown) does not say disconnected.

If it didn’t work

Verify Status says disconnected

• Check the WhatsApp account is still Online.
• Paste Instance ID and Access Token again. Do not swap them.
• Use the Unofficial API Plugin zip, not Official API Plugin.

You cannot find Instance ID

Open Accounts, click the Unofficial account, then look for API Credentials.

You uploaded the Official zip

Delete that plugin. Download Unofficial API Plugin from Integrations → WordPress Plugin and install that zip instead.

Next

The plugin is connected. Next, send a WhatsApp when a customer places an order.

Send a new-order WhatsApp to the customer →