Bagaimana cara menambah tombol "Order on WhatsApp" ke Woommerce (2026)

Banyak toko Woomance yang kehilangan penjualan pada langkah terakhir karena pembeli memiliki satu pertanyaan yang belum terjawab: apakah itu akan mengirimkan pincode saya, apakah COD tersedia, bisa saya mendapatkan tingkat massal? Tombol "Order on WhatsApp" memindahkan pertanyaan tersebut ke dalam percakapan di mana Anda dapat menjawab dalam detik, dan pada tahun 2026 diperlukan sekitar dua puluh baris PHP dalam tema anak - atau satu tombol kecil plugin jika Anda lebih suka klik daripada kode. pad Tech mengambil tempat dimana tombol berhenti: konfirmasi urutan otomatis, pemutakhiran pengiriman, pemeriksaan COD dan pemulihan gerobak dikirim dari nomor yang sama pada resmi Meta WhatsApp Cloud API. Bulan pertama Anda bebas ketika Anda mulai, dan jika Anda bulan pertama Anda bebas ketika Anda mulai, dan setiap bisnis yang Anda merujuk tanda-tanda yang dan menghubungkan nomor WhatsApp memberikan Anda satu bulan bebas - sampai 5 bulan lagi bebas.

Ketika sebuah tombol "Order on WhatsApp" masuk akal

Sebuah path urutan-pertama bukan sebuah upgrade universal. Ini menang ketika pembelian membutuhkan kalimat manusia sebelum uang bergerak:

• Butir tiket-tertinggi - furnitur, mesin, perhiasan, apa pun di mana pembeli ingin jaminan sebelum membayar £40.000.
• Membuat perintah dan kerja gubahan - Spek adalah percakapan, bukan variasi dropdown.
• Whilosale dan B2B - Kuantitasi- berdasarkan harga Anda tidak ingin diterbitkan.
• Pengiriman tidak jelas Barang berat, pincode jauh, rantai dingin, perbatasan.
• Toko terpercaya baru atau rendah - Manusia yang bisa dihubungi adalah sinyal kepercayaan termurah yang kau miliki.
• India COD - Pembeli yang tidak akan membayar lebih awal tapi akan dengan senang hati mengkonfirmasi apa yang terjadi.

Ini bekerja terhadap Anda ketika:

• Kau punya katalog besar dan ribuan perintah sebulan, jadi perintah manual menjadi penghalang.
• Keselarasan adalah otomatis dan menarik dari perintah Woommerce objek bahwa percakapan tidak pernah menciptakan.
• Kau perlu bersih pajak, GST dan catatan faktur pada setiap penjualan.
• Kau menjalankan lalu lintas yang disetel corong kasir dan tombol bocor pembeli keluar dari itu.

Aturan jempol: tetap simpan checkout normal sebagai baku, dan gunakan tombol hanya di mana pertanyaan benar-benar menghalangi urutan.

Dimana untuk meletakkan tombol, dan apa pesan harus mengatakan

Penempatan memutuskan apakah tombol membantu atau kanibal keluar.

Floating widgets adalah domain dari alat-alat seperti Joinchat, Klik ke Chat dan Chaty. Mereka melakukan pekerjaan itu dengan baik dan mereka bebas atau murah. Apa yang tidak satupun dari mereka lakukan adalah mengirim pesan sendiri - mereka hanya membuka obrolan pelanggan harus mulai. Perbedaan itu penting nanti di pos ini.

Kode: dua snippet untuk tema anak Anda

Snippet edits termasuk dalam tema anak functions.php atau plugin code-snippets. Jangan pernah menyunting tema induk; pemutakhiran berikutnya menghapus pekerjaan Anda. Ambil cadangan dan uji pada pementasan pertama.

1. Dapatkan nomor Anda dalam format yang tepat. Format internasional, hanya digit, tidak ada +, tidak ada ruang, tidak ada garis-garis. Sebuah angka India menjadi 919876543210. Ganti placeholder di kedua snippet.
2. Tambahkan tombol halaman-produc-. Ini kait woocommerce_after_add_to_cart_button dan mendirikan (bangunan) yang tinggi, wa.me link dari judul produk, menampilkan harga dan permalink:

add_action( 'woocommerce_after_add_to_cart_button', 'ttp_wa_order_button', 20 );

