Cara mengedit halaman checkout WooCommerce

Diterbitkan: 2020-08-15

Halaman checkout adalah salah satu langkah terpenting dalam proses pembelian. Jika Anda memiliki toko online, Anda harus menyesuaikan dan mengoptimalkannya untuk meningkatkan tingkat konversi. Ada beberapa cara untuk melakukannya. Dalam panduan ini, kami akan menunjukkan kepada Anda 2 metode berbeda untuk mengedit halaman checkout WooCommerce : dengan plugin dan secara terprogram.

Mengapa Anda harus menyesuaikan halaman checkout di WooCommerce?

Jika Anda memiliki toko WooCommerce, checkout adalah salah satu halaman paling penting. Di situlah pelanggan membayar dan Anda menutup penjualan. Mempertimbangkan berapa banyak pembeli yang meninggalkan troli mereka dan seberapa banyak persaingan yang ada saat ini, Anda harus mengoptimalkan pembayaran untuk menutup penjualan sebanyak mungkin.

Meskipun WooCommerce menyertakan konfigurasi default yang baik, Anda mungkin perlu mengedit halaman checkout untuk meningkatkan tingkat konversi di toko Anda. Beberapa perubahan yang dapat Anda terapkan untuk mengedit halaman checkout WooCommerce Anda adalah:

  • Buat pembayaran satu halaman
  • Ubah gaya dan desain checkout dengan CSS
  • Tambahkan, hapus, atau atur ulang bidang checkout
  • Sertakan konten
  • Buat bidang wajib diisi atau opsional
  • Tambahkan bidang bersyarat dan buat logika bersyarat
  • Tambahkan biaya tambahan untuk pengiriman, pengemasan, dan sebagainya
  • Dan banyak lagi

Kami sebelumnya telah melihat cara menyesuaikan halaman toko dan cara menghapus bidang dari checkout, dan hari ini kami akan menunjukkan kepada Anda 2 cara berbeda untuk menyesuaikan halaman checkout di WooCommerce .

Edit halaman checkout WooCommerce: 2 Metode

Dalam panduan ini Anda akan belajar cara mengedit halaman checkout di WooCommerce dengan 2 cara berbeda:

  1. Dengan plugin
  2. Secara terprogram (pengkodean)

Mari kita lihat lebih dekat setiap opsi.

1) Sesuaikan halaman checkout dengan plugin

Jika Anda tidak memiliki keterampilan pengkodean, Anda dapat mengedit halaman checkout WooCommerce dengan sebuah plugin. Ada banyak opsi di luar sana, tetapi untuk tutorial ini, kami akan menggunakan WooCommerce Checkout Manager .

Plugin ini telah ada di pasaran selama beberapa tahun dan memiliki lebih dari 90.000 unduhan aktif. Ini memiliki versi gratis dengan fungsi dasar tetapi kuat yang dapat Anda unduh dari sini dan 3 paket premium dengan fitur yang lebih canggih mulai dari 19 USD (pembayaran satu kali). Mari kita lihat apa yang bisa dilakukan alat ini.

sesuaikan halaman checkout WooCommerce - utama Manajer Pembayaran WooCommerce

Manajer Pembayaran WooCommerce

Checkout Manager adalah salah satu plugin terbaik untuk mengelola halaman checkout Anda. Ini memungkinkan Anda untuk menambah, mengedit, dan menghapus bidang pada halaman checkout untuk meningkatkan penjualan Anda. Dan bagian terbaiknya adalah sangat mudah digunakan. Misalnya, Anda dapat menambahkan bidang pengiriman, penagihan, dan tambahan ke halaman checkout hanya dengan mengaktifkan opsi dari menu.

Alat ini memungkinkan Anda untuk menambah atau menyembunyikan bidang seperti nama depan dan belakang, nama perusahaan, negara, kota, kode pos, alamat, nomor telepon, email, dan lain-lain. Untuk melakukan ini, di dasbor WordPress Anda, buka WooCommerce > Checkout lalu tab Penagihan, Pengiriman, atau Tambahan. Di sana, Anda akan melihat daftar semua bidang yang ingin Anda tampilkan atau sembunyikan. sesuaikan halaman checkout woocommerce - Plugin pengelola checkout

Buat bidang file unggahan khusus

