Cara Menambahkan Kode Kustom ke WooCommerce

Menyiapkan cuplikan kode dan mengonfigurasi file WooCommerce dapat membingungkan bagi pengguna pemula. Selain itu, membuat kesalahan dengan file-file ini dapat berakibat buruk dan bahkan membuat situs Anda crash. Inilah sebabnya mengapa dalam panduan ini, kami akan menunjukkan kepada Anda berbagai metode untuk menambahkan kode khusus ke WooCommerce .

Kami sebelumnya telah melihat bagaimana Anda dapat menyesuaikan toko Anda secara manual. Baik itu halaman Toko, halaman Akun Saya, Halaman Keranjang, atau halaman produk, Anda dapat menyesuaikannya secara manual dengan menambahkan kode khusus. Anda juga dapat menggunakan kode untuk mengonfigurasi berbagai elemen WooCommerce untuk mempersonalisasi pengalaman berbelanja dan menonjol dari pesaing Anda. Semua ini memerlukan penambahan cuplikan kode ke situs web Anda.

Sebelum kita melihat berbagai metode untuk melakukannya, mari kita lihat beberapa manfaat utama mempelajari cara menambahkan kode kustom.

Mengapa menambahkan dan menyesuaikan kode di WooCommerce?

Salah satu fitur utama WooCommerce adalah kemampuan penyesuaiannya. Dengan opsi yang sudah beragam dan fleksibel serta berbagai plugin dan add-on yang tersedia, WooCommerce menonjol sebagai salah satu platform eCommerce yang paling dapat disesuaikan. Namun, ada beberapa persyaratan yang harus Anda ikuti untuk menambahkan kode kustom.

Baik itu untuk mengubah teks Lanjutkan ke checkout, menghapus tombol Tambahkan ke Keranjang , atau mengubah tampilan situs Anda, Anda harus menggunakan fungsi khusus dan menggunakan kait WooCommerce. Pengembang dan siapa pun yang akrab dengan keterampilan pengkodean tahu betapa pentingnya untuk dapat menambahkan cuplikan dengan cara yang benar. Ini memungkinkan Anda tidak hanya mengedit toko Anda, tetapi juga menambahkan fungsionalitas ke dalamnya. Kabar baiknya adalah bahwa sifat open-source dari WooCommerce dan WordPress menjadikannya proses yang jauh lebih mudah didekati.

WooCommerce sepenuhnya mendukung penggunanya untuk menyesuaikan kodenya, meskipun proses ini melibatkan pengeditan file inti yang memiliki beberapa risiko.

Kami sebelumnya telah melihat banyak panduan tentang cara mengonfigurasi berbagai elemen dan file menggunakan cuplikan kode. Kali ini, kita akan fokus pada bagian pertama dari proses itu dan melihat berbagai metode untuk menambahkan kode kustom ke WooCommerce dengan cara yang benar .

Cara Menambahkan Kode Kustom ke WooCommerce

Ada berbagai cara untuk menambahkan cuplikan kode ke WooCommerce :

1. Dengan Editor Tema WordPress bawaan
2. Menggunakan plugin khusus
3. Menggunakan FTP untuk mengakses File Tema
4. Dengan mengonfigurasi file Template WooCommerce
5. Dengan membuat plugin khusus baru

Mari kita lihat setiap metode langkah demi langkah.

CATATAN : Semua metode ini memerlukan pengeditan file inti yang melibatkan beberapa risiko. Itu sebabnya sebelum Anda mulai, ada baiknya untuk membuat cadangan situs Anda.

1) Tambahkan Kustom menggunakan Editor WordPress bawaan

Metode default untuk menambahkan kode khusus ke WooCommerce adalah dengan menggunakan editor tema bawaan. Anda dapat mengakses functions.php dan menambahkan kode PHP langsung ke dalamnya. Namun, jika ada kesalahan dalam kode atau Anda menghapus bagian dari kode, situs web Anda mungkin akan terpengaruh secara serius. Itulah mengapa kami menyarankan untuk menggunakan tema anak dan menambahkan lapisan keamanan ekstra.