function ttp_wa_order_button() {
	global $product;

	if ( ! $product instanceof WC_Product ) {
		return;
	}

	$number = '919876543210'; // Digits only, no + and no spaces.
	$price  = html_entity_decode( wp_strip_all_tags( wc_price( wc_get_price_to_display( $product ) ) ) );

	$message  = "Hi, I'd like to order this item:\n";
	$message .= $product->get_name() . "\n";
	$message .= 'Price: ' . $price . "\n";
	$message .= 'Link: ' . get_permalink( $product->get_id() );

	$url = 'https://wa.me/' . $number . '?text=' . rawurlencode( $message );

	printf(
		'<a class="button ttp-wa-order" href="%s" target="_blank" rel="noopener nofollow">%s</a>',
		esc_url( $url ),
		esc_html__( 'Order on WhatsApp', 'ttp' )
	);
}

1. Tambahkan tombol tub- halaman. Satu ini loop WC()->cart->get_cart() Jadi pelanggan mendarat dan mengobrol dengan seluruh keranjang yang sudah diketik:

add_action( 'woocommerce_after_cart_totals', 'ttp_wa_cart_button', 20 );

function ttp_wa_cart_button() {
	if ( ! function_exists( 'WC' ) || ! WC()->cart || WC()->cart->is_empty() ) {
		return;
	}

	$number = '919876543210';
	$lines  = array( "Hi, I'd like to order this cart:" );

	foreach ( WC()->cart->get_cart() as $cart_item ) {
		$product = isset( $cart_item['data'] ) ? $cart_item['data'] : null;

		if ( ! $product instanceof WC_Product ) {
			continue;
		}

		$lines[] = sprintf( '- %s x %d', $product->get_name(), (int) $cart_item['quantity'] );
	}

	$lines[] = 'Total: ' . html_entity_decode( wp_strip_all_tags( WC()->cart->get_total() ) );

	$url = 'https://wa.me/' . $number . '?text=' . rawurlencode( implode( "\n", $lines ) );

	printf(
		'<p><a class="button ttp-wa-order" href="%s" target="_blank" rel="noopener nofollow">%s</a></p>',
		esc_url( $url ),
		esc_html__( 'Order this cart on WhatsApp', 'ttp' )
	);
}

1. Jaga pesannya tetap singkat. rawurlencode() menangani istirahat baris dan simbol dengan benar, tetapi teks yang sudah lama diisi akan dipotong pada beberapa perangkat. Nama, jumlah dan total sudah cukup.
2. Melarikan diri semua yang Anda cetak. esc_url() di atas, esc_html__() Di labelnya.
3. Tes telepon sungguhan. Desktop wa.me link terbuka WhatsApp Web dan berperilaku berbeda. Check Android and iOS.
4. Gaya sebagai aksi sekunder. Jika tombol WhatsApp outshines Tambahkan ke Cart, perintah prabayar akan jatuh.

Mengubah percakapan tersebut menjadi perintah yang direkam

Sebuah obrolan bukanlah sebuah perintah, jadi putuskan di depan bagaimana catatan dan uang diciptakan:

• Penciptaan urutan manual - WooCommerce Perintah selanjutnya tambahkan pesanan, tambahkan item baris, kemudian kirim link pembayaran. Lambat tapi tepat, dan benar untuk GST dan faktur.
• Taut pembayaran kembali ke checkout - balas dengan gerobak atau URL checkout yang telah dibangun sebelumnya. Pelanggan membayar melalui gerbang biasa Anda dan WooCommerce mencatat segalanya.
• Tetap simpan checkout sebagai baku - Jawab pertanyaan pemblokiran dalam percakapan, kemudian kirim pembeli kembali ke halaman produk. Tidak ada tentang perubahan laporan Anda.
• Konfirmasi COD - Ambil perintah di situs, kemudian mengkonfirmasikan di WhatsApp sebelum pengiriman. Detail dalam konfirmasi COD pada WhatsApp] (/ blog / cod- konfirmasi - apa yang terjadi - cut-rto-fake- perintah /).

Apa tombol tidak dapat melakukan

Tombol ini dijalankan, satu arah dan tanpa status. Tidak bisa:

• kirim konfirmasi perintah dan apabila datang pembayaran,
• push pemrosesan, dikirim dan dikirimkan update dengan link pelacakan;
• mengejar gerobak ditinggalkan satu jam kemudian;
• minta Konfirmasi COD di 300 perintah sehari;
• meminta ulasan setelah pengiriman.