Salah satu fitur yang paling menarik dari plugin WooCommerce Checkout Manager adalah kemungkinan untuk memungkinkan pembeli mengunggah semua jenis file selama proses pembelian . Ini sangat berguna ketika Anda memesan hotel atau menyewa mobil secara online dan harus mengunggah ID atau SIM Anda. Anda juga dapat mengedit file tersebut dan membiarkan pengguna mengelola file mereka jika mereka perlu memberikan dokumen tambahan. Selain itu, Anda dapat menambahkan biaya tetap atau persentase ke bidang inti atau bersyarat apa pun.

Tambahkan biaya ke kasir

Opsi menarik lainnya untuk mengedit halaman checkout WooCommerce adalah menambahkan biaya. Ini bisa sangat berguna jika Anda ingin memasukkan biaya tambahan untuk situasi seperti:

  • pengiriman cepat
  • Penanganan spesial
  • Biaya tambahan untuk pengiriman ke negara atau lokasi tertentu
  • Biaya yang terkait dengan kartu kredit atau gateway pembayaran

Meskipun WooCommerce menawarkan beberapa opsi untuk menambahkan biaya tambahan ini, Manajer Checkout memberi Anda lebih banyak kontrol dan fleksibilitas. Untuk menambahkan biaya dengan Checkout Manager, dan buka WooCommerce > Checkout > Billing .

Anda akan melihat berbagai bidang penagihan yang dapat diaktifkan. Untuk demonstrasi ini, kami akan menambahkan biaya untuk Pengiriman Ekspres dan kami perlu membuat bidang baru, jadi kami menekan tombol Tambahkan Bidang Baru . Kami akan memilih radio sebagai jenis tombol dan memberi nama pada bidang baru.

Lalu, buka tab Opsi dan kami akan menambahkan dua label: Ya dan Tidak . Saat pembeli memilih Pengiriman Ekspres, kami akan menambahkan biaya tambahan sebesar $10.

Tambahkan biaya untuk checkout - Opsi Simpan perubahan dan hanya itu! Sekarang ketika pengguna memilih opsi Pengiriman Ekspres saat checkout, biaya tambahan sebesar $10 akan ditambahkan ke keranjang mereka.

Buat bidang bersyarat

Selain menambahkan bidang dan biaya, Anda juga dapat menyesuaikan halaman checkout WooCommerce dengan membuat bidang bersyarat untuk meningkatkan pengalaman pengguna. Anda hanya perlu memilih bidang dan nilai induk bersyarat. Mari kita lihat proses langkah demi langkah:

  1. Di dasbor WordPress Anda, buka WooCommerce > Checkout > Billing dan klik Add New Field
  2. Pilih jenis bidang yang ingin Anda buat dan isi label, tempat penampung/jenis, dan deskripsi. Ini akan tergantung pada jenis kondisional yang Anda buat
  3. Setelah itu, centang kotak bersyarat di sebelah kanan. Pilih bidang induk dan nilai yang harus diambil bidang induk untuk menampilkan bidang bersyarat
  4. Tekan Simpan dan selesai!

Hal baiknya adalah bahwa Manajer Checkout memungkinkan Anda membuat bidang khusus tanpa batas dan menerapkan kondisi sebanyak yang Anda inginkan untuk mengedit halaman checkout dan memberikan pengalaman unik kepada pengguna.

Untuk informasi lebih lanjut tentang cara membuat bidang bersyarat di WooCommerce, lihat panduan lengkap ini yang memiliki beberapa contoh tentang apa yang dapat Anda lakukan untuk menyesuaikan checkout Anda.

Ini hanya contoh sederhana tetapi masih banyak lagi yang dapat Anda lakukan. Untuk informasi lebih lanjut, lihat panduan lengkap kami tentang cara menambahkan biaya ke checkout WooCommerce.

Secara keseluruhan, jika Anda ingin mengedit halaman checkout dengan mudah , WooCommerce Checkout Manager adalah pilihan yang tepat. Versi gratisnya adalah awal yang baik, tetapi jika Anda menginginkan fitur yang lebih canggih, kami merekomendasikan salah satu paket premium.

2) Edit halaman checkout secara terprogram (coding)

Di bagian ini, kami akan menunjukkan cara mengedit halaman checkout WooCommerce melalui pengkodean . Jadi, pada akhirnya, Anda akan tahu cara:

  1. Tambahkan bidang khusus ke halaman checkout WooCommerce
  2. Simpan bidang khusus ke database
  3. Jadikan bidang wajib sebagai opsional
  4. Tambahkan konten ke halaman checkout
  5. Gunakan kode pendek di halaman checkout WooCommerce
  6. Gaya halaman checkout dengan CSS khusus