Untuk membuka file functions.php di Editor Tema Anda, buka Penampilan > Editor Tema di dasbor Anda. Kemudian, klik function.php pada sidebar File Tema di sebelah kanan.

Menambahkan Kode Kustom ke file functions.php

Sekarang, Anda dapat menambahkan kode khusus ke WooCommerce dari Editor Tema. Untuk demo ini, kami akan mengubah teks default "Tidak ada produk di keranjang" menjadi "Keranjang Anda saat ini kosong, kami sarankan untuk memeriksa produk unggulan kami!":

 remove_action( 'woocommerce_cart_is_empty', 'wc_empty_cart_message', 10 );
add_action( 'woocommerce_cart_is_empty', 'quadlayers_empty_cart_message', 10 );

fungsi quadlayers_empty_cart_message() {
$html = '<div class="col-12 offset-md-1 col-md-10"><p class="cart-empty">';
$html .= wp_kses_post( apply_filters( 'wc_empty_cart_message', __( 'Keranjang Anda saat ini kosong, sebaiknya periksa produk unggulan kami!', 'woocommerce' ) ) );
gema $html . '</p></div>';
}

Cukup tempel skrip ini di Editor Tema Anda dan Perbarui file untuk menerapkan perubahan.

Periksa ujung depan dan Anda akan melihat sesuatu seperti ini:

Menambahkan kode adalah satu hal, tetapi penting juga untuk memahami cara kerja kode.

Kode di atas menambahkan kait WooCommerce khusus yang menerapkan tindakan tertentu untuk mengganti Pesan Keranjang Kosong default dengan pesan khusus yang telah kami tambahkan ke kode. Untuk mengubah teks, cukup ganti pesan teks di baris ini:

 $html .= wp_kses_post( apply_filters( 'wc_empty_cart_message', __( 'Keranjang Anda saat ini kosong, sebaiknya periksa produk unggulan kami!', 'woocommerce' ) ) );

Jika Anda ingin mempelajari lebih lanjut tentang menyesuaikan pesan “ Tidak Ada Produk di Keranjang ” dan memanfaatkannya sebaik-baiknya, lihat panduan lengkap ini.

Seperti disebutkan sebelumnya, menambahkan kode dengan cara ini cepat dan mudah, tetapi melibatkan cukup banyak risiko. Misalnya, menggunakan kode yang salah dapat merusak atau merusak situs web Anda. Selain itu, mungkin ada masalah kompatibilitas dengan kode kustom Anda yang dapat memengaruhi beberapa fungsi, plugin, atau tema. Selain itu, jika Anda menambahkan kode Anda ke function.php dari tema induk dan kemudian Anda mengubah atau memperbarui tema Anda, Anda mungkin kehilangan kode kustom yang telah Anda tambahkan.

Inilah sebabnya, jika Anda seorang pemula, kami sarankan Anda mencoba metode kedua dan menggunakan plugin untuk menambahkan kode khusus ke WooCommerce.

2) Tambahkan Kode menggunakan Plugin

Menggunakan plugin lebih ramah bagi pemula dalam hal menambahkan snippet. Anda dapat dengan mudah mengontrol bit kode apa yang Anda aktifkan di situs web Anda dan kode apa pun yang Anda tambahkan akan disimpan bahkan jika Anda mengubah tema. Selain itu, Anda dapat mengaktifkan atau menonaktifkan kode apa pun kapan saja.

Untuk demo kami, kami akan menggunakan plugin Cuplikan Kode. Ini adalah salah satu plugin paling populer untuk menambahkan kode khusus ke situs mana pun.

Pertama, instal plugin dengan membuka WP Admin Dashboard Anda dan pergi ke Plugins > Add New . Gunakan bilah pencarian di kanan atas dan cari Cuplikan Kode . Kemudian, klik Instal dan terakhir aktifkan plugin.

