Kongsi pemalam berfungsi yang meningkatkan proses troli beli-belah: CheckoutWC.

Kami menggunakan WordPress untuk membina laman web bebas. Tapak demo ialah tapak TOC untuk basikal elektrik. Kami kini akan mensimulasikan proses membeli-belah pelanggan. Apabila dia melihat sesuatu produk, dia boleh memasukkannya untuk membelinya selepas masuk. Tambahkan pada troli, dan kemudian mari pergi ke troli.

Jika pengguna merasakan produk itu memenuhi keperluannya, dia akan memasuki halaman pembayaran, yang kami panggil halaman pembayaran.

Antara muka pembayaran lalai Woocommerce:

Halaman daftar keluar lalai Woocommerce mempunyai banyak kandungan borang yang perlu diisi. Contohnya, dia perlu mengisi namanya, termasuk negaranya, jalan, dsb., dan beberapa yang lain. Kerana terdapat banyak kandungan yang perlu diisi, ramai Pelanggan akan mendapati ia sangat menyusahkan.

1 Borang pembayaran lalai tema Woocmmerce

Untuk halaman daftar keluar sedemikian, kami biasanya menggunakan beberapa pemalam untuk menambah baik prosesnya. Iaitu, checkoutWC pemalam yang akan kami kongsikan dengan anda hari ini. Kami juga menggunakan pemalam ini untuk mencari pemalam pemasangan kami terus di latar belakang. Klik untuk memuat naik pemalam, pilih fail, dan kemudian pergi terus untuk memasang versi tertinggi. Klik untuk membuka pemasangan. Selepas pemasangan berjaya, kami mengaktifkannya.

Pemasangan pemalam CheckoutWC:

Selepas pemasangan berjaya, kita boleh lihat di bawah bahawa terdapat butang fungsi tambahan seperti checkoutWC. Ia mempunyai banyak tetapan. Mula-mula, kami masukkan antara muka permulaannya. Apa yang kami sediakan di sini ialah versi komersial. Ia telah diaktifkan secara langsung, jadi anda tidak perlu risau tentangnya. Ini adalah kod pengaktifan untuk langkah pertama untuk mengaktifkannya.

2 Captcha pengaktifan Checkoutwc e1713624944136

Pilih templat pembayaran:

Kemudian, pilih templat untuk halaman pembayaran kami. Kami klik terus untuk memilih templat. Kemudian, ia mempunyai beberapa fail templat pembayaran terbina dalam pemalam ini. Kita hanya boleh memilih gaya yang kita suka di sini.

3 Pilihan Templat CheckoutWC

Demo halaman pembayaran:

Ia menyediakan 5 templat di sini, jadi kami boleh pratonton salah satu templat ini sesuka hati. Sebagai contoh, jika kita melihat pada yang kedua selepas membukanya, halaman pembayaran kami akan memaparkan kesan ini dan kesan yang baru kita lihat.

3 Pratonton Templat CheckoutWC e1713625087246

Kandungan borang ini akan kelihatan sangat ringkas. Ia membahagikan keseluruhan proses pembayaran kepada beberapa langkah. Sebagai contoh, langkah pertama ialah mengisi alamat pesanan. Selepas mengisi, kami akan memasuki modul pembayaran. Sebelum ini, alamat pesanan dan modul pembayaran ini, termasuk beberapa kandungan lain, diletakkan pada satu halaman, jadi pelanggan akan mendapati ia sangat rumit. Kami telah membahagikannya kepada beberapa langkah, jadi pengguna akan mendapati ia sangat mudah untuk dikendalikan.

Tetapan templat pembayaran:

Ini adalah salah satu templat, jadi anda boleh memilih templat yang anda perlukan. Sebagai contoh, mari pilih templat di bawah. Anda boleh lihat. Sebagai contoh, kita boleh mengaktifkan templat ini secara langsung. Selepas pengaktifan, kita boleh masuk. Langkah seterusnya ialah klik reka bentuk:

5 Tetapan Gaya Templat CheckoutWC

Untuk templat yang kami pilih, kami juga boleh menetapkan kandungan di dalamnya. Sebagai contoh, kita boleh memuat naik logo kepadanya. Okay, yang seterusnya ialah kandungan borang kami. Kami melihat nama borang kami. Terdapat nama di bahagian atas borang dan kandungan bertulis di bawah borang. Kami menggunakan templat yang disediakannya. Contohnya, jika kita pratonton templat, templat ini meletakkan nama terus dalam bentuk, jadi rupa keseluruhannya berbeza. Ia akan menjadi sangat kemas dan ia akan kelihatan lebih mudah, jadi item tetapan kami adalah terutamanya untuk salah satu nama di atas, kami hanya memilih terapung pertama.

