Cuplikan Kode Woocommerce : Tautan Tambahkan Ke Keranjang

Last Updated on October 31, 2023 by

Cuplikan Kode Woocommerce : Tautan Tambahkan Ke Keranjang – Pengembangan situs web telah banyak berubah dalam 10-15 tahun terakhir. Membayar pengembang web untuk membuat situs web untuk bisnis Anda perlahan-lahan memudar dan jenis pengembangan web baru telah mengambil alih – pembuat situs web do-it-yourself.

Saat ini kami memiliki segudang pembuat situs web berbeda yang menawarkan antarmuka sederhana dan mudah digunakan yang dikombinasikan dengan beberapa teknologi back-end yang mengagumkan.

Apa artinya ini? Intinya, ini berarti bahwa hampir semua orang sekarang dapat membuat situs web menggunakan platform seperti Wix, Weebly, Web.com dan Shopify.

Salah satu platform pembuat situs web yang paling populer dan mendominasi adalah WordPress yang dapat membuat hampir semua jenis situs web: blog, situs berita, toko online, dan banyak lagi. Hampir sepertiga dari semua situs web online dibangun di atas WordPress, begitulah popularitasnya.

Fleksibilitas, antarmuka yang intuitif, dan paket hosting premium  membuatnya ideal untuk pemula dan webmaster.

Solusi eCommerce WordPress paling populer sebenarnya adalah sebuah plugin yang disebut WooCommerce, yang saat ini menyumbang 42% (dan terus bertambah) dari semua situs web eCommerce di web.

Fakta Tentang WooCommerce

Coba pikirkan statistik itu: hampir 50% dari semua situs web e-niaga menggunakan kode WooCommerce. Produk lain apa yang dapat membanggakan cakupan dan dominasi pasar seperti itu?

WooCommerce memiliki beberapa fitur luar biasa dan kami telah mencantumkan beberapa di antaranya di bawah ini:

• Ratusan ekstensi berbeda untuk memperluas fungsionalitasnya
• Kemampuan untuk membuat toko online dan segera mulai menjual secara online
• Beragam opsi pembayaran yang didukung
• Berbagai tema yang dibuat sebelumnya untuk mereka yang tidak memiliki percikan kreatif
• Bagian dukungan yang fantastis dengan panduan dan tutorial
• Komunitas pengembang yang berdedikasi

Semua ini dapat diperoleh dengan harga 0 Rp.

Ya, benar, WooCommerce sepenuhnya gratis!

Setelah Anda menginstal WooCommerce, terkadang Anda perlu mengubah beberapa fitur defaultnya agar sesuai dengan kebutuhan Anda atau klien Anda. Anda mungkin bertanya bagaimana kode WooCommerce berhasil beroperasi karena produk utamanya gratis? Sederhana – melalui ekstensinya.

Meskipun plugin WooCommerce gratis, ekstensi yang disediakan untuk bagian utama tidak. Namun, harganya benar-benar masuk akal.

Namun, beberapa ekstensi masih gratis, seperti pembayaran PayPal, Amazon Pay, dan LiveChat.

Eksistensi yang ada pada WooCommerce

Kami telah membuat daftar beberapa ekstensi WooCommerce paling populer di bawah ini:

• WooSubscriptions :Memungkinkan pelanggan untuk berlangganan layanan dan produk Anda;
• Google Analytics :Dapatkan banyak sekali statistik analitik berguna yang berkaitan dengan kinerja situs Anda;
• UPS :Tarif pengiriman dan manajemen melalui kurir UPS;
• MailChimp : Buat kampanye email otomatis dan kelola milis Anda;
• LiveChat : Perangkat lunak obrolan langsung premium untuk meningkatkan layanan pelanggan Anda.

Ini hanyalah segelintir ekstensi yang tersedia. Pertimbangkan untuk melihat toko ekstensi WooCommerce untuk daftar lengkap (diurutkan berdasarkan kategori yang berbeda seperti pemasaran, pembayaran dan manajemen toko).

