Cara Membangun Toko WooCommerce Kustom dengan OceanWP dan Toolset (tanpa coding)

Diterbitkan: 2021-05-05

Anda tidak memerlukan kode khusus untuk membangun toko online yang menarik dengan fitur-fitur canggih . Dengan Toolset dan OceanWP, Anda dapat membuat halaman Produk dan Toko sepenuhnya kustom dari awal dengan fungsionalitas dan gaya unik Anda sendiri – semuanya tanpa memerlukan pengkodean.

Jika Anda sedang membangun toko online, Anda mungkin telah memperhatikan bahwa template default WooCommerce dan tema situs Anda terutama menentukan tampilan toko Anda. Anda mungkin memiliki beberapa opsi yang dapat Anda aktifkan atau nonaktifkan, jika tidak, menambahkan fitur lanjutan tidak mungkin dilakukan tanpa pemrograman khusus.

Atau, Anda dapat membuat toko WooCommerce yang sepenuhnya khusus dengan Toolset dan OceanWP dan tanpa pengkodean.

Dengan Toolset, Anda dapat membangun fitur yang hanya Anda lihat di situs ritel besar. Atau, Anda bahkan dapat memimpikan fitur Anda sendiri, lalu membuatnya menggunakan jenis dan bidang kiriman khusus, hubungan kiriman, tata letak khusus, dan banyak lagi.

OceanWP membuat situs Anda tampak hebat berkat opsi gayanya yang luas. Selain itu, ia memiliki pengalaman pengeditan admin intuitif yang menunjukkan dengan tepat seperti apa tampilan situs Anda di front-end.

Berikut adalah empat langkah untuk menyesuaikan toko online Anda menggunakan Toolset dan OceanWP:

Putuskan apa yang ingin Anda tampilkan dan promosikan
Tentukan produk Anda dengan jenis pos kustom, bidang, dan taksonomi
Buat halaman Produk khusus
Buat halaman Toko dinamis dan fungsi pencarian

Putuskan Apa yang Ingin Anda Tampilkan dan Promosikan

Fitur fleksibel Toolset melakukan lebih dari sekadar mengatur ulang dan menata halaman produk Anda. Anda dapat membuat fitur khusus sepenuhnya yang berlaku khusus untuk bisnis Anda, atau menggunakan fitur lanjutan dari situs ritel besar.

q-and-a-section-toolset — **Buat Q+As produk menggunakan formulir dan bidang berulang khusus**

upsells-cross-sells-toolset — **Tampilkan upsell, dan cross-sell populer menggunakan hubungan pos**

merek-custom-taksonomi-toolset — **Tampilkan produk menurut merek atau desainer menggunakan taksonomi khusus**

penawaran-khusus-toolset — **Bagikan penawaran khusus menggunakan blok bersyarat dengan informasi dari bidang khusus**

front-end-forms-toolset — **Izinkan vendor mengirimkan produk mereka langsung ke situs Anda menggunakan formulir**

Toko-lokasi-toolset — **Tampilkan lokasi toko Anda di peta menggunakan tampilan khusus**

buat-akun-toolset — **Buat login pelanggan atau vendor dengan izin sesuai dengan jenis pengguna**

produk-per-pakaian-peralatan — **Buat inspirasi pakaian yang dapat dibeli menggunakan hubungan pos**

Ini adalah fitur yang tidak akan pernah Anda dapatkan dari WooCommerce saja, dan mereka hanya menggores permukaan dari apa yang mungkin dilakukan dengan Toolset. Hebatnya lagi, semuanya bisa dilakukan tanpa coding!

Tentukan Produk Anda dengan Jenis Posting Kustom, Bidang, dan Taksonomi

Setelah Anda memiliki ide dalam pikiran, Anda dapat membuat jumlah yang tidak terbatas dari jenis posting kustom, bidang, taksonomi, dan hubungan posting untuk membuat ide Anda menjadi kenyataan.

WooCommerce memberi Anda beberapa bidang dasar untuk menentukan produk Anda seperti atribut produk, deskripsi, harga, dan informasi pengiriman seperti berat dan dimensi.

Dengan Toolset, Anda dapat menambahkan informasi lain seperti fitur produk tertentu, merek, atau mengatakan milik departemen mana suatu produk.

produk-bidang khusus — Bidang khusus pada suatu produk

Tidak semua tema berfungsi dengan baik dengan jenis posting khusus, tetapi OceanWP "siap untuk jenis khusus". Dengan OceanWP, Anda dapat menerapkan pengaturan tema yang berbeda untuk setiap templat konten. Ini memberi Anda kontrol lebih besar atas bagaimana konten khusus ini muncul di situs Anda.

Buat Halaman Produk Khusus

Dengan produk yang Anda tentukan, Anda dapat membuat template khusus untuk menampilkan produk Anda dan informasi dari bidang khusus Anda. Dengan menggunakan template produk, Anda hanya perlu membuat halaman satu kali, dan setiap perubahan yang Anda buat akan langsung terlihat pada semua produk Anda yang menggunakan template tersebut.