Kemudian yang seterusnya ialah Teks Pengaki. Apabila kita melihat borang ini selepas memasuki antara muka ini, ia sama dengan menukarnya. Ia tidak mempunyai pengepala dan bahagian bawah WordPress biasa kami, jadi kami mesti memisahkan maklumat di bahagian ini. Sediakannya, kemudian bahagian bawah kini memaparkan maklumat hak cipta kami secara lalai, jadi di sini anda boleh mengisi kandungan lain yang anda inginkan dan kemudian terdapat beberapa tetapan lain di bawah, seperti fon kami, iaitu halaman pembayaran kami, jika anda tidak berpuas hati dengan fon ini, anda boleh memilih fon lain. Kemudian terdapat beberapa di bawah, termasuk warna latar belakang kami, warna teks, dll. Anda boleh menetapkannya.

Kami baru sahaja memilih templat dan menetapkan logo dan warna kami. Yang seterusnya ialah kita boleh melihatnya. Pratonton ini ialah gaya templat yang kami pilih pada masa ini, dan ia adalah gaya ini. Ia dibahagikan kepada tiga langkah. Yang pertama ialah troli beli-belah, dan yang kedua ialah mengisi maklumat pesanan pengguna. Ia sangat menyegarkan untuk diisi di sini.

6 Aliran CheckoutWC Checkout e1713625236501

Contohnya, isikan nama pertama dan terakhirnya, termasuk alamatnya, pilih negaranya di bawah, dsb., dan kemudian anda boleh melihat produk yang dipilih di sebelah kanan. Sudah tentu, anda juga boleh melaraskan kuantiti produk ini, dan kemudian harganya juga akan berubah dengan sewajarnya. Selepas mengisi ini, anda boleh meneruskan ke langkah seterusnya, iaitu kandungan pratonton.

Kemudian bukanya, iaitu terus buka kandungan yang baru kita tetapkan. Kami baru sahaja melihatnya, dan ia tidak berkuat kuasa. Kami hanya boleh membukanya dan menyimpannya. Sekarang kami kembali ke halaman utama kami, kemudian kami memasuki halaman daftar keluar, masukkan troli beli-belah kami, dan kemudian kami masukkan daftar keluar. Ia akan berkuat kuasa supaya keseluruhan halaman kami kelihatan sangat menyegarkan, dan kemudian pengguna akan menyemak. Ia boleh mengurangkan bilangan pesanan yang terbengkalai apabila transaksi selesai, yang merupakan fungsi utama pemalam ini.

Sudah tentu, sebagai tambahan kepada fungsi ini, pemalam ini juga disertakan dengan beberapa fungsi lain. Sebagai contoh, jika kita terus melihat ke bawah, yang pertama adalah permulaan, dan yang kedua adalah templat yang baru kita sebutkan. Anda boleh memilih templat di sini.

Persediaan halaman halaman:

Yang ketiga ialah halaman kami. Halaman kami adalah terutamanya untuk mengubah suai beberapa komponen pada keseluruhan halaman troli beli-belah kami. Sebagai contoh, anda boleh menutup proses troli beli-belah, atau anda boleh menutup proses penghantaran untuknya.

7 Tetapan Modul Halaman CheckoutWC e1713625345171

Biasanya, ia mempunyai 4 langkah: yang pertama ialah memasukkan troli beli-belah, yang kedua ialah mengisi maklumat pesanannya, dan yang ketiga ialah memilih kaedah penghantarannya. Sering kali, apabila kami membina tapak web bebas, kos penghantaran kami mungkin terdiri daripada pelbagai jenis, seperti penghantaran percuma atau dipercepatkan. Kemudian, dia boleh memilih kaedah melnya, dan berikut adalah pembayarannya. kaedah, anda boleh mematikannya di sini mengikut situasi sebenar anda sendiri.

Dua berikut membolehkan beli-belah satu halaman, dan yang berikut membolehkan beli-belah satu halaman. Ia sama seperti dahulu. Kami menyemaknya dan kemudian klik Simpan. Dalam kes ini, ia akan menetapkan langkah kita sebagai satu langkah. Kami melihat bahawa semua kandungan diisi pada satu halaman, tetapi kaedah ini serupa dengan kaedah kami sebelum ini, jadi kami biasanya tidak membukanya, dan kemudian pesanan lain juga boleh disemak. Selepas dia menghantar pesanan, Jika tidak ada cara untuk membayar, kami perlu menyemaknya sebelum boleh dibayar. Dalam keadaan biasa, kami tidak akan menetapkannya seperti ini.

Demo kesan daftar keluar:

Berikut adalah beberapa proses pendaftaran. Kami memasuki mod inkognito, pilih produk, tambah produk pada troli beli-belah dan daftar keluar terus. Anda akan mendapati bahawa terdapat tempat untuk mengisi maklumat peribadi di atas:

8 Kaedah Paparan Status Pelawat CheckoutWC

Tempat untuk maklumat peribadi ialah dia boleh mengisi e-mel di sini. Selepas mengisi, kami akan menganggap ia didaftarkan. Di sini, kita boleh menetapkannya untuk mengaktifkannya sebagai pengguna secara langsung. Sudah tentu, anda juga boleh menggunakan tiada lalai. Tiada kekosongan. Perkara yang sama berlaku untuk dirinya sendiri supaya kita boleh menyediakan pengguna untuk Wukongmen. Dia boleh membuat pesanan hanya selepas mendaftar, atau dia boleh membuat pesanan jika dia dalam status tetamu. Biasanya, kita semua dalam status tetamu.

Proses membeli-belah pengguna asing berbeza dengan pengguna domestik kita. Pengguna domestik kami biasanya mendaftar sebagai ahli dahulu dan kemudian pergi membeli sesuatu. Namun, bagi pengguna asing, untuk laman web bebas, anda Jika tiada pengguna berdaftar, dia tidak mahu mendaftar dahulu dan kemudian membelinya. Dia mahu menjadi pelancong, jadi isikan alamat penghantarannya, dan anda boleh hantar terus kepadanya.

Yang seterusnya ialah kaedah padanan. Seperti yang kami katakan tadi, dia boleh mendaftar sebagai ahli dan membeli barang. Kemudian, pesanan pembelian akan dibuat dengan pengguna berdaftar. Cara lain ialah dia seorang pelancong dan kemudian pergi membeli sesuatu. Kemudian, apabila dia membeli sesuatu, dia mesti memberikan alamat e-mel. Pada masa ini, ia akan menggunakan alamat e-mel ini secara automatik sebagai penggunanya dan menetapkan pesanan kepada pengguna, jadi itu adalah keadaan pengaktifan.

Senarai troli beli-belah:

Terdapat beberapa arahan lain di bawah. Contohnya, yang pertama ialah maklumat pemberitahuan pesanannya, dan yang seterusnya ialah menambah kupon. Sebagai contoh, apabila kita membeli, kita melihat sekeping teks di sini. Apabila ia diklik, Di sini anda boleh memasukkan kupon diskaun, yang bermaksud ia digunakan sebagai pautan. Ia adalah keadaan bentuk jika anda tidak menggunakannya sebagai pautan. Sebagai contoh, jika kita menyegarkannya, kini kita melihat bahawa ia adalah satu borang, tetapi kemungkinan Satu ini boleh menyebabkan pengguna melakukan beberapa salah operasi kerana jika dia tidak mempunyai kupon, dia tidak tahu apa yang perlu diisi, jadi kita akan menyembunyikannya seperti biasa.

9 Kupon CheckoutWC Sembunyikan sebagai Format Pautan

Yang seterusnya ialah menyembunyikan kandungan pilihannya. Sebagai contoh, kami mempunyai beberapa kandungan yang tidak diperlukan dalam borang ini supaya kami boleh menyembunyikannya. Sebagai contoh, dalam syarikatnya, ini tidak diperlukan. , kita boleh menyembunyikannya. Selepas menyembunyikannya, kandungan di dalamnya akan menjadi kurang, dan input pengguna akan menjadi lebih lancar. Terdapat beberapa lagi di bawah yang boleh anda semak. Kemudian kita melihat tempat di sini di mana kita boleh memasukkan nama pertama, nama keluarga, alamat dan beberapa kandungan lain. Di sini anda boleh mematikan atau mengurangkannya, seperti Telefon, jika ia bukan medan yang diperlukan, matikan sahaja.

Berikut adalah beberapa pintu masuk untuk memasukkan alamat mereka dengan cepat. Sebagai contoh, kita boleh menghubungi terus alamat Googlenya. Pengguna asing biasa biasanya akan mempunyai alamat e-mel Google, jadi Google ialah akaun, dan ia akan mengisi akaun tersebut. Alamat, kemudian jika ia dilog masuk ke akaun Google, isikan terus alamat akaun Google tersebut. Walau bagaimanapun, kaedah ini mungkin menyebabkan alamat penghantarannya berbeza, jadi kami tidak akan memasukkannya dalam keadaan biasa. Ia menyala.

Tetapan Mudah Alih adalah terutamanya untuk telefon bimbit. Sebagai contoh, di telefon bimbit, kita boleh mengaktifkan kupon atau logo kad kreditnya. Secara amnya, kita boleh lalai kepadanya.

