Panduan Pasti untuk Pengiriman Produk Frontend WooCommerce untuk 2022

Ingin mengaktifkan fitur pengiriman produk frontend WooCommerce di pasar Anda? Plugin WP User Frontend memungkinkan pemasok atau vendor pihak ketiga untuk menambahkan produk digital dari front end.

Namun, jika Anda menggunakan Dokan untuk membangun pasar Anda, Anda akan mendapatkan fitur frontend untuk vendor secara default. Namun, Anda dapat memperluas atau mempersonalisasi opsi desain dan penyesuaian dengan WP User Frontend.

Hari ini kami akan memandu Anda melalui proses cara membuat formulir interaktif menggunakan WP User Frontend sehingga anggota yang terdaftar dapat dengan mudah mengunggah produk dari frontend. Dengan begitu Anda tidak perlu membagikan akses backend Anda.

Alasan Anda Harus Mengizinkan Pengiriman Produk Frontend WooCommerce untuk Marketplace Anda

Sebagai admin, Anda mungkin ingin membawa bagian atau fitur tertentu dari toko eCommerce Anda ke frontend. Sayangnya, dengan WooCommerce Anda tidak dapat menambahkan dan mengelola produk, pesanan, kupon, dll dari frontend.

Tetapi Anda dapat dengan mudah melakukannya dengan plugin WP User Frontend. Ini memungkinkan Anda untuk membuat antarmuka frontend sehingga pengguna dapat memposting dan mengelola produk di situs web bertenaga WooCommerce Anda.

Ada beberapa alasan Anda harus mengizinkan vendor Anda mengunggah produk dari front end. Seperti-

Pengalaman Pengguna yang Lancar

Backend WordPress bisa sedikit rumit untuk vendor non-teknis. Anda mungkin telah menambahkan beberapa fitur yang hanya dapat ditangani oleh orang yang paham teknologi. Sebagai gantinya, akan lebih baik untuk menyertakan formulir pengiriman frontend untuk mengunggah produk.

Kelola Peran Pengguna

Dengan peran manajer toko, vendor produk mendapatkan akses ke semua pengaturan dalam WooCommerce. Tetapi sebagai pemilik pasar, keinginan Anda mungkin untuk membatasi beberapa fitur untuk beberapa pengguna. Oleh karena itu, Anda memerlukan solusi frontend untuk toko online Anda.

Baca Selengkapnya: Cara Menambahkan Peran Pengguna Kustom di Situs WordPress Anda.

Opsi Kustomisasi Formulir

Di backend, pengguna akan mendapatkan bidang produk default untuk mengunggah produk ke toko mereka. Sayangnya, Anda tidak dapat mengubah bidang produk backend ini. Tetapi dengan plugin frontend, Anda dapat dengan mudah membuat formulir produk interaktif dan menampilkan bidang yang diperlukan sesuai dengan kebutuhan bisnis Anda.

Saat persaingan tumbuh dari hari ke hari, untuk menjalankan situs eCommerce yang sukses, Anda harus membuatnya sangat sederhana. Namun, untuk pasar, situasinya sedikit lebih rumit. Karena Anda harus menjaga pengalaman pelanggan Anda serta transaksi vendor yang mudah. Oleh karena itu, Anda harus menggunakan WP User Frontend untuk mempermudah proses, meminimalkan biaya tambahan, dan memanfaatkan posting frontend.

Baca Selengkapnya: Mengapa dan Bagaimana cara menambahkan Pengajuan Frontend untuk WooCommerce.

Cara Mengunggah Produk ke WooCommerce Frontend menggunakan WP User Frontend

WP User Frontend adalah plugin posting front-end yang kuat di luar sana. Ini memiliki kemampuan membangun bentuk dinamis dengan jenis posting khusus. Dengan menggunakan taksonomi khusus dan fitur kunci meta, Anda dapat dengan mudah membuat antarmuka frontend untuk memposting dan mengelola produk dari situs bertenaga WooCommerce Anda.

Dalam tutorial di bawah ini, Anda akan belajar cara mengunggah produk WooCommerce dari frontend menggunakan WP User Frontend Pro-

Prasyarat:

1. WordPress (dengan asumsi Anda sudah menginstalnya)
2. WP User Frontend Pro (Diinstal dan diaktifkan)
3. Plugin WooCommerce (Diinstal dan diaktifkan)
4. Posting Meta Inspector (opsional untuk bidang tambahan)

Setelah mengaktifkan WPUF dan WooCommerce, WPUF akan secara otomatis menangkap taksonomi, meta, dan jenis posting dari WooCommerce. Sekarang jika Anda tidak nyaman dengan desain default formulir backend WooCommerce, saatnya untuk memecahkan monoton dengan membuat formulir frontend untuk mengunggah produk.

Anda dapat membuat banyak fungsi yang berguna dengan menggunakan formulir WPUF dan menambahkan formulir ke halaman hanya dengan menggunakan kode pendek.

Anda memerlukan 3 halaman sebelum membiarkan vendor/pengguna Anda mulai mengunggah produk dengan menggunakan formulir WPUF WooCommerce-

• One Upload page : Halaman utama dari mana pengguna akan membuat produk.
• Satu Halaman Dasbor : Vendor dapat melihat semua produk yang mereka kirimkan melalui formulir.
• Satu halaman Pengeditan : Pengguna akan menggunakan halaman ini untuk mengedit atau memperbarui produk yang diunggah jika admin mengizinkannya.

Hari ini Anda akan belajar membuat semua halaman ini menggunakan WP User Frontend.

Kami akan membagi tutorial menjadi dua bagian:

• Bagian1: Membuat Halaman Unggah Produk WooCommerce
• Bagian2: Membuat Halaman Diperlukan Lainnya untuk Mengelola Produk WooCommerce

Bagian 1: Membuat Halaman Unggah Produk WooCommerce

Pertama, kita harus membuat form produk WooCommerce. Sebelumnya, pengguna perlu membuat formulir secara manual. Tetapi WP User Frontend baru hadir dengan banyak fitur dan fungsionalitas canggih untuk memperluas pengalaman pengguna. Cukup ikuti langkah-langkah di bawah ini untuk membuat formulir produk WooCommerce dan menyesuaikan bidang-

Langkah1: Desain Formulir Pengunggahan Produk WooCommerce Frontend

1. Arahkan ke – WP Dashboard → User Frontend → Post Forms → Add Forms
2. Klik pada template Produk WooCommerce. Ini akan secara otomatis membuat formulir produk WC dengan semua bidang yang Anda perlukan. Nanti Anda dapat menghapus atau mengedit bidang apa pun sesuai kebutuhan Anda.
3. Selanjutnya, buka tab Pengaturan dan centang nonaktifkan langganan. [Lewati opsi ini jika Anda ingin formulir ini terlihat untuk paket langganan Anda]
4. Klik pada id formulir dan salin kode pendek formulir.
5. Sekarang, rekatkan kode pendek ke halaman/posting baru.
6. Setelah selesai, Anda akan mendapatkan formulir pengunggahan produk WC frontend Anda sendiri.

Periksa video ini untuk mempelajari proses lebih detail-

Catatan Penting: Anda tidak dapat membuat produk variabel dari frontend dengan WP User Frontend Pro saat ini.

Langkah 2: Menambahkan Jenis Bidang Khusus ke Formulir WooCommerce Anda

Mari tunjukkan cara menyertakan bidang formulir khusus sehingga pengguna Anda dapat mengunggah Galeri Gambar, Produk yang Dapat Diunduh, dll.

1. Galeri Gambar

Sebelumnya, pengguna harus memasukkan kode khusus untuk mendapatkan galeri gambar untuk halaman unggah produk WooCommerce. Namun di WP User Frontend versi terbaru, Anda akan menemukan kolom untuk galeri gambar secara default pada formulir pengunggahan produk. Karena itu, Anda tidak perlu melakukan sesuatu yang ekstra.

2. Produk yang Dapat Diunduh

Templat formulir produk WooCommerce baru juga memiliki bidang untuk produk yang dapat diunduh. Jadi, Anda juga dapat mengizinkan pengguna Anda untuk mengunggah produk yang dapat diunduh dengan formulir pembuatan produk juga. Dari palet kustomisasi sisi kanan, Anda dapat memilih jenis file untuk produk yang dapat diunduh.