Toolset memungkinkan Anda untuk membangun template produk Anda sepenuhnya dari awal menggunakan Blok WooCommerce Toolset.

woocommerce-default-template — Template produk WooCommerce default

custom-product-template-toolset — Template produk Toolset kustom sepenuhnya

Cukup tetapkan template atau arsip ke produk Anda, dan tambahkan blok yang Anda inginkan, seperti peringkat produk, tab produk, atribut produk, tombol tambahkan ke troli, dan banyak lagi.

Blok dapat menarik informasi dari bidang khusus Anda secara dinamis. Artinya ketika Anda menambahkan heading block untuk ditampilkan, misalnya nama produk, maka secara otomatis akan menampilkan nama produk yang benar sesuai dengan produk yang dilihat pelanggan Anda.

kumpulan-konten-dinamis — Membuat template produk yang menarik informasi secara dinamis untuk setiap produk

Anda juga dapat menetapkan template secara kondisional untuk menggunakan template yang berbeda sesuai dengan kriteria produk tertentu. Misalnya, Anda dapat menggunakan templat bersyarat untuk menampilkan item yang kehabisan stok menggunakan tata letak yang berbeda.

dalam-stok-item-toolset — Barang dalam stok

OceanWP memberi Anda berbagai opsi untuk menata template ini. Karena post-type ready, Anda dapat memilih opsi tema yang berbeda untuk template yang berbeda. Misalnya, Anda dapat memilih untuk menampilkan bilah sisi untuk beberapa produk dan memilih tata letak lebar penuh untuk produk unggulan.

tema-opsi-owp-toolset — Memilih opsi tema OceanWP Anda per template

OceanWP juga menyertakan opsi gaya global untuk membantu menjaga identitas visual toko Anda tetap konsisten di seluruh situs Anda. Plus, tidak ada peralihan antara admin situs Anda dan front-end untuk melihat bagaimana perubahan Anda terlihat karena apa yang Anda lihat di backend adalah bagaimana itu akan muncul di front-end.

global-styling-toolset-oceanwp — Menambahkan gaya global ke situs Anda

Buat Halaman Toko Dinamis, Daftar Produk, dan Tambahkan Fungsi Pencarian

Anda telah menentukan produk dan mendesain template produk Anda. Sekarang, bantu pelanggan Anda menemukan apa yang mereka cari.

Membangun halaman Toko kustom dan halaman arsip lainnya

Di WordPress, halaman seperti halaman Toko dan halaman daftar kategori disebut arsip. Intinya, arsip mencantumkan semua posting (atau produk) yang termasuk dalam kategori atau jenis konten tertentu.

Toolset memungkinkan Anda untuk membuat arsip yang berbeda sesuai dengan kriteria yang Anda pilih. Misalnya, jika situs Anda menjual sepatu hak tinggi dan tas, Anda mungkin menginginkan halaman Toko yang berbeda dengan filter yang relevan untuk setiap jenis produk.

arsip-halaman-toolset — Halaman toko untuk sepatu hak

toko-halaman-tas-toolset — Halaman toko untuk tas

Membuat daftar konten yang dinamis

Anda dapat menambahkan daftar dinamis produk ke halaman Toko Anda, atau halaman lain di situs Anda menggunakan blok Tampilan Toolset. Ini memungkinkan Anda untuk menentukan produk mana yang akan dicantumkan dan mendesain tampilan daftar tersebut.

view-block-toolset — Memilih konten mana yang akan ditampilkan di halaman toko

Menambahkan opsi pencarian dan filter khusus

Toolset memudahkan calon pelanggan Anda untuk menemukan produk dengan cepat dan mudah berkat opsi pencarian dan pemfilteran khusus. Anda dapat memfilter menurut bidang khusus atau hubungan pos apa pun yang Anda buat.

alat-pencarian khusus — Pencarian khusus yang memungkinkan Anda memfilter menurut bidang khusus

Fitur halaman Toko khusus lainnya dari OceanWP

OceanWP menawarkan lebih banyak fitur untuk halaman Toko dan arsip Anda, termasuk opsi tampilan cepat, gulir tak terbatas, dan kemampuan untuk menyembunyikan filter Anda dari layar saat tidak digunakan. Harap dicatat bahwa fitur ini hanya berfungsi dengan arsip OceanWP, bukan yang khusus yang Anda buat dengan Toolset.

quick-view-option-oceanwp — Opsi tampilan cepat

ceanwp-off-screen-filter — Sembunyikan filter dari layar

OceanWP juga memberi Anda opsi untuk menampilkan keranjang belanja Anda:

Keranjang asli muncul
Bar add-to-cart mengambang
Tampilan keranjang
Checkout bebas gangguan

..dan banyak lagi!

Coba OceanWP dan Toolset hari ini dan beri tahu kami tentang pengalaman Anda di komentar!

Pelajari cara membangun toko WooCommerce khusus selangkah demi selangkah dengan kursus WooCommerce gratis dari Toolset.

Anda juga dapat mencoba Toolset dan OceanWP bersama-sama secara gratis dengan demo toko WooCommerce ini.