Setelah aktivasi, Anda siap untuk menambahkan kode dan menyesuaikan toko WooCommerce Anda. Buka Cuplikan > Tambah Baru untuk menambahkan kode baru.

Beri nama cuplikan kode Anda dan tambahkan kode Anda ke bagian Kode . Untuk demo, kami akan menggunakan kode di bawah ini untuk menyembunyikan tombol Tambahkan ke troli.

 remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart');

remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 ); 

Setelah itu, Anda dapat memutuskan apakah Anda ingin menjalankan kode di seluruh situs web Anda atau memilih antara menjalankannya di back-end atau front-end saja. Atau, Anda dapat menjalankan kode ini hanya sekali.

Demikian pula, Anda juga dapat memilih untuk menetapkan prioritas untuk kode Anda dan menambahkan deskripsi cuplikan serta tag.

Setelah Anda mengatur semua detail, klik Simpan Perubahan atau Simpan Perubahan dan Aktifkan untuk menambahkan kode baru Anda.

Jika Anda ingin menonaktifkan atau mengaktifkan kode Anda satu per satu, buka Snippet > All Snippet dan Anda dapat menonaktifkan atau mengaktifkan salah satu snippet Anda satu per satu.

3) Tambahkan Kode Kustom Menggunakan klien FTP

Jika semua opsi ini tidak tersedia untuk Anda dan Anda perlu menambahkan kode khusus ke toko WooCommerce Anda secara manual, Anda mungkin harus melakukannya dengan menggunakan klien FTP . Ada beberapa alat di luar sana, tetapi untuk tutorial ini, kami akan menggunakan FileZilla.

CATATAN : Kami TIDAK merekomendasikan metode ini jika Anda tidak terbiasa menggunakan klien FTP atau mengonfigurasi server Anda dan file-filenya. Selain itu, ini mungkin memerlukan akses ke cPanel dan FTP Anda. Mengacaukan file-file ini dapat memiliki efek yang parah pada situs web Anda, jadi kami sangat menyarankan Anda tetap menggunakan metode di atas jika Anda ingin lebih sedikit risiko yang terlibat dalam menambahkan kode khusus ke situs Anda.

Pertama, buka FileZilla atau klien FTP pilihan Anda dan hubungkan ke situs web Anda. Kemudian, cari file tema Anda di direktori situs web Anda. Ini biasanya ada di direktori /wp-content/themes di server Anda. Klik folder tema Anda saat ini atau tema anak yang mungkin Anda konfigurasikan.

Buka folder tema Anda, klik kanan pada file functions.php di dalamnya, lalu tekan View/Edit.

Di sini, menggunakan editor file, Anda dapat menempelkan kode di akhir file dan menyimpannya. Untuk ini, kami akan menggunakan kode yang sama seperti di atas untuk menyembunyikan tombol Tambahkan ke Keranjang:

 remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart'); 

remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 ); 

Alternatif lain yang menarik untuk menambahkan kode adalah menyesuaikan file template WooCommerce.

4) Tambahkan Kode dengan Menyesuaikan file Template WooCommerce

Mengedit template adalah salah satu cara tercepat untuk mengonfigurasi semua elemen toko WooCommerce Anda dan semua halamannya. Ini termasuk halaman Checkout Anda, halaman Produk, halaman Toko, dan banyak lainnya.

Kabar baiknya adalah Anda dapat mengedit file template WooCommerce dengan cara yang sama seperti di atas dengan menggunakan editor plugin WordPress bawaan. Untuk mengaksesnya, di dasbor admin Anda, buka Plugins > Plugin Editor .

Kemudian, gunakan drop-down Select Plugins di kanan atas, pilih WooCommerce, dan klik Select.