Untuk mencapai semua penyesuaian ini, Anda akan menggunakan beberapa kait checkout WooCommerce. Jika Anda tidak terbiasa dengan hook, kami sarankan Anda melihat panduan awal kami tentang cara menggunakan hook WooCommerce. Karena kami akan menerapkan beberapa perubahan pada file functions.php , kami menyarankan Anda menggunakan tema anak. Anda dapat menggunakan salah satu dari banyak plugin tema anak atau membuatnya mengikuti panduan ini.

2.1) Tambahkan bidang khusus ke halaman checkout WooCommerce

Hal pertama yang akan kami tunjukkan kepada Anda adalah cara menambahkan bidang khusus ke halaman checkout. Untuk melakukan ini, rekatkan skrip berikut di file functions.php dari tema anak:

 // kolom kotak centang
add_action( 'woocommerce_after_order_notes', 'quadlayers_subscribe_checkout' );

function quadlayers_subscribe_checkout( $checkout ) {
woocommerce_form_field( 'pelanggan', array(
'ketik' => 'kotak centang',
//'wajib' => benar,
'class' => array('custom-field form-row-wide'),
'label' => ' Berlangganan newsletter kami.'
), $checkout->get_value( 'pelanggan' ) );
}

Ini akan menambahkan bidang kotak centang khusus di akhir halaman checkout untuk memberi pengguna opsi untuk berlangganan buletin Anda. Dengan cara yang sama, Anda dapat menambahkan jenis bidang apa pun. Misalnya, mari tambahkan jenis bidang input radio dengan skrip berikut:

 // Bidang masukan radio
add_action('woocommerce_before_order_notes', 'quadlayers_radio_checkout');
fungsi quadlayers_radio_checkout($checkout3){
woocommerce_form_field( 'umpan', array(
'ketik' => 'radio',
//'wajib' => benar,
'class' => array('custom-field form-row-wide'),
'label' => ' Bagaimana Anda menemukan kami?.',
'pilihan' => array(
'Google' => 'Google',
'Teman' => 'Teman',
'Facebook' => 'Facebook',
'Youtube' => 'YoutTube',
'Lainnya' => 'Lainnya'
)
));
}

Ini akan menambahkan jenis input radio sehingga Anda dapat bertanya kepada pelanggan tentang di mana mereka mendengar tentang Anda. Tambahkan bidang khusus ke halaman checkout woocommerce Untuk informasi lebih lanjut tentang cara menambahkan bidang khusus ke halaman checkout WooCommerce, lihat panduan lengkap ini dengan beberapa contoh.

2.2) Simpan nilai bidang khusus ke database

Sekarang, mari kita lihat bagaimana Anda dapat menggunakan bidang khusus ini untuk mengedit checkout dan mengumpulkan informasi tentang pesanan WooCommerce. Untuk melakukan ini, Anda harus dapat mengambil nilai bidang kustom kapan pun Anda membutuhkannya. Selain itu, Anda perlu menyimpan nilai bidang kustom dalam database setelah pelanggan melengkapi formulir dan menekan tombol Tempatkan pesanan .

Untuk mencapai ini, Anda harus menggunakan kait 'woocommerce_checkout_update_order_meta' . Untuk memperbarui dua bidang khusus yang Anda tambahkan pada langkah 2.1, salin dan tempel kode berikut di file funcitons.php tema anak:

 add_action( 'woocommerce_checkout_update_order_meta','quadlayers_save_function' );
fungsi quadlayers_save_function( $order_id ){
if ( ! kosong( $_POST['subscriber'] ) ) {
update_post_meta( $order_id, 'pelanggan', sanitize_text_field( $_POST['pelanggan'] ) );
}
if ( ! kosong( $_POST['feed'] ) ) {
update_post_meta( $order_id, 'feed',sanitize_text_field( $_POST['feed'] ) );
}
}

Skrip ini memeriksa apakah bidang khusus kosong atau tidak dengan kondisi if() sebelum menyimpannya ke database. Setelah menambahkan skrip ini, Anda dapat mengambil data yang disimpan dari database menggunakan objek WP global “$post” . Dalam skrip berikut, kami mendapatkan metadata pelanggan dari pesanan saat ini. Anda dapat menggunakan ini di bagian belakang daftar pesanan WooCommerce.

 global $postingan;
$pesanan = wc_get_order( $post->ID );
$c_meta = $pesanan->get_meta('pelanggan');

