Cara mengatur Halaman Checkout WooCommerce dengan Divi

Tahap terpenting dalam perjalanan belanja online adalah penyelesaian pembelian. Tidak peduli berapa lama pengguna menghabiskan browsing melalui toko online Anda, jika tidak diterjemahkan ke penjualan, maka itu tidak relevan.

Sangat penting untuk membuat proses checkout semulus mungkin bagi pelanggan Anda. Jadi, bagaimana Anda membuat halaman checkout yang mudah digunakan di toko WooCommerce Anda? Dalam posting ini, kita akan melihat cara mengatur halaman checkout WooCommerce yang disesuaikan dengan Divi.

Mengapa Anda memerlukan Halaman Checkout WooCommerce yang Disesuaikan?

Tidak ada pelanggan yang harus berurusan dengan proses checkout yang rumit. Yang benar adalah bahwa pelanggan Anda tidak akan berkeliaran jika halaman dan proses checkout Anda membuat stres. Jika saat ini Anda mengalami gerobak yang ditinggalkan di situs eCommerce Anda, mungkin ada baiknya untuk merombak halaman checkout Anda.

Anda perlu memberi pelanggan Anda efek "wow" dari awal pengalaman berbelanja mereka hingga tahap akhir. Jika Anda memilih halaman checkout WooCommerce tradisional, Anda tidak akan mencapai efek ini.

Anda perlu membuat proses checkout yang unik, mulus, dan mudah digunakan untuk memberikan pengalaman berbelanja yang lancar bagi pelanggan Anda. Beberapa keuntungan membuat halaman checkout yang disesuaikan adalah sebagai berikut:

• Pengurangan Pengabaian Keranjang

Peluang penjualan yang terlewatkan sering kali disebabkan oleh pengabaian keranjang. Ini adalah situasi di mana pelanggan sudah menempatkan barang di keranjang mereka tetapi di suatu tempat di sepanjang garis, mereka meninggalkan situs tanpa penyelesaian pembelian. Halaman checkout yang rumit sering mengakibatkan pengabaian keranjang.

Jika pelanggan Anda harus melalui proses yang panjang atau merasa prosesnya tidak aman, kemungkinan besar mereka akan kehilangan minat untuk menyelesaikan transaksi. Dengan halaman checkout yang disesuaikan, ada kemungkinan besar pelanggan Anda akan menemukan prosesnya lebih mudah dan lebih aman.

• Transaksi Cepat dan Mudah

Saluran penjualan Anda harus sesingkat dan secepat mungkin untuk diselesaikan. Saat Anda mengatur dan menyesuaikan halaman checkout WooCommerce Anda, Anda dengan mudah menghilangkan beban yang tidak perlu dan hanya fokus pada detail penting dalam proses transaksi.

Memiliki proses checkout dengan beberapa halaman untuk diisi, pelanggan kemungkinan akan lelah dan meninggalkan situs Anda. Namun, ketika seluruh proses disederhanakan, Anda dapat membantu pelanggan Anda menyelesaikan perjalanan pembelian lebih cepat dan lebih mudah.

Cara mengatur Halaman Checkout WooCommerce Kustom

Halaman WooCommerce Anda dilengkapi dengan halaman checkout default. Anda dapat mengedit ini dengan plugin atau kode pendek pihak ketiga. Jika Anda pengguna baru, Anda mungkin kesulitan mengedit halaman checkout menggunakan opsi ini. Di sinilah menggunakan plugin seperti Divi Builder masuk.

Divi Builder memiliki Modul Divi Shop yang memungkinkan Anda membangun toko online yang menakjubkan dengan halaman checkout yang disesuaikan. Di bagian ini, kita akan melihat panduan langkah demi langkah untuk menyiapkan halaman checkout WooCommerce kustom Anda.

Sebelum itu, sangat penting untuk memahami pentingnya sertifikat SSL, perlindungan data, dan keamanan di situs Anda. Anda memerlukan sertifikat SSL untuk lapisan keamanan ekstra untuk mengenkripsi data yang disimpan di platform Anda.

Sertifikat SSL menunjukkan kepada pelanggan Anda bahwa situs Anda aman untuk memberikan detail kartu kredit. Sekarang setelah kita menyelesaikan bagian ini, mari kita selidiki detail pembuatan halaman checkout WooCommerce kustom.

Langkah Satu: Siapkan halaman checkout Anda di pengaturan plugin WooCommerce sebelum menggunakan plugin Divi Builder. Untuk melakukan ini, buka dasbor WooCommerce Anda dan klik "Pengaturan".

Selanjutnya, klik pada tab "Lanjutan" dan cari Halaman Checkout. Pilih opsi "Checkout" dari menu tarik-turun dan gulir ke akhir halaman untuk mengklik tombol "Simpan" untuk menyimpan perubahan.