Ini akan memperbarui daftar File Plugin di bawah yang dapat Anda gunakan untuk mengonfigurasi file dan template WooCommerce. Untuk demo kami, kami akan mengedit halaman Terima kasih di kasir . Jadi di bawah daftar File Plugin , pilih Checkout > thankyou.php .

Kemudian, gulir ke bawah dan ubah teks Pesanan yang diterima dengan mengganti teks di baris ini:

 <p class="woocommerce-notice woocommerce-notice--success woocommerce-thankyou-order-received"><?php echo apply_filters( 'woocommerce_thankyou_order_received_text', esc_html__( 'Terima kasih. Pesanan Anda telah diterima.', 'woocommerce' ), nol ); // phpcs:abaikan WordPress.Security.EscapeOutput.OutputNotEscaped ?></p>

Misalnya, untuk mengubah pesan yang diterima Pesanan menjadi sesuatu seperti “Terima kasih telah membeli dari kami. Anda akan segera menerima email tentang instruksinya.”, tempel kode ini:

 <p class="woocommerce-notice woocommerce-notice--success woocommerce-thankyou-order-received"><?php echo apply_filters( 'woocommerce_thankyou_order_received_text', esc_html__( 'Terima kasih telah membeli dari kami. Anda akan segera menerima email mengenai petunjuknya..', 'woocommerce' ), null ); // phpcs:abaikan WordPress.Security.EscapeOutput.OutputNotEscaped ?></p> 

Di sini kami baru saja memperbarui teks kait menjadi sesuatu yang lebih sesuai dengan kebutuhan kami. Setelah Anda puas dengan perubahannya, tekan Update File .

Jika Anda ingin mempelajari lebih lanjut tentang mengonfigurasi file template, lihat panduan kami tentang cara menyesuaikan file template WooCommerce.

5) Tambahkan Kode dengan Membuat Plugin Kustom Baru

Membuat plugin yang sama sekali baru juga merupakan opsi untuk menambahkan kode khusus ke WooCommerce. Ini adalah opsi pengguna yang sedikit lebih maju dan kami menyarankan Anda untuk menggunakan metode ini hanya jika Anda ingin fitur tertentu dilampirkan ke plugin yang berdiri sendiri. Dengan cara ini, Anda selalu dapat memilih untuk mengaktifkan/menonaktifkan plugin kapan pun fitur tertentu diperlukan atau tidak.

Selain itu, ini bisa menjadi solusi yang bagus jika Anda juga harus mengelola banyak situs. Anda cukup melampirkan fitur ke situs dengan plugin alih-alih menambahkan kode secara manual ke situs tersebut.

Selain itu, WordPress sendiri cukup memudahkan untuk membuat dan menggunakan plugin baru. Yang harus Anda lakukan hanyalah membuat folder plugin baru di direktori situs web Anda dan menambahkan beberapa kode ke file PHP-nya. Pertama, Anda harus terhubung ke situs web Anda menggunakan FTP terlebih dahulu. Kami akan menggunakan Filezilla untuk panduan kami tetapi prosesnya harus serupa untuk klien FTP lainnya.

Namun, sebelum Anda mulai, kami sangat menyarankan Anda membuat cadangan situs web Anda.

Membuat Folder Plugin Baru untuk menambahkan Kode Kustom ke WooCommerce

Setelah Anda menghubungkan situs web Anda dengan FTP, buka direktur situs Anda. Kemudian, navigasikan ke folder /wp-content/plugins Anda.

Sekarang, buat direktori baru di folder plugins dan beri nama sesuai dengan kode Anda dan perluas. Untuk demo kami, kami akan menamakannya Remove-Add-To-Cart .

Kemudian, klik kanan pada folder untuk mengklik Buat file baru . Di sini, Anda perlu membuat file .php dengan nama yang sama dengan folder Anda. Jadi, kita beri nama file kita Remove-Add-to-Cart.php.

Setelah file dibuat, lanjutkan dan buka dengan mengklik kanan padanya dan mengklik View/Edit .

