Cara Mengubah Teks Tombol Tambahkan ke Keranjang Di Halaman Toko WooCommerce

Diterbitkan: 2020-08-23

WooCommerce Ubah Halaman Toko Teks Tombol Keranjang Apakah Anda mencari cara terbaik untuk mengubah Teks Tambahkan ke Keranjang di halaman toko? Pada akhir tutorial singkat ini, Anda akan dapat mengubah teks tombol “Tambahkan ke troli” default di halaman toko WooCommerce menggunakan cuplikan kode. Anda juga dapat menggunakan plugin untuk mengubah teks tombol di halaman toko, jika Anda lebih suka menggunakan plugin daripada mengedit kode.

Halaman Toko Tambahkan ke Keranjang Tombol

Secara default, WooCommerce menampilkan tombol “Tambahkan ke troli” di halaman toko dan halaman arsip Anda. WooCommerce tidak memiliki opsi untuk mengubah teks ini.

Alih-alih memiliki teks ini, Anda mungkin ingin menambahkan teks seperti “Lihat Produk”, Beli Sekarang”, “Tambahkan ke Tas”, “Pesan Sekarang” (atau apa pun yang Anda suka) yang menautkannya ke satu halaman produk.

Versi default memiliki tombol yang terlihat seperti yang ditunjukkan pada gambar di bawah ini:

Default Tambahkan ke troli tombol

Langkah-langkah Mengubah Halaman Toko Teks Tambahkan ke Keranjang Menggunakan Kode PHP

Untuk mengubahnya, Anda hanya perlu mengikuti langkah-langkah berikut:

  1. Masuk ke situs WordPres Anda dan akses Dasbor sebagai pengguna admin.
  2. Dari menu Dashboard, klik pada Appearance Menu > Theme Editor Menu . Saat halaman Theme Editor terbuka, cari file theme functions dimana kita akan menambahkan function yang akan merubah default Add to Cart
  3. Tambahkan kode berikut ke file php :
 // Untuk mengubah teks tambahkan ke keranjang di halaman produk tunggal

add_filter( 'woocommerce_product_single_add_to_cart_text', 'woocommerce_custom_single_add_to_cart_text' );

fungsi woocommerce_custom_single_add_to_cart_text() {

    return __( 'Beli Sekarang', 'woocommerce' );

}

// Untuk mengubah teks tambahkan ke keranjang di halaman arsip produk (Koleksi)

add_filter( 'woocommerce_product_add_to_cart_text', 'woocommerce_custom_product_add_to_cart_text' ); 

fungsi woocommerce_custom_product_add_to_cart_text() {

    return __( 'Beli Sekarang', 'woocommerce' );

}
  1. Pastikan Anda menyimpan perubahan yang telah Anda buat.
  2. Anda harus pergi ke Front-end sehingga Anda dapat melihat perubahan Anda. Ini akan menjadi Hasil: Mengubah Tombol Tambahkan ke Keranjang

Cara Kerja Kode

Baris kode yang telah kita sisipkan pada file functions.php menggunakan default WooCommerce Loop . Ini menyiratkan bahwa jika tema Anda menggunakan loop WC default untuk menampilkan tombol ' Tambahkan ke Keranjang ', maka itu pasti akan menjadi solusi untuk Anda.

Jika tema Anda memiliki halaman kustom menggunakan plugin pembuat halaman kustom yang menggunakan fungsi berbeda untuk menampilkan tombol ' tambahkan ke troli ', maka itu mungkin tidak berfungsi untuk toko WooCommerce Anda. Ini berarti Anda harus menyewa Pengembang atau menghubungi penyedia tema Anda .

Metode alternatif untuk mengubah label Tambahkan ke Keranjang adalah dengan menggunakan plugin. Plugin yang akan kita gunakan untuk tutorial ini disebut, WC Custom Add to Cart labels. Ini adalah alternatif bagi yang tidak begitu paham teknologi. Ini untuk mereka yang tidak terbiasa menyesuaikan situs mereka dengan kode atau mungkin mereka tidak ingin mengacaukan struktur pengkodean situs mereka.

Plugin WC Custom Add to Cart labels memungkinkan Anda mengubah label “tambahkan ke troli” pada semua halaman produk tunggal, per jenis produk, dan pada halaman arsip atau toko, per jenis produk). Anda dapat mengunduh plugin langsung di sini menggunakan tautan ini https://downloads.wordpress.org/plugin/wc-custom-add-to-cart-labels.zip atau Anda dapat mencarinya di direktori www.wordpress.org. Ini dipercaya oleh lebih dari 10.000 situs WooCommerce di Komunitas WordPress.