Perlu dicatat bahwa ini adalah skrip mentah, jadi Anda harus menyesuaikannya agar sesuai dengan kebutuhan spesifik Anda.

2.3) Jadikan bidang wajib sebagai opsional

Cara lain yang sederhana namun efektif untuk mengedit halaman checkout di WooCommerce adalah dengan membuat bidang wajib atau wajib diisi opsional. Dengan cara ini, Anda membiarkan pembeli hanya mengisi kolom yang diperlukan untuk transaksi dan meningkatkan pengalaman pembelian mereka.

Misalnya, Anda menjual produk yang dapat diunduh atau produk virtual sehingga Anda ingin menjadikan bidang Alamat di bagian Penagihan sebagai opsional. Cukup tambahkan kode berikut ke file functions.php dari tema anak Anda.

 add_filter( 'woocommerce_billing_fields', 'wc_address_field_opsional');
fungsi wc_address_field_optional( $fields ) {
$fields['billing']['billing_address_1']['wajib'] = false; 
kembalikan $bidang; 
}

Dengan menggunakan cuplikan ini sebagai dasar, Anda dapat membuat lebih banyak bidang opsional dalam waktu singkat.

Bidang bersyarat

Jika Anda ingin membawa halaman checkout WooCommerce Anda selangkah lebih maju, Anda dapat menyesuaikannya dengan menambahkan bidang bersyarat. Bidang bersyarat memiliki logika bersyarat sehingga ada bidang yang muncul atau hilang berdasarkan nilai bidang lain. Misalnya, Anda dapat membuat logika kondisional sehingga kolom kartu kredit hanya muncul jika pengguna memilih Kartu Kredit sebagai opsi pembayaran.

Untuk mengetahui lebih lanjut tentang bidang bersyarat dan cara menggunakannya untuk mengedit halaman checkout Anda, lihat panduan lengkap ini .

2.4) Tambahkan konten ke halaman checkout

Cara lain untuk mengedit halaman checkout WooCommerce adalah dengan menambahkan beberapa konten. Dengan pengetahuan yang kuat tentang kait checkout WC, Anda dapat dengan mudah memasukkan segala jenis konten seperti gambar, judul, teks, dan sebagainya di mana pun Anda inginkan. Misalnya, Anda dapat menggunakan skrip ini untuk menambahkan gambar lencana kepercayaan sebelum tombol Tempatkan pesanan di halaman pembayaran:

 add_action('woocommerce_review_order_before_submit','quadlayers_checkout_content');
fungsi quadlayers_checkout_content(){
echo '<img src="https://www.heresylab.com/wp-content/uploads/2019/01/paypal-1.png" />;
}

tambahkan lencana kepercayaan ke halaman checkout woocommerce Selain gambar, Anda juga dapat menambahkan teks header sederhana di bagian atas checkout:

 add_action(woocommerce_checkout_before_customer_details
,'quadlayers_checkout_header');
fungsi quadlayers_checkout_header(){
echo "<h2>Ini adalah Header khusus<h2>
";
}

Alternatif lain yang menarik adalah menambahkan pesan ke halaman checkout Anda. Biasanya, toko menyebutkan hal-hal yang berkaitan dengan pengiriman, pengiriman, dan sebagainya. Misalnya, Anda ingin mengingatkan pelanggan bahwa mereka mungkin perlu menunggu 5 hari kerja untuk menerima produk mereka. Dalam file functions.php dari tema file Anda, tambahkan:

 add_action( 'woocommerce_after_order_notes', 'wc_add_message' );
fungsi wc_add_message() {
echo 'Harap diingat bahwa pengiriman dapat memakan waktu hingga 5 hari kerja.';
}

2.5) Tambahkan Biaya ke halaman checkout

Mari kita lihat cara mengedit halaman checkout WooCommerce dan menambahkan biaya tambahan. Biasanya, ada dua jenis biaya tambahan:

  • Tetap
  • Persentase

Di bagian ini, kami akan menunjukkan cara menambahkan keduanya ke checkout.

Tambahkan biaya tetap

Contoh tipikal dari biaya tetap adalah pengiriman ekspres. Katakanlah Anda ingin memasukkan biaya tetap $10 untuk pengiriman ekspres.

Cukup gunakan skrip di bawah ini dan edit teks untuk nama bidang. Dalam contoh ini, kami akan memanggil " Biaya Ekstra " dan itu akan menambahkan $10 ke pesanan.

 add_action ( 'woocommerce_cart_calculate_fees' , fungsi () {
 if ( is_admin () && ! didefinisikan ( 'DOING_AJAX' )) {
 kembali ;
 }
 WC ()-> cart -> add_fee ( __ ( 'Biaya Ekstra' , 'txtdomain' ), 10 );
 });

