Cara Membuat Halaman Checkout WooCommerce Menggunakan Elementor

Cara Membuat Halaman Checkout WooCommerce Dengan Elementor Dalam Waktu Sekitar 5 Menit

Sekarang Anda telah menginstal dan mengaktifkan semua plugin yang disebutkan di atas, saatnya untuk membuat Halaman Checkout WooCommerce Anda. Sebelum Anda dapat melakukannya, Anda perlu mengatur toko WooCommerce Anda dengan Elementor jika Anda belum melakukannya.

Setelah Anda menyiapkan toko WooCommerce Anda, ikuti langkah-langkah ini untuk membuat Halaman Checkout WooCommerce menggunakan Elementor dan EA Woo Checkout .

Langkah 1: Tetapkan Halaman Baru Sebagai Halaman Checkout WooCommerce Anda

Plugin WooCommerce hadir dengan Halaman Checkout default. Namun untuk mendesain Halaman Checkout Anda sendiri yang indah dengan EA Woo Checkout , Anda perlu mengganti halaman Checkout default dengan halaman lain milik Anda.

Untuk melakukan ini, buat halaman baru dari Dashboard WordPress Anda. Selanjutnya, navigasikan ke WooCommerce -> Pengaturan dan klik tab 'Lanjutan'. Dari sini, Anda dapat menetapkan halaman yang diinginkan sebagai halaman Checkout. Cukup klik pada opsi halaman Checkout dan pilih salah satu halaman dari menu drop-down sebagai halaman WooCommerce Checkout Anda.

Langkah 2: Aktifkan EA Woo Checkout

Selanjutnya, Anda harus mengaktifkan elemen EA Woo Checkout . Untuk melakukan ini, Anda harus mengedit halaman WooCommerce Checkout Anda menggunakan Editor Elemen. Temukan elemen 'EA Woo Checkout' dari opsi 'Search' di bawah tab 'ELEMENTS'.

Sekarang yang harus Anda lakukan hanyalah Drag & Drop elemen 'Woo Checkout' ke dalam bagian 'Drag widget here' atau '+'.

Setelah Anda menarik dan melepaskan elemen ke bagian mana pun dari halaman Anda, ini adalah tata letak default yang akan Anda lihat.

Langkah 3: Edit Konten Halaman Pembayaran Woo Anda

Sekarang setelah Anda berhasil mengaktifkan elemen EA Woo Checkout , Anda dapat mulai mengedit konten Halaman Woo Checkout Anda agar lebih cocok untuk toko WooCommerce Anda.

Di bawah tab 'Content' Anda akan melihat beberapa pilihan seperti General Setting, Order Details, dan lain-lain. Anda dapat mengonfigurasi pengaturan ini untuk menyesuaikan konten halaman Woo Checkout sesuai keinginan Anda.

Anda dapat menemukan detail lebih lanjut tentang cara mengonfigurasi pengaturan konten EA Woo Checkout di halaman dokumentasi kami.

Jika Anda memiliki versi pro dari Essential Addons , Anda dapat memilih antara dua tata letak lainnya – Tata Letak Multi Langkah dan Tata Letak Terpisah.

Tata Letak Multi Langkah dan Tata Letak Terpisah hadir dengan beberapa opsi gaya tambahan untuk membuat halaman Woo Checkout Anda benar-benar menonjol. Anda dapat membaca lebih lanjut tentang cara kerjanya di dokumentasi kami.

Langkah 4: Gaya Halaman Checkout Woo Anda

Setelah Anda selesai mengedit konten Halaman Woo Checkout Anda, sekarang saatnya untuk mulai menatanya agar terlihat lebih menarik bagi pelanggan Anda.

Ada banyak opsi yang tersedia untuk menata Halaman Woo Checkout Anda dengan cara apa pun yang Anda suka. Cukup klik pada tab 'Gaya' untuk menyesuaikan berbagai area halaman Anda. Anda akan melihat banyak opsi berbeda seperti 'Judul Bagian', 'Rincian Pesanan', 'Masuk', 'Kupon', dan lainnya.

Tweak dan coba semua opsi, atau kunjungi halaman dokumentasi kami untuk mengetahui cara menata EA Woo Checkout . Hanya dengan beberapa klik, Anda dapat mengubah warna, tipografi, dan banyak lagi untuk membuat Halaman Woo Checkout Anda menonjol bagi pelanggan.

Langkah 5: Simpan Perubahan Anda Dan Lihat Hasil Akhir

Jika Anda selesai menata Halaman Woo Checkout Anda, pastikan untuk menyimpan perubahan Anda. Anda dapat melihat pratinjau hasil akhir sebelum memublikasikan halaman Anda.