Langkah Kedua: Dengan halaman checkout yang sudah disetel, langkah selanjutnya adalah menginstal plugin Divi Shop Builder. Jadi, navigasikan ke situs web resmi Elegant Theme untuk membeli plugin Divi Shop Builder. Klik tautan unduhan dari “Halaman Akun Saya” untuk mengunduh.

Setelah diunduh, instal dan aktifkan plugin. plugin akan muncul di menu Divi setelah menyelesaikan instalasi. Sebelum melanjutkan, pastikan Anda mengautentikasi plugin untuk pembelian Anda.

Untuk melakukan ini, buka "Halaman Akun Saya" di situs web Tema Elegan untuk menyalin kunci lisensi. Setelah Anda mengautentikasi plugin, Anda dapat mulai menggunakannya. Divi Shop Builder bekerja di plugin Divi Builder, yang membuat membangun toko WooCommerce Anda menjadi tugas yang sangat mulus.

Langkah Tiga: Langkah selanjutnya adalah membuat halaman checkout WooCommerce kustom Anda. Untuk melakukan ini, klik untuk membuka Halaman Checkout dan aktifkan Divi Builder yang dibeli. Selanjutnya, buka plugin Divi Builder dan mulai menambahkan modul.

Anda akan menemukan lima Modul baru (Penagihan Checkout, Kupon Checkout, Pesanan Checkout, Pengiriman Checkout, dan Pemberitahuan Cart/Checkout) ditambahkan ke Divi Builder. Modul-modul ini akan membantu Anda mengatur halaman checkout kustom Anda di toko WooCommerce Anda. Berikut adalah cara kerja modul-modul ini.

Penagihan Checkout: Ini memungkinkan untuk menyesuaikan semua bidang entri formulir tempat pelanggan dapat memasukkan detail penagihan mereka. Anda dapat mengedit label bidang yang sesuai.

Pengiriman Checkout: Ini memungkinkan pelanggan Anda menentukan alamat sekunder. Seperti penagihan Checkout, Anda juga dapat mengedit bidang formulir yang sesuai.

Kupon Checkout: Ini memungkinkan pelanggan Anda memasukkan kode promo unik yang telah ditetapkan untuk mengklaim diskon khusus. Anda harus menempatkan modul Kupon Checkout terpisah dari modul lain agar dapat berfungsi. Jika Anda memiliki batasan ruang, kurangi bantalan antara baris dan bagian untuk menciptakan lebih banyak ruang.

Pesanan Checkout: Di sinilah pelanggan Anda menetapkan dan mengonfirmasi pesanan sebelum melanjutkan ke opsi pembayaran. Anda juga dapat mengedit bagian ini sesuai kebutuhan menggunakan fitur drag & drop.

Pemberitahuan Checkout: Jika Anda ingin menambahkan catatan ke halaman checkout lainnya, Anda dapat menggunakan modul ini. Anda dapat menjadi rumit atau sederhana dalam desain Anda seperti yang Anda inginkan.

Saat menggunakan modul Checkout, Anda harus memastikan bahwa modul tersebut tidak berada di bagian yang sama dengan modul formulir lainnya. Jika Anda menempatkan mereka bersama-sama, mereka tidak akan berfungsi. Anda harus menempatkan Modul Formulir Kontak, Modul Formulir Keikutsertaan, Modul Komentar, dan Modul Masuk di bagian terpisah saat membuat halaman Checkout agar berfungsi dengan benar.

Seperti modul lain dalam Tema Divi, Anda dapat menyesuaikan gaya modul checkout Anda dengan Divi Builder. Untuk melakukannya, ikuti langkah-langkah di bawah ini:

• Klik untuk membuka modul Checkout

• Klik pada tab “Desain”

• Gunakan elemen yang berbeda untuk menata halaman Anda dengan cara yang sesuai dengan desain dan identitas merek Anda

• Anda juga dapat menambahkan lebih banyak penyesuaian melalui tab Lanjutan. Dari tab Lanjutan, Anda dapat mengatur efek gulir, transisi, pemosisian, dan pengaturan visibilitas untuk perangkat. Anda juga dapat menambahkan ID dan kelas khusus untuk skrip CSS tingkat lanjut.

Kesimpulan

Divi menghilangkan stres saat menyiapkan halaman checkout WooCommerce. Ini memungkinkan Anda mengedit halaman checkout Anda saat ini dan juga membuat halaman Cart yang disesuaikan. Plugin divi hadir dengan banyak fitur untuk membuat toko Anda mengundang pelanggan seperti yang dapat Anda bayangkan. Itu juga membuat belanja dan proses checkout sangat mulus.