Get In Touch
Jl. Tri Satya, Jembatan 6. Bojong Rawalumbu, Bekasi
ask@giit.me
WA : +62 812-4421-9992
Back

Cara Mengubah Tombol Add to Cart Menjadi Tanyakan Via WhatsApp di WooCommerce

Mengubah tombol “Add to Cart” menjadi “Tanyakan Via WhatsApp” di WooCommerce dapat membantu bisnis Anda berinteraksi lebih langsung dengan pelanggan. Ini bisa sangat bermanfaat bagi produk yang memerlukan konsultasi atau diskusi sebelum pembelian. Dalam artikel ini, kami akan membahas langkah-langkah detail untuk mengubah tombol “Add to Cart” di WooCommerce menjadi tombol “Tanyakan Via WhatsApp”.

Daftar Isi

  1. Persiapan Sebelum Memulai
  2. Menginstal Plugin yang Diperlukan
  3. Mengubah Teks Tombol Add to Cart
  4. Menambahkan Fitur WhatsApp ke Tombol
  5. Mengkonfigurasi Plugin WhatsApp
  6. Menguji Fitur Baru
  7. Kesimpulan

Persiapan Sebelum Memulai

Sebelum memulai, pastikan Anda memiliki:

  • Website WordPress dengan WooCommerce terinstal.
  • Akses ke dashboard admin WordPress.
  • Plugin yang akan membantu menambahkan fitur WhatsApp.

Menginstal Plugin yang Diperlukan

Untuk menambahkan fitur WhatsApp, Anda dapat menggunakan plugin seperti WP WhatsApp Button atau Direct Checkout for WooCommerce. Berikut cara menginstal plugin:

  1. Masuk ke Dashboard WordPress: Login ke admin WordPress Anda.
  2. Pilih Plugin > Add New: Di sidebar, pilih Plugin > Add New.
  3. Cari Plugin: Ketik nama plugin di kotak pencarian (misalnya, “WP WhatsApp Button”).
  4. Install dan Aktifkan Plugin: Klik “Install Now” kemudian “Activate.”

Mengubah Teks Tombol Add to Cart

Langkah berikutnya adalah mengubah teks tombol “Add to Cart” menjadi “Tanyakan Via WhatsApp”. Anda bisa menggunakan kode sederhana yang ditambahkan ke file functions.php di tema Anda.

  1. Masuk ke Appearance > Theme Editor: Di sidebar, pilih Appearance > Theme Editor.
  2. Buka File functions.php: Cari dan buka file functions.php.
  3. Tambahkan Kode Berikut:
add_filter('woocommerce_product_single_add_to_cart_text', 'custom_add_to_cart_text'); 
add_filter('woocommerce_product_add_to_cart_text', 'custom_add_to_cart_text');

function custom_add_to_cart_text() {
return __('Tanyakan Via WhatsApp', 'woocommerce');
}
  1. Simpan Perubahan: Klik “Update File” untuk menyimpan perubahan.

Menambahkan Fitur WhatsApp ke Tombol

Setelah mengubah teks tombol, langkah berikutnya adalah menambahkan fungsionalitas WhatsApp ke tombol tersebut. Anda bisa melakukannya dengan memodifikasi template WooCommerce atau menggunakan plugin yang telah diinstal.

Menggunakan Plugin:

Jika Anda menggunakan plugin WP WhatsApp Button, lakukan langkah-langkah berikut:

  1. Konfigurasi Plugin: Masuk ke pengaturan plugin melalui Dashboard > Settings > WP WhatsApp Button.
  2. Isi Detail WhatsApp: Masukkan nomor WhatsApp Anda dan pesan default yang akan dikirim.
  3. Tentukan Lokasi Tombol: Pilih di mana tombol WhatsApp akan ditampilkan (misalnya, di halaman produk).
Manual dengan Kode:

Jika Anda ingin menambahkan kode secara manual, ikuti langkah berikut:

  1. Buka File template single-product/add-to-cart/simple.php:
  2. Ganti Kode Tombol Add to Cart dengan Kode Berikut:
global $product;
$whatsapp_number = '1234567890'; // Ganti dengan nomor WhatsApp Anda
$product_name = $product->get_name();
$product_url = get_permalink($product->get_id());
$whatsapp_message = "Saya tertarik dengan produk $product_name. Bisa Anda jelaskan lebih lanjut? $product_url";

echo '<a href="https://wa.me/'.$whatsapp_number.'?text='.urlencode($whatsapp_message).'" class="button whatsapp-button">Tanyakan Via WhatsApp</a>';
  1. Simpan Perubahan: Klik “Update File” untuk menyimpan perubahan.

Mengkonfigurasi Plugin WhatsApp

Jika Anda menggunakan plugin, pastikan untuk mengkonfigurasi semua pengaturan sesuai kebutuhan. Masukkan nomor WhatsApp, pesan default, dan penyesuaian lainnya yang diperlukan.

Menguji Fitur Baru

Setelah semua pengaturan selesai, pastikan untuk menguji fitur baru:

  1. Buka Halaman Produk: Akses halaman produk di situs Anda.
  2. Klik Tombol Tanyakan Via WhatsApp: Pastikan tombol mengarahkan ke WhatsApp dengan pesan yang telah disesuaikan.
  3. Periksa Fungsi: Coba kirim pesan dan pastikan pesan tersebut terkirim ke nomor WhatsApp yang benar.

Kesimpulan

Mengubah tombol “Add to Cart” menjadi “Tanyakan Via WhatsApp” dapat meningkatkan interaksi dan pelayanan kepada pelanggan Anda. Dengan mengikuti langkah-langkah di atas, Anda dapat dengan mudah mengimplementasikan fitur ini di situs WooCommerce Anda. Jika Anda membutuhkan bantuan lebih lanjut, tim di Giit.me siap membantu Anda mengoptimalkan website dan meningkatkan pengalaman pengguna.

Dengan fitur ini, Anda dapat memberikan layanan yang lebih personal dan membantu pelanggan membuat keputusan pembelian yang lebih baik.

Richie Leonardo
Richie Leonardo
Halo, saya Richie Leonardo, seorang programmer dengan spesialisasi dalam PHP dan JavaScript. Saya memiliki pengalaman yang luas dalam pengembangan aplikasi web, termasuk backend dan frontend. Keahlian saya meliputi pemrograman server-side dengan PHP dan pengembangan antarmuka pengguna yang responsif menggunakan JavaScript dan framework terkait seperti Vue.js atau React. Saya berfokus pada peningkatan keamanan aplikasi dan optimalisasi performa untuk memberikan pengalaman pengguna yang terbaik. Jika Anda membutuhkan bantuan dalam mengembangkan solusi teknologi yang inovatif, saya siap membantu!

This website stores cookies on your computer. Cookie Policy