Selanjutnya, kita akan menambahkan beberapa baris kode untuk menambahkan nama plugin, deskripsi, dan nama penulis ke dalamnya:

 <?php
/**
* Nama Plugin: Hapus Tambahkan Ke Keranjang
* Deskripsi: Menambahkan plugin hapus tambahkan ke keranjang
* Pengarang: Sijal Shrestha
* Versi: 1.0
*/

/* Letakkan cuplikan Anda di bawah sini. */
/* Letakkan cuplikan Anda di atas sini. */
?> 

Menambahkan kode khusus ke plugin baru

Sekarang, Anda dapat mulai menambahkan kode khusus Anda ke plugin. Anda perlu menambahkan kode khusus Anda di antara bagian /*Let your snippets here */. Sebagai pengingat, baris-baris ini hanyalah komentar sehingga tidak akan memengaruhi kode Anda dan Anda dapat menghapusnya jika mau.

 <?php
/**
* Nama Plugin: Hapus Tambahkan Ke Keranjang
* Deskripsi: Menambahkan plugin hapus tambahkan ke keranjang
* Pengarang: Sijal Shrestha
* Versi: 1.0
*/

/* Letakkan cuplikan Anda di bawah sini. */

remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart');

remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 );
/* Letakkan cuplikan Anda di atas sini. */
?> 

Selanjutnya, simpan file Anda dan Anda akan melihat bahwa plugin terdaftar di Dashboard Admin WP Anda di bawah halaman Plugin .

Aktifkan plugin dan kode kustom Anda akan berjalan dengan sempurna. Anda juga dapat zip folder plugin jika Anda mau dan menggunakannya untuk menginstalnya di situs web yang berbeda. Cukup unduh folder dari klien FTP Anda dan kompres folder tersebut.

Kemudian, Anda dapat menggunakan zip ini untuk menginstal plugin Anda di situs web mana pun. Jika Anda memerlukan bantuan lebih lanjut, kami juga memiliki detail untuk menginstal plugin WordPress secara manual.

Metode mana yang harus Anda gunakan untuk menambahkan kode khusus?

Kami telah melihat metode yang berbeda, tetapi apa yang terbaik untuk menambahkan cuplikan? Meskipun menggunakan klien FTP dan mengakses file Anda secara manual bisa sangat cepat dan mudah, mungkin ada risiko signifikan yang terlibat saat menambahkan kode khusus dengan cara ini. Itulah mengapa untuk meminimalkan risiko, sebaiknya gunakan plugin kode khusus khusus , terutama jika Anda tidak memiliki keterampilan pengkodean tingkat lanjut.

Metode ini jauh lebih berisiko dan dapat memiliki keuntungan tambahan seperti:

• Mampu melacak kode yang berbeda dan mengaktifkan/menonaktifkannya kapan pun Anda mau
• Menambahkan kode yang bertentangan dan mengaktifkan/menonaktifkannya sebagai alternatif jika diperlukan
• Memeriksa kompatibilitas dengan tema/instalasi
• Lebih mudah untuk men-debug dan memulihkan dari masalah

Menggunakan plugin khusus untuk menambahkan kode khusus ke WooCommerce memberi Anda cara mudah untuk mengonfigurasi kait Anda sambil meminimalkan kemungkinan masalah. Namun, jika Anda ingin memastikan bahwa kode yang baru ditambahkan tidak menyebabkan masalah atau membuat situs web Anda mogok, sebaiknya lihat kiat berikut.

Praktik terbaik saat menambahkan kode khusus ke WooCommerce

1) Menggunakan Tema Anak

Menggunakan tema anak adalah salah satu hal pertama yang kami sarankan jika Anda akan menambahkan kode khusus ke file functions.php Anda. Terlepas dari kode yang Anda edit atau tambahkan, dengan tema anak Anda memastikan bahwa Anda akan dapat mengembalikan perubahan apa pun kapan saja tanpa memodifikasi file tema inti Anda.