Dan siapa yang mengembangkan dan memperbaharui Kode WooCommerce? Saat ini, platform eCommerce ini memiliki komunitas lebih dari 750 pengembang yang berkontribusi secara teratur. Para pengembang ini menambahkan kode baru dan menyempurnakan platform saat ini.

Selain itu, WooCommerce mempekerjakan tim khusus yang terdiri dari 40 pengembang ekstensi yang mengelola ekstensi platform saat ini dan melihat pengembangan produk baru dalam hubungannya dengan bisnis lain.

Cuplikan Kode Woocommerce

Seperti yang Anda lihat, Kode WooCommerce tentunya memiliki posisi yang kuat di industri pengembangan web.

Buat Tautan “Tambahkan ke Keranjang” Langsung

Terkadang Anda hanya perlu mengizinkan pengguna menambahkan produk ke keranjang dengan mengklik link. Ini sangat mudah dilakukan, cukup tambahkan ?add-to-cart=235 di akhir tautan apa pun.

Dalam contoh ini, 235 adalah id produk, dan harus diganti dengan id produk yang ingin Anda tambahkan ke keranjang.

http://yoursite.com/checkout/?add-to-cart=235

Cuplikan Kode Woocommerce untuk Menghapus Bidang Alamat di Checkout

Jika Anda menjual barang digital, Anda tidak perlu menanyakan alamatnya kepada pembeli. Untuk menghapus field alamat dari checkout, masukkan kode berikut ke dalam functions.php file tema Anda :

add_filter ('woocommerce_checkout_fields', 'custom_override_checkout_fields');

function custom_override_checkout_fields ($ fields) {
unset ($ fields ['billing'] ['billing_first_name']);
unset ($ fields ['billing'] ['billing_last_name']);
unset ($ fields ['billing'] ['billing_company']);
unset ($ fields ['billing'] ['billing_address_1']);
unset ($ fields ['billing'] ['billing_address_2']);
unset ($ fields ['billing'] ['billing_city']);
unset ($ fields ['billing'] ['billing_postcode']);
unset ($ fields ['billing'] ['billing_country']);
unset ($ fields ['billing'] ['billing_state']);
unset ($ fields ['billing'] ['billing_phone']);
unset ($ fields ['order'] ['order_comments']);
unset ($ fields ['billing'] ['billing_address_2']);
unset ($ fields ['billing'] ['billing_postcode']);
unset ($ fields ['billing'] ['billing_company']);
unset ($ fields ['billing'] ['billing_last_name']);
unset ($ fields ['billing'] ['billing_city']);
return $ fields;
}

Cuplikan Kode Woocommerce untuk Mentukan Jumlah Produk Yang Ditampilkan Per Halaman

Cara sederhana namun efektif untuk menentukan berapa banyak produk yang harus ditampilkan per halaman. Pada contoh ini, return 50 berarti 50 produk akan ditampilkan, perbarui nilai ini dengan jumlah produk yang diinginkan dan tambahkan baris ini ke functions.php file tema Anda .

add_filter (‘loop_shop_per_page’, create_function (‘$ cols’, ‘return 50;’), 40);

Cuplikan Kode Woocommerce untuk meambahkan Pesan Di Atas Formulir Login/Daftar

Berikut adalah cara sederhana untuk menambahkan pesan khusus secara otomatis di atas formulir login / pendaftaran. Kode WooCommerce ini harus dimasukkan ke dalam functions.php file Anda.
add_action ('woocommerce_before_customer_login_form', 'jk_login_message');
function jk_login_message () {
if (get_option ('woocommerce_enable_myaccount_registration') == 'yes') {
?>
<div class = "woocommerce-info">
<p> <? php _e ('Login pelanggan kembali. Pengguna baru mendaftar untuk lain waktu sehingga Anda dapat mengatur:'); ?> </p>
<ul>
<li> <? php _e ('Melihat riwayat pesanan Anda'); ?> </li>
<li> <? php _e ('Periksa pesanan Anda'); ?> </li>
<li> <? php _e ('Edit alamat Anda'); ?> </li>
<li> <? php _e ('Ubah sandi Anda'); ?> </li>
</ul>
</div>
<? php
}
}

Alihkan Tombol “Tambahkan ke Keranjang” ke Halaman Pembayaran