Itu semua adalah pesan yang dimulai, yang berarti resmi WhatsApp Cloud API dan Teplates yang disetujui Meta-. Itulah apa yang dilakukan oleh penyadapan WooCommerce secara gratis The Tech Pad: dikonfirmasi, diproses, memproses, mengirim dan memberikan pemberitahuan ditambah pemulihan gerobak, dikirim dari nomor yang sama tombol Anda menunjuk, dengan inbox tim bersama di [/ feature / inbox /] (/ feature / inbox /) untuk reply. Tidak ada biaya bulanan untuk SaaS konektors - Anda membayar biaya percakapan per- pesan Meta (utilitas kira-kira 0.10- 0.30 di India, pemasaran sekitar 2- 3 × utilitas; periksa kartu rate Meta saat ini). Lihat [/ woocommerce /], [/ woocommerce /), [/ plugin] (/ industri / woocommerce /] (/ industri /) dan [order status notifications] (/ blog / woocommerce - perintah status - status-notifications- whalsapp /).

Templat pesan yang akan dipasangkan dengan tombol

Setiap bisnis yang dimulai pesan di luar jendela layanan 24-hour membutuhkan template yang disetujui, dan hal kategori: pembaruan urutan adalah utilitas, promosi adalah pemasaran.

"Hai {1}, pesanan Anda {{2}} dikonfirmasi. Total {3}}, metode pembayaran {{4}}. Kami akan mengirimkan pesan di sini saat kapal itu tiba. Balas ke obrolan ini jika alamat membutuhkan perubahan".

"Hai {1}, satu konfirmasi cepat sebelum kita mengirimkan perintah {{2} (tunai saat pengiriman, {3}). Balas YES untuk mengkonfirmasi atau NO untuk membatalkan - dikonfirmasi kapal pesanan hari yang sama."

Salinan pemulihan mobil berada dalam [templat pemulihan gerobak ditinggalkan] (/ blog / apa pun yang ditinggalkan - deretan-pemulihan-templat /). Apa yang App menghasilkan sekitar 98% terbuka tingkat terhadap sekitar 20% untuk email, dan Median membalas tanah di bawah 90 detik - terus memsepita menjawab dalam satu kata.

PSD

Dapatkah saya menambahkan Ordo pada tombol WhatsApp tanpa plugin?

Ya. Sebuah snippet kecil yang dihubungkan ke produk WooCommerce atau templat gerobak dapat membuat sebuah link w.me yang berisi nama produk, kuantitas dan harga. Plugin hanya layak jika Anda ingin mengatur penempatan, aturan produk dan analisis tanpa mengedit kode.

Perintah apa yang masih tercatat di Woolcomerce?

Tidak sendiri - chatting bukan perintah objek. Pilih membuat urutan secara manual dari percakapan, atau gunakan tombol untuk menanyakan dan menanyakan barang dengan nilai tinggi ketika checkout normal tetap path baku untuk perintah yang direkam.

Dapatkah saya sebelum-mengisi gerobak pelanggan dalam pesan?

Ya. Periksa semua barang yang ada di gerobak atau halaman kasir dan buat teks pesan dengan nama, jumlah dan total, lalu URL-kode ke dalam link wa.me. Persingkat - teks yang sudah lama diisi akan dipotong pada beberapa perangkat.

Apakah ini berguna untuk pesan pengiriman di India?

Sangat. Langkah konfirmasi WhatsApp sebelum pengiriman adalah salah satu cara termurah untuk memotong perintah COD palsu dan kembali ke pengiriman asal. Kirim sebuah template utilitas yang disetujui meminta pelanggan untuk mengkonfirmasi, dan hanya kapal setelah mereka menjawab.

Tambah tombol, lalu otomatis mengikuti

Tombol membuka pintu; API membuat percakapan berjalan tanpa ada yang mengetik. Hubungkan toko Anda ke resmi Cloud API melalui The Tech Pad dan urutan konfirmasi, pemeriksaan COD, pembaruan pengiriman, permintaan pemulihan gerobak dan ulasan semua dijalankan dari nomor Anda pesan sudah. Bulan pertama Anda bebas ketika Anda mulai di [/ wa /] (/ wa /) - Anda bulan pertama bebas ketika Anda mulai, dan setiap bisnis yang Anda merujuk tanda bahwa dan menghubungkan nomor WhatsApp memberi Anda satu bulan bebas - sampai 5 bulan lagi bebas. Rencana didaftarkan di [/ pricing] (/ pricing), dan seluruh connector walkthrough adalah di [/ blog / whatsapp- woocommerce-integration -setup-templat /] (/ blogs- woocommercionation -setup -templates /).