Selain itu, hal penting yang perlu dipertimbangkan dengan perubahan kode dan memodifikasi stylesheet adalah jika Anda memperbarui tema WordPress, Anda mungkin kehilangan semua perubahan. Ini karena file funcitons.php Anda akan ditimpa dengan pembaruan tema dan menghapus semua kode kustom Anda. Inilah sebabnya mengapa menambahkan kode ke tema induk bukanlah praktik yang disarankan.

Dengan tema anak, Anda memastikan bahwa Anda tidak akan kehilangan penyesuaian bahkan setelah Anda memperbarui tema induk Anda. Selain itu, jika tema Anda rusak, Anda selalu dapat mengembalikan perubahan dan memulai dari awal lagi.

Anda dapat membuat tema anak secara terprogram atau menggunakan plugin khusus. Di bagian ini, kami akan menunjukkan cara membuat tema anak menggunakan plugin karena prosesnya lebih mudah.

Membuat tema Anak menggunakan plugin

Membuat tema anak menggunakan plugin adalah proses yang mudah dan ramah bagi pemula. Ada banyak plugin yang bisa Anda gunakan. Untuk demo ini, kami akan menggunakan Child Theme Wizard .

Pertama, buka Dasbor Admin WP Anda dan buka Plugin > Add new . Kemudian, gunakan menu pencarian di kanan atas untuk mencari Child Theme Wizard . Klik Instal lalu tekan Aktifkan setelah tombol beralih.

Anda kemudian dapat mengakses fitur plugin dengan mengklik Tools > Child Theme Wizard.

Untuk membuat tema anak baru, gunakan bidang tema induk untuk memilih tema yang ingin Anda jadikan tema anak. Untuk demo kami, kami akan menggunakan tema Storefront .

Kemudian, tambahkan detail seperti Judul, Deskripsi, URL, dan lainnya. Setelah selesai, klik Buat Tema Anak dan Anda harus selesai.

Sekarang alihkan ke tema anak Anda dengan menavigasi ke Appearance > Themes di sidebar Anda dan tekan Activate pada child theme yang baru Anda buat.

Itu dia! Sekarang Anda dapat dengan bebas menambahkan kode kustom Anda ke file function.php Anda di bawah tema anak yang baru dibuat.

2) Menggunakan plugin Cadangan WordPress dan menyiapkan cadangan

Salah satu hal terpenting yang harus dilakukan saat memodifikasi file WordPress/WooCommerce atau mengubah file apa pun di instalasi Anda adalah menyiapkan cadangan. Meskipun WooCommerce cukup fleksibel, kode yang tidak kompatibel atau tidak berfungsi dapat menimbulkan masalah serius.

Dalam beberapa kasus, mungkin crash atau bahkan merusak situs web Anda dan menyebabkan downtime untuk bisnis WooCommerce Anda. Inilah sebabnya mengapa kami sangat menyarankan Anda membuat cadangan reguler. Jadi sebelum menambahkan kode khusus apa pun ke situs Anda, ingatlah untuk membuat cadangan yang dapat Anda gunakan kembali jika terjadi kesalahan.

Untuk informasi lebih lanjut tentang ini, lihat panduan khusus kami tentang cara membuat cadangan di WordPress.

3) Mempelajari tentang cara kerja kode dan bagaimana kait dan fungsi WooCommerce digunakan

Sebagian besar kode khusus untuk WooComerce menggunakan kait untuk melakukan tindakan tertentu atau mengubah elemen tertentu. Itulah mengapa merupakan ide bagus untuk mempelajari cara kerja filter ini dan penerapannya ke situs web Anda sebelum kode kustom Anda. Ini tidak hanya mencegah Anda menggunakan kode yang tidak lengkap atau tidak berfungsi, tetapi juga memastikan bahwa Anda dapat menyesuaikannya sehingga berfungsi lebih baik untuk kebutuhan Anda.