Langkah-langkah untuk Mengubah Teks Tambahkan ke Keranjang Default Menggunakan Plugin

Ikuti langkah-langkah sederhana ini untuk menambahkan plugin ini ke situs WordPress Anda:

  1. Masuk ke situs WordPress Anda dan akses Dasbor sebagai pengguna admin.
  2. Kemudian, kita akan menginstal plugin yang telah kita tunjukkan sebelumnya. Jika Anda telah mengunduhnya menggunakan tautan di atas, cukup navigasikan ke Plugins > Add New . Setelah itu, klik Upload Plugin dan kemudian Browse untuk file yang diunduh seperti gambar di bawah ini: Mengunggah plugin yang diunduh
  3. Untuk mengunduhnya langsung di Panel Admin, cukup navigasikan ke Plugins > Add New . Setelah itu, Anda perlu melakukan pencarian kata kunci untuk plugin ' WC Custom Add to Cart labels '. Anda perlu menginstal dan mengaktifkannya seperti yang ditunjukkan di bawah ini: mengunduh plugin langsung dari area admin WordPress
  4. Untuk mengubah tombol, Anda perlu menambahkan nama tombol di area bidang teks seperti yang ditunjukkan pada gambar di bawah dengan mengakses pengaturan ini dengan menavigasi ke WooCommerce > Pengaturan . Kemudian, Anda perlu mengklik Anda perlu mengklik tombol Tambahkan ke Keranjang Label seperti yang ditunjukkan. menambahkan nama tombol khusus menggunakan plugin
  5. Simpan perubahan menggunakan tombol biru di bawah daftar bidang.
  6. Untuk melihat Hasil , Anda perlu mengakses Halaman Beranda dan inilah yang akan Anda lihat: Ubah Tambahkan ke Keranjang Halaman Toko Teks

Namun, disarankan agar Anda membuat perubahan ini dalam lingkungan staging sehingga Anda memiliki kemampuan untuk memastikan ini adalah fungsi yang Anda inginkan untuk dimiliki situs Anda, tanpa memengaruhi situs langsung Anda hingga Anda siap untuk menerapkannya.

Kesimpulan

Dalam posting ini, kami telah menyoroti dua metode yang dapat Anda gunakan untuk mengubah Tombol Tambahkan ke Keranjang di halaman toko. Yang pertama adalah solusi ramah pengembang yang melibatkan kode, dan yang kedua adalah metode ramah pemula yang melibatkan penggunaan plugin untuk menambahkan fungsionalitas ini dengan mudah.

Artikel Serupa

  1. Bagaimana Cara Mengarahkan Halaman WordPress Tanpa Plugin?
  2. 30 Plugin Acara WordPress Terbaik untuk Manajemen Acara yang Lebih Baik
  3. Cara Redirect ke Keranjang setelah Login di WooCommerce
  4. 52+ Plugin Media Sosial WordPress Terbaik untuk Meningkatkan Traffic Situs Anda
  5. 23 Plugin WooCommerce Terbaik untuk Kustomisasi Halaman Checkout
  6. Cara Mengganti Stok Teks yang Habis di WooCommerce
  7. 32+ Plugin Obrolan WordPress Terbaik Untuk Dukungan Pelanggan
  8. Cara Mengurutkan Kategori WooCommerce untuk Pengalaman Pengguna yang Lebih Baik
  9. Cara Menjual Produk Digital Dengan WooCommerce
  10. Cara Menyembunyikan Bidang Kode Kupon WooCommerce
  11. Sembunyikan atau Hapus Bidang Kuantitas dari Halaman Produk WooCommerce
  12. Cara Menampilkan Produk WooCommerce Berdasarkan Kategori
  13. Cara Menghapus Penyortiran Produk Default WooCommerce
  14. Cara Menambahkan Nomor GTIN Pada Produk Di WooCommerce
  15. Cara Menyembunyikan Produk di WooCommerce atau Menyembunyikan Produk berdasarkan Kategori atau Peran
  16. Cara Menambahkan Gambar Produk Halaman Checkout WooCommerce
  17. Cara Mengubah Tambahkan ke Keranjang Teks Panduan WooCommerce dengan Contoh
  18. Daftar 30+ Plugin SEO WordPress Terbaik Secara Keseluruhan Untuk Peringkat Lebih Tinggi
  19. 30+ Plugin WordPress Forum Terbaik untuk Membangun Komunitas
  20. 30+ Plugin Kalender WordPress Terbaik untuk Manajemen Acara