Yang terakhir ialah pembayaran pesanan. CheckoutWC ialah pemalam. Ia boleh digunakan untuk semua pesanan. Mungkin anda bukan produk, jadi ia juga boleh diaktifkan. Pada halaman itu, anda boleh terus menggunakan proses pembayaran seperti pembayaran. Kami biasanya melakukan ini. produk, jadi tidak perlu membuka ini.

Apabila pengisian selesai, kami boleh menghantar e-mel kepadanya. Kemudian, e-mel ini dipautkan ke woocommerce kami. Biasanya, jika pengguna membeli produk di kedai yang dibuat oleh WordPress kami, kami biasanya menghantar e-mel kepadanya memberitahunya bahawa kami telah menerima pesanan anda, jadi selepas dia melengkapkan semua input pembayaran, kami boleh menetapkannya terus kepada status pemprosesan.

10 Status pesanan CheckoutWC selepas selesai

Yang seterusnya ialah mengaktifkan Peta Google. Anda mesti memohon API untuk Peta Google. Apabila kita bebas, kita sering perlu menggunakan beberapa kandungan Google, seperti API Peta Google, API Terjemahan Google atau lain-lain. Kandungan Google, seperti pengesahan Google, jadi apakah maksud Peta Google ini? Apabila pengguna membeli produk ini, dia boleh melihat alamat pengguna dalam pesanan, dipaparkan menggunakan peta Google, dan kami boleh menyambungkannya.

Yang seterusnya adalah di pusat penggunanya. Contohnya, jika kami kembali ke halaman utama stesen bebas kami, kami melihat pusat pengguna untuk diklik, tetapi ia mungkin berbeza untuk templat yang berbeza. Di sini, kami klik pada pesanan kami.

Sudah tentu, kami tidak mempunyai pesanan di sini. Dalam keadaan biasa, jika dia mempunyai pesanan, dia boleh melihat status pesanannya di sini, iaitu maksudnya, dan kemudian klik Simpan.

Ringkasan Troli ialah tetapan untuk lajur beli-belah kami. Dalam ruangan membeli-belah, kami melihat ruangan membeli-belah yang baru kami semak adalah ruangan membeli-belah beliau. Kemudian, anda boleh membuat beberapa tetapan dalam lajur beli-belah, seperti sama ada kami membenarkan dia mengubah suainya. Pembolehubah, yang dipanggil pembolehubah, adalah untuk mengubah suai warna dan saiz produk dan sama ada untuk menambah butang padam pada atribut ini.

12 CheckoutWC Troli Beli-belah Fungsi Pembuangan Produk

Tetapan halaman Perjanjian Privasi:

Sebagai contoh, ia tidak boleh memadamkan produk sekarang supaya anda boleh menambah butang padam. Selepas dia mencapai tahap ini dan berasa tidak berpuas hati dengan produknya, dia boleh memadamkannya. Butang ini secara langsung akan membantu anda memadamkannya; ini juga berdasarkan situasi anda sendiri.

13 Tetapan Perjanjian Beli-belah CheckoutWC

Yang seterusnya ialah sama ada untuk mengaktifkan harga jualannya. Kita lihat di sini harga pembayaran sebenar. Jika terdapat beberapa produk, kami mungkin menetapkan dua harga: satu ialah harga pasaran, dan satu lagi ialah harga jualan. Secara amnya, bergantung pada situasi anda, akan ada satu diskaun, bergantung kepada sama ada kami perlu mengaktifkan harga jualan kami.

Kemudian, untuk produk lain dalam troli, bolehkah ia diklik untuk kembali ke halaman produknya? Perkara pertama ialah menutupnya untuk menghalang pengguna daripada meninggalkan pesanan kerana, dalam keadaan biasa, dalam langkah ini, kami menghapuskan gangguan, dan hanya ada satu. Tujuannya adalah untuk membolehkan pengguna menyemak dengan cepat. Pemalam ini telah diambil kira untuk kami. Kemudian, dalam troli beli-belah kami, kami memaparkan data ringkas. Data pendek yang dipanggil ialah data produk kami, contohnya, di dalam Terdapat SKU, dll. Jika anda menggunakan yang lalai kosong, banyak kandungan mungkin mengganggu pengguna, jadi kami menggunakan yang pendek. Yang berikut adalah untuk menambah perjanjian. Apa yang dipanggil perjanjian membeli-belah biasanya digunakan semasa membina tapak web bebas, untuk sesetengah rentas sempadan Bagi pelanggan di negara yang berbeza, kami perlu menambah perjanjian membeli-belah, jadi hanya buat halaman dalam aksesori dan pilihnya di sini.