Misalnya, mari kita lihat cuplikan ini yang menonaktifkan pembelian jika Anda tidak masuk:

 add_action( 'woocommerce_before_single_product', 'quadlayers_add_message');
add_filter( 'woocommerce_is_purchasable', 'quadlayers_block_admin_purchase' );
function quadlayers_block_admin_purchase($block) {
if ( is_user_logged_in() ):mengembalikan nilai true;
lain: kembali salah;
berakhir jika;
}

fungsi quadlayers_add_message(){
if ( !is_user_logged_in() ):echo '<H2>SILAHKAN LOGIN UNTUK MEMBELI PRODUK INI</h2>';
berakhir jika;
}

Beginilah cara kerja kait WooCommerce di sini:

• Action hook digunakan untuk mencetak pesan menggunakan fungsi QuadLayers_add_message function sedangkan filter hook menggunakan fungsi quadlayers_block_admin_purchase untuk menonaktifkan tombol Add to Cart
• Pernyataan IF digunakan di kedua fungsi ini untuk memeriksa apakah pengguna masuk atau tidak
• Kait woocommerce_is_purchasable diterapkan jika pernyataan IF bersyarat mengembalikan true
• Kami juga telah menerapkan beberapa CSS tambahan untuk mengubah gaya teks pesan serta menambahkan warna khusus

Mari kita lanjutkan dan tambahkan ini ke file function.php dari tema anak kita:

Ini memberi kita hasil ini di ujung depan:

Jika Anda ingin mempelajari cara kerja kode kustom WooCommerce, lihat panduan kami tentang cara menggunakan kait WC.

Kesimpulan

Singkatnya, mempelajari cara menambahkan kode khusus ke WooCommerce dapat menjadi bagian penting dalam menyesuaikan pengalaman berbelanja Anda. Semakin banyak hal yang Anda sesuaikan, semakin Anda dapat menonjol dari pesaing Anda. Dengan menambahkan cuplikan kode, Anda tidak perlu terlalu bergantung pada plugin dan memiliki lebih banyak fleksibilitas.

Dalam panduan ini, kami telah melihat berbagai metode untuk menambahkan cuplikan kode:

• Dengan menggunakan editor tema bawaan untuk mengedit file functions.php
• Dengan plugin WordPress khusus untuk menambahkan cuplikan kode khusus
• Menggunakan FTP untuk mengakses file function.php secara manual
• Menggunakan editor plugin untuk mengedit template WooCommerce secara manual
• Menggunakan FTP untuk membuat plugin baru dengan kode khusus.

Semua metode ini memungkinkan Anda untuk dengan mudah menyesuaikan dan mengonfigurasi situs web WooCommerce Anda. Semua metode ini memerlukan keterampilan pengkodean tingkat dasar, tetapi menggunakan plugin adalah metode yang paling ramah bagi pemula. Mengedit file functions.php dari editor bawaan itu mudah tetapi memiliki beberapa risiko yang perlu Anda waspadai. Hal yang sama berlaku jika Anda ingin langsung menyesuaikan file template WooCommerce. Terakhir, menggunakan klien FTP adalah metode yang sedikit lebih maju karena memerlukan pengetahuan tertentu untuk mengonfigurasi file server.

Sudahkah Anda menambahkan cuplikan ke toko WooCommerce Anda? Metode mana yang Anda gunakan? Apakah Anda tahu cara lain yang harus kami tambahkan? Beri tahu kami di bagian komentar di bawah!

Terakhir, jika Anda mencari cuplikan kode tambahan dan cara untuk menyesuaikan toko Anda secara terprogram, kami punya sesuatu untuk Anda. Jika Anda menyukai panduan ini, lihat artikel ini yang akan membantu Anda memaksimalkan toko WooCommerce Anda:

• Cara mengedit halaman Produk WooCommerce secara terprogram
• Edit Halaman Akun Saya WooCommerce secara terprogram
• Cara mengedit halaman Toko WooCommerce secara terprogram