Cara Menyesuaikan Bidang Checkout WooCommerce
Diterbitkan: 2022-08-28pengantar
Apakah Anda menjalankan toko WooCommerce dan belum menyesuaikan checkout Anda? Anda mungkin bisa kehilangan penjualan karena pengabaian keranjang. Diperkirakan satu dari setiap lima pembeli meninggalkan keranjang mereka karena proses pembayaran yang rumit.
Untuk alasan ini, menyesuaikan halaman checkout Anda sangat penting untuk mendapatkan pengalaman pemrosesan pesanan yang efisien.
Secara default, halaman checkout WooCommerce memiliki beberapa batasan yang dapat menghalangi Anda untuk memberikan pengalaman berbelanja yang sempurna kepada pelanggan Anda.
Proses checkout yang rumit dan panjang dapat membuat pelanggan Anda frustrasi. Dalam kasus lain, halaman checkout mungkin meminta terlalu banyak informasi yang membuat pelanggan enggan untuk membagikan informasi mereka.
Ini hanya menjadi lebih buruk ketika Anda menemukan berapa banyak pendapatan yang telah Anda hilangkan.
Posting ini akan menjelaskan bagaimana Anda dapat meningkatkan alur checkout toko Anda dengan menyesuaikan halaman checkout.
Mari langsung masuk ke panduan ini.
Alasan Mengapa Anda Mungkin Ingin Menyesuaikan Halaman Checkout WooCommerce Anda
Halaman checkout WooCommerce adalah langkah terakhir yang dilalui pelanggan sebelum membeli pesanan mereka. Bagian ini, bagaimanapun, dapat membuat perbedaan yang signifikan dalam proses pembelian pesanan.
Berikut adalah beberapa alasan mengapa Anda dapat mempertimbangkan untuk menyesuaikan checkout WooCommerce.
1. Tingkatkan pengalaman pengguna
Checkout WooCommerce default terdiri dari prosedur panjang yang dapat mengganggu pembeli. Untuk mempersingkat proses ini, Anda dapat mempertimbangkan untuk menyesuaikan pembayaran Anda. Detail pengisian otomatis seperti nomor telepon, alamat, dan detail kartu dapat membantu mengurangi waktu yang dibutuhkan pelanggan untuk mengisi detail ini. Menyediakan fitur seperti itu akan mempersingkat proses checkout, yang mengarah ke pengalaman berbelanja yang lebih baik bagi pelanggan Anda.
2. Tingkatkan tingkat konversi
Mempercepat proses checkout membantu pelanggan membuat keputusan lebih cepat. Pembeli terganggu atau bosan saat mengisi beberapa halaman sebelum melakukan pemesanan. Pada gilirannya, ini mendorong mereka untuk meninggalkan gerobak mereka. Namun, ketika proses pemesanan singkat, pelanggan akan segera memesan dan melakukan pembayaran, sehingga meningkatkan penjualan Anda.
3. Berikan pengalaman checkout yang aman
Proses checkout yang aman memberikan pengalaman berbelanja yang menyenangkan bagi pelanggan. Untuk mendapatkan kepercayaan dari pelanggan Anda, Anda harus menawarkan gateway pembayaran yang aman saat checkout. Ini meyakinkan pelanggan bahwa informasi pribadi dan informasi penagihan mereka aman. Akibatnya, ini akan memfasilitasi hubungan dan keterlibatan yang lebih baik.
Menyesuaikan Halaman Checkout WooCommerce
1. Menggunakan Plugin untuk Mengubah Bidang Checkout WooCommerce
Plugin menyediakan cara cepat dan sederhana untuk menyesuaikan bidang checkout Anda sesuai dengan keinginan Anda. Salah satu plugin tersebut adalah plugin WooCommerce Editor Bidang Checkout yang memungkinkan Anda menambahkan, mengedit, dan menghapus bidang dengan mudah dalam proses tanpa kode. Mari kita jelajahi dengan cepat cara menggunakan plugin ini hanya dalam beberapa langkah sederhana.
Langkah 1: Instalasi
Untuk memulainya, Anda harus mengunduh file .zip ekstensi dari akun WooCommerce Anda. Di dasbor admin WordPress Anda, buka WooCommerce > Plugins > Add new. Klik 'Unggah Plugin' dan unggah file yang baru saja Anda unduh. Setelah file Anda diunggah, klik tombol 'Instal Sekarang' dan aktifkan ekstensi.
Langkah 2: Setup dan konfigurasi
Pada titik ini, Anda perlu mengonfigurasi pengaturan plugin. Buka WooCommerce > Formulir Pembayaran.
Langkah 3: Menyesuaikan bidang checkout
Anda akan menemukan dua tab di pengaturan utama, 'Bidang Checkout' dan 'Pengaturan Lanjutan'. Di bawah itu ada tiga bidang yang tersedia untuk diedit:
Penagihan: Terdiri dari bidang pembayaran dan alamat penagihan saat checkout
Pengiriman: Terdiri dari bidang pengiriman saat checkout
Tambahan: Ini adalah bagian di sebelah bagian penagihan dan pengiriman saat checkout
Pilih bidang yang ingin Anda ubah untuk menyesuaikan bagian ini dan klik tombol 'Hapus', 'Aktifkan', atau 'Nonaktifkan'.
Langkah 4: Menambahkan/mengedit bidang khusus
Di sudut kiri atas halaman pengaturan, klik '+Tambah bidang' untuk menambahkan bidang baru. Layar pop-up akan muncul dengan beberapa bidang kosong. Tambahkan semua detail yang menurut Anda relevan dengan bidang khusus. Setelah melakukan perubahan, ingatlah untuk menyimpan pekerjaan Anda dengan mengklik tombol 'Simpan'.
Langkah 5: Mengonfigurasi pengaturan lanjutan
Di samping 'Bidang Checkout', Anda akan menemukan tab 'Pengaturan Lanjutan'. Anda dapat menyesuaikan pengaturan penggantian lokal dengan mengaktifkan/menonaktifkan kotak centang. Klik 'Simpan Perubahan' setelah selesai.
Langkah 6: Menyetel ulang bidang checkout
Untuk menerapkan pengaturan asli ke bidang Anda, buka WooCommerce > Status > Alat. Navigasikan ke 'Bidang Checkout' dan pilih tombol 'Setel Ulang Bidang Checkout'. Semua bidang Anda akan kembali ke pengaturan aslinya.
Sebelum melanjutkan, inilah metode berbeda untuk menyiapkan halaman checkout WooCommerce dengan Divi.
2. Menggunakan Kode untuk Menyesuaikan Bidang Checkout WooCommerce
Pengodean khusus adalah metode berbeda yang memungkinkan Anda menyesuaikan checkout WooCommerce Anda. Metode ini lebih baik daripada menggunakan plugin pihak ketiga, karena Anda memiliki kontrol lebih besar atas penyesuaian.
Anda juga dapat menggunakan file dan filter functions.php situs Anda untuk mengedit halaman checkout Anda. Beberapa filter tersebut antara lain:
woocommerce_checkout_fields
woocommerce_billing_fields
Woocommerce_shipping_fields
Dengan tindakan dan filter WooCommerce, Anda dapat memanipulasi bidang checkout dengan cara apa pun yang Anda inginkan. Anda dapat menambah, mengedit, menghapus, atau bahkan mengubah teks yang ditampilkan di halaman checkout Anda.
Menautkan Produk Langsung ke Halaman Checkout WooCommerce
Kami akan menggunakan metode manual untuk menautkan produk kami ke checkout WooCommerce secara langsung. Ikuti langkah-langkah di bawah ini:
Langkah 1: Temukan ID produk
Untuk menemukan ID produk Anda di dasbor admin WP Anda, buka Produk > Semua Produk. Di sini, Anda akan menemukan berbagai produk dengan nomor ID produk tepat di bawahnya.
Langkah 2: Buat tautan
Mari kita mulai dengan ilustrasi singkat. Ambil kasus di mana Anda memiliki URL ini: www. domainanda.com//checkout/?add-to-cart=ID
Anda harus mengganti 'domainanda' dan 'ID' dengan nama domain dan ID produk spesifik dari produk yang ingin Anda tautkan.
Langkah 3: Salin dan tempel
Karena kami telah menemukan ID produk kami, kami akan menambahkan URL produk kami seperti ini www. domainanda.com//checkout/?add-to-cart=1127
Setelah selesai, Anda dapat menempatkan tautan ini di mana saja di situs WooCommerce Anda.
Menerapkan Pengiriman Gratis Per Produk di WooCommerce
Menawarkan pengiriman gratis adalah cara sempurna untuk menarik pelanggan agar membeli dari toko Anda. Selanjutnya, Anda dapat menyesuaikan pengaturan pengiriman untuk diterapkan hanya pada pesanan tertentu di mana pembeli mencapai jumlah target yang telah ditentukan sebelumnya.
Misalnya, berikut adalah langkah-langkah yang harus Anda ikuti untuk memicu pengiriman gratis untuk pesanan di atas $100.
Arahkan ke WooCommerce > Pengaturan > Pengiriman. Selanjutnya, buka zona pengiriman yang ingin Anda terapkan perubahannya dan klik tautan 'Edit'.
Klik tombol 'Tambahkan zona pengiriman' jika Anda belum menambahkan zona apa pun. Jika tidak, klik tombol 'Tambahkan metode pengiriman'. Anda akan menemukan daftar metode pengiriman di bagian ini.
Klik tombol 'Edit' di bawah Pengiriman gratis.
Panel 'Pengaturan pengiriman gratis' akan terbuka di mana Anda akan memilih 'Jumlah pesanan minimum' sebagai opsi pilihan Anda. Terakhir, klik 'Simpan perubahan' untuk menerapkan pengaturan Anda.
Kesimpulan
Apakah Anda ingin membawa bisnis WooCommerce Anda ke level selanjutnya? Menambahkan perubahan pada halaman checkout Anda dapat memengaruhi situs Anda secara signifikan. Dari meningkatkan rasio konversi hingga menawarkan pengalaman berbelanja terbaik kepada pelanggan Anda.
Dalam artikel ini, kami membahas bagaimana Anda dapat menyesuaikan halaman checkout Anda menggunakan plugin Checkout Field Editor dan dengan coding. Saat menyiapkan halaman checkout Anda, prosedur checkout yang rumit, gangguan, dan bidang yang tidak perlu hanyalah beberapa hal yang harus diperhatikan.
Selain itu, akan lebih baik jika Anda mempertimbangkan untuk menautkan produk Anda langsung ke checkout, menambahkan bidang khusus, dan memicu pengiriman gratis untuk mengurangi pengabaian keranjang. Apakah Anda merasa puas dengan halaman checkout Anda saat ini?
Masih banyak yang tersisa untuk dijelajahi di bidang ini. Namun, saya harap Anda telah melihat betapa mudahnya memodifikasi berbagai komponen checkout. Apakah postingan ini bermanfaat? Mengapa tidak membaginya dengan jaringan Anda?
Bagaimana cara menyesuaikan tampilan halaman checkout saya agar terlihat lebih baik?
Ikuti tips ini untuk halaman checkout yang lebih baik
Pilih templat khusus halaman checkout yang menarik
Gunakan lebih sedikit bidang formulir di halaman checkout
Tambahkan simbol kepercayaan
Gunakan testimonial untuk validasi sosial
Buat pembayaran satu halaman
Bagaimana cara mengubah format alamat di bidang checkout WooCommerce?
Editor bidang WooCommerce Checkout memungkinkan Anda untuk mengubah format alamat yang ditampilkan di bagian 'Alamat' dari 'Halaman Akun Saya', 'Halaman Terima Kasih', dan email transaksional. Gunakan fitur override untuk menyertakan fitur kustom yang dibuat menggunakan plugin.
Bagaimana cara membuat kode penagihan di WooCommerce?
Buka WooCommerce > Checkout > Penagihan dan klik tombol 'Tambahkan Bidang Baru'. Masukkan jenis bidang yang ingin Anda buat dan isi bagian 'Label', 'Placeholder/Jenis' dan 'Deskripsi'.
Bagaimana cara menambahkan bidang wajib ke bidang checkout?
Untuk mengatur bidang wajib pada halaman checkout Anda, tambahkan nama 'TRUE' di depan bidang yang diperlukan. Demikian pula, tambahkan 'FALSE' untuk bidang opsional. Tanda bintang (*) akan menunjukkan area pelanggan yang wajib menambahkan detail mereka.