Perlu diingat bahwa kode ini akan secara otomatis menambahkan biaya tetap $10 ke total pesanan pelanggan saat checkout.

Tambahkan biaya berbasis persentase

Alternatif lain adalah membebankan biaya berbasis persentase. Ini dapat berguna jika ada pajak tambahan atau Anda ingin menambahkan biaya tambahan untuk biaya gateway pembayaran tertentu. Katakanlah kita ingin menambahkan biaya 3% dari total harga pesanan (produk + ongkos kirim).

 add_action ( 'woocommerce_cart_calculate_fees' , fungsi () {
 if ( is_admin () && ! didefinisikan ( 'DOING_AJAX' )) {
 kembali ;
 }
 $persentase = 0,03 ;
 $percentage_fee = ( WC ()-> troli -> get_cart_contents_total () + WC ()-> troli -> get_shipping_total ()) * $percentage ;
 WC ()-> cart -> add_fee ( __ ( 'Pajak' , 'txtdomain' ), $percentage_fee );
 });

Skrip ini akan menambahkan biaya 3% ke total pesanan pembelanja saat checkout.

Untuk informasi lebih lanjut dan contoh untuk menambahkan biaya ke toko Anda, lihat panduan kami tentang cara menambahkan biaya ke checkout WooCommerce.

2.6) Gunakan kode pendek di halaman checkout WooCommerce

Kode pendek WooCommerce memberi Anda banyak fleksibilitas dan memungkinkan Anda untuk menambahkan semua jenis konten menggunakan kait checkout. Namun, jika Anda hanya mencetak kode pendek, itu tidak akan berfungsi. Sebagai gantinya, Anda harus memasukkannya sebagai berikut:

 echo do_shortcode('[ woocommerce_cart ]');

Jadi, menggunakan kail dengan cara yang sama seperti yang Anda lakukan pada contoh sebelumnya, Anda bisa mendapatkan hasil seperti ini:

 add_action('woocommerce_after_checkout_form','quadlayers_checkout_shortcode');
fungsi quadlayers_checkout_shortcode(){
echo do_shortcode('[ woocommerce_cart ]'); }

Script ini akan membawa

 [ woocommerce_cart ]

kode pendek ke dalam tindakan, menampilkan keranjang WooCommerce di bagian bawah halaman checkout. Tambahkan dukungan kode pendek ke halaman checkout WC Harap dicatat bahwa Anda dapat menggunakan WordPress, WooCommerce, atau kode pendek khusus apa pun. Namun, beberapa kode pendek mungkin tidak kompatibel atau didukung oleh WooCommerce, jadi periksalah sebelum menggunakannya. Untuk mengetahui lebih lanjut tentang kode pendek, Anda dapat melihat panduan kode pendek WooCommerce lengkap kami.

2.7) Edit halaman checkout WooCommerce dengan CSS khusus

Terakhir, Anda juga dapat menyesuaikan halaman checkout toko WooCommerce Anda dengan mengedit gaya CSS. Ini tidak berarti bahwa Anda perlu menghabiskan waktu berjam-jam untuk membangun kembali seluruh halaman checkout. Bahkan beberapa perubahan sederhana dapat membantu Anda mengoptimalkan checkout. Misalnya, dengan mengedit warna, font, margin, atau batas, Anda dapat melihat beberapa peningkatan besar dalam rasio konversi.

Tidak ada formula ajaib yang bekerja untuk setiap bisnis di sini dan Anda harus menguji gaya yang berbeda tetapi menyesuaikan beberapa hal dapat membantu Anda meningkatkan penjualan Anda. Misalnya, Anda dapat menggunakan skrip sederhana ini untuk menerapkan gaya CSS khusus dan mengedit warna latar belakang pada halaman checkout:

 add_action('wp_head','quadlayers_checkout_style');

fungsi quadlayers_checkout_style(){
         if(is_checkout()==true){

                 echo '<style> body{background:#dfdfff!important;}<style>';
         }
}