3. Taksonomi Kustom

Anda juga akan mendapatkan opsi untuk menambahkan taksonomi khusus untuk WooCommerce seperti- product_type , product_cat , product_tag , product_shipping_class . Tambahkan jenis produk (sederhana, variasi, dapat diunduh, dll.), kategori, tag, dan kelas pengiriman jika Anda ingin pengguna menyetel bidang tersebut saat mengunggah.

Langkah 3: Simpan Perubahan dan Periksa Tampilan Terakhir

Setelah Anda selesai menambahkan bidang ke formulir, tekan simpan dan salin kode pendek untuk formulir. Rancang halaman Anda di mana Anda ingin menampilkan formulir unggah untuk pengguna Anda dan tempel kodenya. Sekarang periksa halaman unggah utama dari mana pengguna akan membuat produk.

Bagian 2: Membuat Halaman Diperlukan Lainnya untuk Mengelola Produk WooCommerce

Di bagian ini, kami akan membuat dua halaman lain yang diperlukan vendor untuk mengelola produk tokonya.

Langkah 1: Membuat Halaman Edit dan Dashboard

Pertama, navigasikan ke Dasbor → Halaman → Tambahkan halaman baru

Selanjutnya, dua halaman baru diberi nama Dashboard dan Edit . Sekarang cukup tempelkan kode pendek di dalamnya.

Untuk halaman Dasbor gunakan [wpuf_dashboard post_type="product"]

Untuk halaman Edit gunakan [wpuf_edit]

Setelah membuat halaman, buka WPUF → Pengaturan → Opsi Umum . Di sini Anda akan mendapatkan beberapa opsi untuk mengatur peran dan membatasi fasilitas apa pun untuk pengguna Anda. Berdasarkan kebutuhan dan kebijakan bisnis Anda, pilih opsi dengan bijak.

Langkah 2: Periksa Tampilan Akhir

Anda telah berhasil membuat formulir pengunggahan WPUF WooCommerce dan halaman lain yang diperlukan dengan sukses. Saatnya untuk menguji apakah itu berfungsi sesuai perencanaan. Muat halaman dan unggah produk demo dengan nama produk, deskripsi dan gambar atau bidang wajib lainnya.

Setelah pengiriman, buka wp-admin → products . Periksa sekarang apakah produk yang Anda buat dan semua informasi telah diunggah dengan benar.

Mudah-mudahan, Anda akan menemukan semuanya bekerja dengan baik. Sekarang klik tombol Edit dan pergi ke halaman Edit dari halaman Dashboard .

Dengan cara ini, Anda dapat dengan mudah mengaktifkan pasar multivendor Anda untuk Pengajuan Frontend. Untuk memperluas fasilitas ada juga opsi untuk menerapkan logika kondisional. Ini membantu Anda mengaktifkan atau menonaktifkan item menu dengan mempertimbangkan kelayakan pengguna apakah ia diizinkan mengunggah produk atau tidak. Tetapi ini akan membutuhkan beberapa pengkodean dengan tema Anda.

Cek dokumentasi lengkapnya di sini!

Aktifkan Pengiriman Produk Frontend WooCommerce & Tingkatkan Sistem Manajemen Vendor Anda

Pengajuan Frontend memberi Anda sistem yang berfungsi penuh yang meningkatkan pengalaman pelanggan di pasar digital Anda.

Fitur ini sangat penting untuk pasar multi-vendor. Karena sejumlah besar vendor datang untuk meng-host produk mereka di pasar Anda, mereka harus memerlukan proses pengiriman produk yang lancar untuk mengunggah dan menampilkan produk mereka. Sebagai admin, tugas Anda adalah membuat seluruh sistem menjadi mudah. Selain itu, berbagi akses backend dapat membahayakan informasi rahasia toko Anda.

Menggunakan duo Dokan + WP User Frontend Anda dapat dengan mudah membangun lingkungan di mana seorang pengusaha dapat dengan mudah mengatur bisnis digitalnya dengan fungsionalitas yang diperluas juga.