Uji coba yang sangat menarik yang memungkinkan Anda untuk secara otomatis mengarahkan pengguna ke halaman checkout setelah produk ditambahkan ke keranjang. Seperti banyak peretasan lain dari artikel ini, kode ini harus masuk ke functions.php file Anda.
function add_to_cart_checkout_redirect () {
wp_safe_redirect (get_permalink (get_option ('woocommerce_checkout_page_id')));
mati();
}
add_action ('woocommerce_add_to_cart', 'add_to_cart_checkout_redirect', 16);
Ganti “Stok Habis” dengan “Terjual”
Jika Anda menjual barang-barang unik, akan lebih masuk akal untuk menampilkan label “terjual” daripada label “stok habis”. Untuk melakukannya, Anda hanya perlu menempelkan kode ini di functions.php file Anda.

add_filter ('woocommerce_get_availability', 'availability_filter_func');

function availability_filter_func ($ availability) {
$ availability ['availability'] = str_ireplace ('Stok habis', 'Terjual', $ ketersediaan ['ketersediaan']);
kembali $ ketersediaan;
}

Batasi Pengiriman ke Negara Tertentu

Jika Anda hanya ingin mengirimkan barang ke negara tertentu, Anda dapat menggunakan kode di bawah ini untuk melakukannya. Negara dapat ditambahkan pada array di baris 6. Kode harus ada di functions.php file Anda agar bisa berfungsi.

function woo_override_checkout_fields ($ ladang) {

$ fields ['shipping'] ['shipping_country'] = larik (
'type' => 'pilih',
'label' => __ ('Daftar Negara Baru Saya', 'woocommerce'),
'options' => array ('AU' => 'Australia')
);
return $ fields;
}
add_filter (‘woocommerce_checkout_fields’, ‘woo_override_checkout_fields’);

Tampilkan “Produk Sudah Ada di Keranjang” Daripada tombol “Tambahkan ke Keranjang”

Jika pengunjung telah menambahkan produk tertentu ke keranjangnya, akan sangat bagus untuk memberitahu mereka jika upaya untuk menambahkan produk yang sama terjadi.

Berikut potongan kode sederhana untuk melakukannya. Tambahkan saja ke functions.php file Anda.

dd_filter ('woocommerce_product_single_add_to_cart_text', 'woo_custom_cart_button_text');
function woo_custom_cart_button_text () {
global $ woocommerce;
foreach ($ woocommerce-> cart-> get_cart () sebagai $ cart_item_key => $ values) {
$ _produk = $ nilai ['data'];

if (get_the_ID () == $ _product-> id) {
return __ ('Already in cart - Add Again?', 'woocommerce');
}
}
return __ ('Tambahkan ke keranjang', 'woocommerce');
}

add_filter ('add_to_cart_text', 'woo_archive_custom_cart_button_text');
function woo_archive_custom_cart_button_text () {
global $ woocommerce;
foreach ($ woocommerce-> cart-> get_cart () sebagai $ cart_item_key => $ values) {
$ _produk = $ nilai ['data'];
if (get_the_ID () == $ _product-> id) {
return __ ('Already in cart', 'woocommerce');
}
}
return __ ('Tambahkan ke keranjang', 'woocommerce');
}

Tambahkan Navigasi Halaman Kustom ke WooCommerce

Kode WooCommerce, seperti WordPress, tidak menggunakan navigasi halaman secara default. Ini dapat diubah dengan mudah di WordPress dengan plugin WP PageNavi. Saat menggunakan WooCommerce, diperlukan sedikit peretasan agar berfungsi.

Hal pertama yang harus dilakukan adalah menginstal plugin WP PageNavi . Setelah selesai, cukup buka functions.php file Anda dan tempel kode berikut di dalamnya.

remove_action ('woocommerce_pagination', 'woocommerce_pagination', 15);
function woocommerce_pagination () {
wp_pagenavi ();
}
add_action ('woocommerce_pagination', 'woocommerce_pagination', 15);

Terimakasih atas kunjungannya. Semoga informasi tentang beberapa cuplikan kode woocommerce ini dapat bermanfaat.