Selain itu, Anda dapat menggunakan skrip ini sebagai dasar dan menambahkan aturan CSS Anda sendiri di dalam tag HTML untuk memberikan tampilan dan nuansa yang sempurna untuk situs Anda. Ini adalah retasan cepat untuk menerapkan CSS ke halaman checkout. Sangat berguna untuk menambahkan potongan-potongan kecil CSS. Tetapi jika Anda ingin skrip gaya yang lebih luas, Anda harus mengantrekan gaya CSS dengan cara WordPress, menggunakan kait WP asli wp_enqueue_style() sebagai berikut:

 add_action( 'wp_enqueue_scripts', 'quadlayers_enqueue_css' );

fungsi quadlayers_enqueue_css(){    
    wp_enqueue_style('gaya_checkout',
        get_stylesheet_directory_uri() . '/checkout-style.css'
    );
}

Dengan cara ini, Anda dapat memiliki semua CSS khusus Anda dalam file terpisah ( checkout-style.css dalam contoh ini) yang akan disimpan di folder tema anak Anda pada tingkat yang sama dengan file style.css utama.

Ini hanyalah beberapa contoh bagaimana Anda dapat menyesuaikan halaman checkout di WooCommerce dengan beberapa skrip sederhana. Kami merekomendasikan untuk menggunakannya sebagai dasar dan bermain-main untuk menambah atau mengedit aspek lain dari checkout Anda. Selain itu, jika Anda ingin mengedit halaman toko melalui pengkodean, kami sarankan Anda melihat panduan kami tentang cara menyesuaikan halaman toko WooCommerce secara terprogram.

Bonus: Kait Checkout

Ada banyak kait checkout yang dapat Anda gunakan untuk mengedit halaman checkout di WooCommerce. Ini adalah beberapa yang utama:

  • woocommerce_before_checkout_form
  • woocommerce_checkout_before_customer_details
  • woocommerce_checkout_billing
  • woocommerce_before_checkout_billing_form
  • woocommerce_checkout_shipping
  • woocommerce_before_order_notes
  • woocommerce_checkout_after_order_review
  • woocommerce_checkout_after_customer_details
  • woocommerce_review_order_before_cart_contents
  • woocommerce_review_order_before_shipping
  • woocommerce_review_order_after_order_total
  • woocommerce_checkout_order_review
  • woocommerce_review_order_before_submit
  • woocommerce_review_order_before_payment
  • woocommerce_review_order_after_submit
  • woocommerce_after_checkout_form

Untuk informasi lebih lanjut tentang kait dan cara kerjanya, lihat panduan berikut:

  • Cara menggunakan kait checkout WooCommerce
  • Cara menggunakan kait WooCommerce – Panduan Lengkap

Terakhir, untuk daftar lengkap hook yang dapat Anda gunakan, lihat halaman dokumentasi ini.

Kesimpulan

Secara keseluruhan, mengedit halaman checkout dapat membuat perbedaan besar dan membantu Anda membawa toko WooCommerce Anda ke tingkat berikutnya. Bahkan dengan beberapa perubahan, Anda dapat meningkatkan tingkat konversi dan meningkatkan penjualan Anda. Dalam panduan ini, kami telah menunjukkan kepada Anda dua cara untuk mengedit checkout:

  • Dengan plugin
  • Secara terprogram (melalui pengkodean)

Jika Anda tidak memiliki keterampilan pengkodean tetapi menginginkan solusi yang mudah namun solid, WooCommerce Checkout Manager adalah pilihan terbaik Anda. Plugin freemium ini memiliki fungsionalitas yang kuat untuk mengedit halaman checkout, dan mudah digunakan.

Di sisi lain, jika Anda ingin membuat solusi Anda sendiri melalui beberapa pengkodean dan Anda tidak ingin menginstal plugin apa pun, Anda dapat mengedit halaman checkout secara terprogram. Kami telah menunjukkan kepada Anda lima contoh berbeda untuk mengedit berbagai aspek checkout tetapi opsinya tidak terbatas. Bermain-main dengan skrip dan lepaskan kreativitas Anda untuk mengoptimalkan checkout Anda.

Jika Anda ingin mempersingkat proses checkout untuk meningkatkan tingkat konversi, kami sarankan Anda menggunakan plugin pembelian cepat untuk WooCommerce atau tautan checkout langsung.

Terakhir, jika Anda ingin mempelajari berbagai opsi untuk mengedit halaman toko di toko Anda, kami sarankan Anda melihat panduan langkah demi langkah ini .

Apakah Anda memiliki pertanyaan atau ingin berbagi dengan kami penyesuaian checkout yang telah Anda terapkan ke situs Anda? Beri tahu kami di bagian komentar di bawah! Kami akan senang mendengar kabar dari Anda!