Panduan Lengkap untuk Membangun Toko WordPress WooCommerce

Diterbitkan: 2017-12-27

Apakah Anda sudah ingin memulai toko online? Mungkin itu sudah ada di pikiran Anda selama beberapa hari, bulan, atau bahkan bertahun-tahun.

Kita tahu bahwa tugas untuk memulai sebuah toko mungkin terdengar atau tampak berlebihan. Berkat platform seperti WooCommerce, lebih mudah dari sebelumnya untuk membangun toko e-niaga ke situs web WordPress Anda.

Mengapa WooCommerce?

Seperti yang Anda ketahui, ada beberapa plugin berbeda yang dapat Anda gunakan untuk membangun situs e-niaga di WordPress. WP Ecommerce, Jigoshop, dan Ecwid hanyalah beberapa dari banyak pilihan. Jika Anda masih bertanya-tanya mengapa Anda harus memilih WooCommerce, inilah alasannya :

  • WooCommerce gratis
  • Ada ratusan ekstensi yang tersedia untuk ditambahkan ke toko Anda
  • Anda dapat menggunakan template atau desain khusus
  • Ini cukup mudah untuk diatur dan digunakan
  • Anda memiliki dan mengontrol situs Anda
  • Ramah pengembang
  • Sesuaikan dengan cara apa pun yang Anda suka

Selain manfaat besar karena gratis dan relatif mudah digunakan, WooCommerce memungkinkan begitu banyak opsi penyesuaian. Karena memiliki pangsa pasar yang begitu besar, ada ratusan pengembang dan bahkan lebih banyak plugin/ekstensi yang dikembangkan untuk menambahkan fitur ke situs WooCommerce. Seperti yang Anda bisa dengan halaman WordPress biasa, Anda dapat memilih untuk menggunakan template yang sudah jadi, atau desain kode kustom Anda sendiri. Kami menyukai seberapa banyak kontrol yang diberikan WooCommerce kepada Anda – terutama fakta bahwa tidak seperti solusi e-niaga lainnya, dengan WooCommerce Anda memiliki kendali penuh atas fungsi, data, dan keamanan .

Plus, Anda bisa menjual apa saja! Termasuk:

  • Produk digital seperti buku, perangkat lunak, kursus, dll.
  • Jasa
  • Produk fisik
  • Berlangganan untuk produk fisik atau virtual
  • Produk afiliasi
  • Produk dropship
  • Produk Variabel/Kustom
  • Pemesanan untuk janji temu

Pilihannya tidak terbatas. Anda dapat menjual apa pun yang Anda beri label harga! Anda bahkan bisa 'menjual' produk gratis. Setelah beberapa langkah sederhana, Anda dapat mulai memonetisasi situs web Anda!

Apa yang Anda butuhkan :

  • Situs web WordPress
  • WooCommerce (plugin sumber terbuka gratis)
  • Produk untuk dijual
  • Pengetahuan tentang aturan pajak untuk jenis produk Anda
  • Akun PayPal (disarankan)
  • Akun stripe (disarankan)

Cara Memulai

Setelah Anda memutuskan untuk menggunakan WooCommerce untuk membangun toko e-niaga Anda dan Anda mulai menyiapkannya, Anda akan menyadari betapa mudah dan intuitifnya plugin ini.

Langkah 1 :

Cari WooCommerce di halaman plugin, instal, dan aktifkan.

Building a WordPress WooCommerce Store

Langkah 2 :

Setelah diaktifkan, Anda akan melihat wizard penyiapan muncul di layar Anda, yang akan memandu Anda melalui beberapa langkah awal untuk menyiapkan toko WooCommerce Anda.

Building a WordPress WooCommerce Store

Pengaturan halaman

Pertama, Anda harus mengizinkan WooCommerce untuk membuat beberapa halaman default yang diperlukan untuk toko Anda. Ini termasuk halaman 'akun saya', 'keranjang', dan 'pembayaran'. Setelah dibuat, ini akan terlihat di tab 'halaman' di Admin WordPress Anda.

Pengaturan Toko

Selanjutnya Anda akan diminta untuk mengatur beberapa pengaturan toko, termasuk di mana toko Anda berada, mata uang yang digunakan toko Anda untuk menjual, dan unit pengukuran Anda untuk tujuan pengiriman. Jika Anda tidak menjual produk fisik, Anda tidak perlu terlalu khawatir tentang satuan ukuran ini, cukup atur ke standar.

Building a WordPress WooCommerce Store

Pajak

Selanjutnya Anda akan diminta untuk mengatur pajak Anda. Langkah ini sangat penting, jadi jangan terburu-buru melewatinya. WooCommerce menggunakan informasi sebelumnya yang Anda berikan untuk menghitung pajak Anda, tetapi Anda harus selalu memastikan bahwa perhitungannya benar dan membuat perubahan apa pun yang diperlukan. Jika Anda tidak yakin tentang pengaturan pajak Anda, lewati dan lanjutkan sampai Anda melakukan riset atau berbicara dengan profesional pajak . Anda selalu dapat kembali ke halaman pengaturan WooCommerce Anda dan menyelesaikannya ketika Anda tahu pengaturan pajak yang benar untuk sifat produk Anda. Jika Anda mengatur ini dengan tidak benar, itu bisa menjadi berantakan untuk ditangani nanti.

Building a WordPress WooCommerce Store

Pertama, Anda dapat memilih apakah Anda akan mengirimkan produk Anda atau tidak. Jika Anda mencentang kotak, WooCommerce akan mengisi opsi pengiriman yang tersisa.

Selanjutnya, Anda dapat memilih apakah Anda akan mengenakan pajak atau tidak. Untungnya, WooCommerce membantu Anda mengaturnya berdasarkan lokasi toko Anda – yang Anda atur sebelumnya.

Jika Anda berencana mengenakan pajak, centang kotak di samping “Ya, saya akan membebankan pajak penjualan”. Kemudian, satu set kotak baru akan muncul, dan WooCommerce akan mengisi pengaturan pajak Anda.

Catatan : Meskipun WooCommerce mengisi pengaturan pajak Anda sebelumnya, Anda harus memeriksanya dengan profesional pajak. Seperti yang kami sebutkan sebelumnya, kesalahan kecil di sini bisa membuat Anda BANYAK sakit kepala di kemudian hari.

Pembayaran

Langkah penyiapan terakhir adalah menyiapkan pembayaran Anda. WooCommerce memberi Anda opsi 5 metode pembayaran yang berbeda: Tunai saat Pengiriman, Standar PayPal, Cek, Transfer Bank, dan Stripe.

Building a WordPress WooCommerce Store

Langkah ini akan memungkinkan Anda untuk mengaktifkan metode pembayaran yang Anda inginkan.

Anda disarankan untuk mengaktifkan PayPal dan Stripe (pemroses kartu kredit), karena sebagian besar pembeli online menggunakan PayPal atau kartu kredit untuk membayar pembelian mereka.

Catatan : Mengaktifkan PayPal dan Stripe akan mengisi kedua opsi akun di admin WooCommerce Anda, jadi Anda harus mengunjungi halaman pengaturan pembayaran untuk menghubungkan akun Anda. Untuk menerima PayPal dan Stripe, Anda harus memiliki akun masing-masing. Kabar baiknya adalah, keduanya cukup mudah diatur. Cukup buka situs masing-masing dan buat akun, jika Anda belum melakukannya. Kemudian, ikuti instruksi mereka untuk menghubungkan setiap akun ke toko WooCommerce Anda.

Menyelesaikan Pengaturan

Meskipun Wizard Pengaturan WooCommerce memandu Anda melalui pengaturan awal, masih ada beberapa pengaturan lagi yang perlu Anda selesaikan agar siap untuk dijual. Untuk menemukan halaman pengaturan Anda, buka WooCommerce → Pengaturan . Anda mungkin melihat ada beberapa pengaturan tambahan, tetapi kami akan membahas yang paling penting: pajak, pengiriman, pembayaran, dan email.

Zona Pengiriman

Halaman ini penting jika Anda berencana untuk mengirimkan produk. Halaman ini memungkinkan Anda mengatur pengaturan pengiriman yang berbeda untuk setiap zona pengiriman. Jika Anda memiliki zona/pengaturan pengiriman yang berbeda, tentukan zona, opsi, dan kelas Anda di sini.

Building a WordPress WooCommerce Store

cara Pembayaran

Selanjutnya, saatnya untuk mengonfigurasi dan menguji pemroses pembayaran Anda. Jika Anda masih memiliki lebih banyak pemroses pembayaran untuk disiapkan setelah langkah awal Anda, buka WooCommerce → Pengaturan → Checkout untuk mengedit metode Pembayaran Anda.

Building a WordPress WooCommerce Store

Di sini Anda akan melihat daftar metode pembayaran dalam garis horizontal di bagian atas. Jika Anda menggulir ke bawah, Anda akan melihat daftar yang sama dengan simbol di sebelah kanan yang menunjukkan apakah Anda mengaktifkannya atau tidak. Anda dapat mengklik salah satu dari ini untuk memperluasnya dan melihat opsi Anda, yang akan sedikit berbeda untuk setiap metode pembayaran.

Jika Anda akan menerima pembayaran PayPal di situs Anda, klik tab PayPal, lalu pastikan kotak dicentang untuk mengaktifkannya. Jika Anda belum melakukannya, isi kolom di halaman dan berikan akses API. Anda juga harus memutuskan apakah Anda akan menggunakan mode uji coba atau langsung. Mode uji memungkinkan Anda untuk menguji proses checkout dengan akun pembayaran uji – sehingga Anda dapat memastikan bahwa semuanya berfungsi dengan benar tanpa harus membeli produk yang sebenarnya.

Lakukan hal yang sama untuk Stripe, dan perhatikan bahwa informasi apa pun yang Anda perlukan akan ditemukan di dalam akun Stripe Anda. Untuk menguji checkout Anda, setel ke mode uji. (Jangan lupa untuk mengubahnya menjadi live setelah Anda siap untuk menghidupkan situs Anda!)

Membuat Produk

Setelah Anda menyelesaikan pengaturan awal, saatnya untuk menyiapkan produk Anda! Untuk menambahkan produk baru, buka tab produk di bilah sisi admin, dan klik tambahkan baru (atau klik tombol di bawah 'Langkah Berikutnya' di wizard pengaturan Anda. Jika Anda mengklik tombol itu, WooCommerce akan memandu Anda melalui membuat produk pertama Anda.)

Jika Anda sudah familiar dengan WordPress, halaman ini mungkin akan terlihat familiar bagi Anda, karena tata letak WooCommerce sangat mirip dengan tata letak WordPress!

Building a WordPress WooCommerce Store

Anda akan melihat beberapa bidang di sini:

1. Nama Produk

Yang satu ini cukup mudah.

2. Deskripsi Produk

Bidang ini berfungsi sama seperti bidang WordPress biasa, jadi Anda bebas menggunakan html, menambahkan teks, gambar, judul, atau media apa pun!

3. Bagian Data Produk

Bagian ini adalah tempat Anda akan menambahkan harga, dimensi, info pengiriman, jenis produk, inventaris, dan lainnya. Bagian ini dibagi menjadi beberapa subbagian.

Building a WordPress WooCommerce Store

Dalam bagian data produk, pertama-tama, Anda harus menyatakan jenis produk Anda. Pilihannya adalah: produk sederhana, produk yang dikelompokkan, produk eksternal/afiliasi, dan produk variabel.

Produk Sederhana : produk biasa tanpa variasi atau atribut. Ini bisa berupa fisik, virtual, atau dapat diunduh. Cukup pilih opsi ini dan kemudian centang kotak untuk virtual atau dapat diunduh, atau biarkan kotak tidak dicentang jika itu adalah produk fisik.

Grouped Product : sekelompok produk terkait.

Produk Eksternal/Afiliasi : produk yang dijual di tempat lain, dan Anda mendapatkan komisi dengan merujuk pembeli ke situs tersebut.

Variable Product : Produk yang memiliki beberapa variasi/spesifikasi yang berbeda. Misalnya, kaos yang tersedia dalam berbagai warna, ukuran, atau keduanya.

Opsi berikut mungkin atau mungkin tidak semuanya muncul karena didasarkan pada jenis produk.

Umum : Tetapkan harga dan pajak. Jika Anda tidak yakin tentang pajak, tanyakan kepada seorang profesional.

Inventaris : Tetapkan SKU dan jumlah inventaris jika Anda ingin mengelola tingkat stok. Setelah Anda menjual semua stok Anda, item tersebut akan secara otomatis disetel ke 'out of stock'.

Building a WordPress WooCommerce Store

Pengiriman : Gunakan bagian ini untuk mengatur dimensi produk dan info pengiriman. Jika Anda tidak melihat opsi pengiriman, Anda perlu mengonfigurasinya di pengaturan WooCommerce Anda.

Produk Tertaut : Anda tahu ketika Anda melihat bagian yang mengatakan "Anda mungkin menyukai ini" atau "pelanggan yang membeli ini juga membeli..."? Di sinilah Anda akan mengatur produk yang ditautkan/terkait tersebut. Anda dapat menambahkan up-sell dan cross-sell.

Atribut : Di sinilah Anda dapat mengatur atribut produk. jika Anda menjual kaos dengan ukuran berbeda, atau kaos dengan warna berbeda, misalnya, Anda akan mencantumkan atribut tersebut di sana.

Untuk menambahkan atribut baru, klik tombol 'Tambah'. Bidang baru akan terisi tempat Anda dapat menyatakan nama atribut, dan variasi/opsi yang berbeda. Dalam contoh ini, atribut kami adalah ukuran:

Building a WordPress WooCommerce Store

Nilai/pilihan harus dipisahkan dengan simbol ini: |. Setelah diisi, klik 'Simpan atribut'.

Jika mau, Anda dapat menambahkan atribut tingkat kedua.

Building a WordPress WooCommerce Store

Lanjutan : Anda tidak perlu khawatir untuk mengisi bagian ini kecuali jika Anda ingin mengirimkan catatan kepada pelanggan setelah pembelian, mengubah urutan menu, atau menonaktifkan ulasan.

4. Deskripsi Produk Singkat

Bidang ini untuk ringkasan/deskripsi singkat produk. Ini akan muncul di bawah nama produk pada halaman produk. Anda akan melihat bidang ini terlihat seperti bidang halaman WordPress umum, jadi Anda dapat menambahkan elemen apa pun yang Anda inginkan.

Building a WordPress WooCommerce Store

5. Kategori Produk

Sama seperti kategori WordPress untuk posting, Anda dapat mengatur kategori untuk produk Anda untuk mengelompokkan item serupa. Anda juga dapat membuat kategori baru dari sini.

6. Tag Produk

Ini seperti opsi tag WordPress – cara tambahan opsional untuk mengelompokkan item dan membuatnya lebih mudah ditemukan oleh pelanggan Anda.

7. Gambar Produk

Ini adalah gambar produk utama yang akan ditampilkan di halaman, serta gambar pratinjau di halaman toko. Jika memungkinkan, gunakan foto horizontal, karena foto vertikal akan dipotong/diubah ukurannya.

8. Galeri Produk

Gunakan bagian ini untuk menambahkan gambar produk tambahan.

Catatan : Seperti yang kami sebutkan sebelumnya, Anda dapat menjual apa saja – dan pengaturan Anda akan bergantung pada jenis produk yang Anda jual. Beberapa bidang ini mungkin tidak relevan untuk jenis produk Anda. Misalnya, dimensi ukuran tidak akan relevan untuk produk yang dapat diunduh atau produk virtual, jadi Anda cukup mengosongkan bidang ini.

Setelah Anda selesai mengatur semua pengaturan di atas, cukup klik publish dan voila, produk pertama Anda selesai!

Building a WordPress WooCommerce Store

Setelah menerbitkan, pergi melihat halaman untuk memeriksa bagaimana semuanya terlihat di ujung depan. Banyak gaya elemen halaman akan cocok dengan tema WordPress Anda, tetapi jika ada yang tidak Anda sukai, catat dan kembali ke admin dan ubah saja. Ingatlah bahwa ada ratusan plugin untuk menambahkan fungsionalitas ekstra ke situs Anda, dan kami akan membahasnya setelah kami membahas dasar-dasar penyiapan toko WooCommerce Anda.

Setelah memposting dan memeriksa produk pertama Anda, ulangi langkah-langkah ini sebanyak yang diperlukan, hingga semua produk Anda terdaftar!

Jika Anda kembali dan mengklik tab produk di dasbor Anda, Anda akan melihat dasbor produk Anda dengan ringkasan info produk Anda yang terdaftar. Anda dapat 'mengedit cepat' dari halaman dasbor ini seperti yang Anda lakukan pada halaman atau posting WordPress.

Building a WordPress WooCommerce Store

Email

Sebelum melakukan penjualan, Anda harus mengonfigurasi email Anda. Di WooCommerce → Pengaturan → Email Anda dapat mengedit dan mengonfigurasi email/pemberitahuan yang dihadapi pelanggan.

Hal pertama yang akan Anda lihat adalah daftar pemberitahuan email yang dibuat sebelumnya yang telah dibuat WooCommerce. Seperti yang Anda lihat di kolom 'penerima', beberapa di antaranya dikirim ke pelanggan, sementara yang lain internal.

Building a WordPress WooCommerce Store

Di bawah daftar ini Anda akan menemukan opsi umum Anda. Dua pengaturan teratas akan berlaku untuk semua email/notifikasi Anda. Pengaturan template email akan membuat template default Anda, tetapi Anda juga dapat mengedit masing-masing template email.

Tetapkan nama "dari" Anda, yang akan muncul sebagai pengirim untuk setiap email, serta alamat "dari", dari mana mereka akan dikirim (perlu diingat bahwa di sinilah balasan akan dikirim).

Untuk template email Anda, sebaiknya unggah logo perusahaan Anda sebagai gambar header, tambahkan teks footer khusus, dan gunakan warna merek Anda.

Building a WordPress WooCommerce Store

Kemudian, Anda dapat melanjutkan dan mengonfigurasi setiap email individual. Anda dapat mengaktifkan atau menonaktifkan email, mengubah subjek dan judul, subjek dan judul yang dapat diunduh, dan mengunggah template email. Jika Anda ingin mendorong lebih banyak penjualan, Anda mungkin ingin menyelidiki opsi untuk mengirim up-sell atau cross-selling dalam email Anda. Atau, lihat rekomendasi email tindak lanjut kami di akhir panduan ini.

Building a WordPress WooCommerce Store

Tema

Sekarang setelah toko Anda diisi dengan produk, Anda dapat melihat seluruh situs Anda dan tampilannya serta bagaimana tema Anda saat ini terintegrasi dengan WooCommerce. Meskipun dibuat untuk bekerja dengan tema WordPress apa pun, WooCommerce terlihat lebih baik dengan tema yang dikembangkan dengan mempertimbangkan e-commerce.

Jika Anda sudah memiliki tema, senang dengan itu, dan itu tidak menyebabkan masalah apa pun dengan WooCommerce, maka Anda mungkin ingin tetap menggunakannya.

Jika Anda tidak memiliki tema, atau Anda tidak puas dengan tampilannya, Anda mungkin ingin mencari tema yang kompatibel dengan WooCommerce. Ya, semua tema secara teknis kompatibel, tetapi tema yang dibuat dengan mempertimbangkan WooCommerce akan terintegrasi jauh lebih baik.

Etalase, tema WooCommerce default/resmi gratis, dan memiliki semua fitur yang diperlukan untuk menyiapkan toko dasar.

Themeforest juga memiliki perpustakaan besar tema yang tersedia untuk dibeli. Cukup buka bagian e-commerce mereka dan telusuri sampai Anda menemukan tema yang Anda sukai.

Tip Desain

Jika tujuan Anda adalah untuk melibatkan pengunjung dan menjual produk, desain situs dan toko Anda sangat penting.

  • Mudah dinavigasi – navigasi yang ideal dan pengaturan toko produk akan bervariasi menurut jenis dan jumlah produk Anda, jadi pikirkan tentang pembeli Anda dan perjalanan mereka – lalu pastikan bahwa situs dan desain toko Anda membuatnya semudah mungkin bagi pengunjung untuk menemukan produk, serta informasi apa pun yang mereka butuhkan .
  • Responsif – saat ini, kebanyakan orang melihat halaman dan berbelanja dari ponsel mereka, jadi pastikan tema yang Anda pilih akan terlihat sama bagusnya, jika tidak lebih baik, di ponsel!
  • Struktur menu intuitif – Sangat penting bahwa situs Anda mudah dinavigasi di semua perangkat , jadi pastikan menu tema Anda jelas dan mudah dipahami, baik di seluler maupun di desktop.
Halaman Toko

Selanjutnya saatnya untuk mempersonalisasi halaman Anda dan menambahkan desain atau salinan apa pun yang diperlukan untuk melengkapi toko Anda.

Sebelum mengerjakan desain dan salinan situs Anda, pikirkan tentang pelanggan ideal Anda. Apa titik rasa sakit mereka? Masalah apa yang Anda selesaikan? Apa yang mereka suka? Apa yang bisa mereka hubungkan?

Dari sini, putuskan warna, elemen, dan bahasa apa yang akan digunakan saat Anda mendesain situs. Apa yang Anda sukai mungkin tidak persis seperti yang akan disukai audiens Anda – jadi dengan semua yang Anda lakukan, pikirkan mereka. Lakukan yang terbaik untuk melayani mereka.

Toko Anda adalah kesempatan Anda untuk 'wow' pelanggan Anda, jadi pastikan desain dan salinan Anda dibuat untuk dijual!

Jika masuk akal untuk menambahkan informasi dan penjelasan kapan saja, lakukanlah.

Ekstensi yang Direkomendasikan
  • Opsi Produk Ekstra WooCommerce – Ekstensi ini menambahkan lebih banyak fungsi dan opsi ke halaman produk WooCommerce Anda. Anda dapat menambahkan formulir, kotak radio, bidang, menyembunyikan harga, dan banyak lagi. Jika Anda menemukan bahwa WooCommerce di luar kotak tidak memungkinkan Anda untuk memberikan opsi yang Anda butuhkan, coba ekstensi ini.
  • Pelacakan Pengiriman WooCommerce – Harus dimiliki untuk setiap toko yang mengirimkan pesanan. Beri tahu pelanggan Anda segera setelah pesanan dikirimkan – melalui email, dan izinkan mereka melacak pesanan mereka di akun mereka di situs Anda! Kiat Pro: Gunakan Ordoro untuk mengelola pengiriman/pemenuhan Anda! Anda dapat menggunakan integrasi khusus kami dengan Ordoro untuk secara otomatis menambahkan informasi pelacakan ke Pesanan WooCommerce Anda – dan memberi tahu pelanggan, segera setelah Anda membuat label di Ordoro!
  • Sinkronisasi WooCommerce untuk QuickBooks – Sinkronisasi WooCommerce untuk QuickBooks Online adalah suatu keharusan jika Anda ingin menghemat waktu, meminimalkan kesalahan, menjaga buku Anda tetap terkendali, dan data akuntansi dan penyimpanan Anda sinkron. Plugin ini menyinkronkan semua data Anda dari WooCommerce langsung ke QuickBooks, dan sebaliknya. Tanpa itu, Anda harus memasukkan semua data penjualan dan pelanggan Anda ke dalam buku Anda secara manual, serta mencoba untuk menjaga tingkat inventaris Anda tetap cocok di seluruh platform… Berantakan! Tersedia untuk QuickBooks Desktop Pro, Premier & Enterprise dan juga semua versi QuickBooks Online, plugin ini adalah penghemat waktu nyata!
  • Login Sosial – Plugin ini menyederhanakan pembuatan akun dan proses login dengan memungkinkan pelanggan menggunakan media sosial mereka untuk membuat akun. Ini dengan mudah terintegrasi ke halaman checkout Anda, dapat mengirim detail akun ke pengguna, dan mengatur URL pengalihan khusus saat login. Plugin ini adalah tentang pengalaman pelanggan, karena semakin mudah proses checkout, semakin rendah tingkat pengabaian keranjang Anda.
  • Sequential Order Numbers Pro – WooCommerce biasanya membuat nomor urut acak, sehingga Anda dapat menebak dari namanya, plugin ini memungkinkan Anda mengatur nomor urut. Anda dapat mengatur awalan atau akhiran nomor pesanan, menyertakan tanggal, membuatnya sepanjang atau sesingkat yang Anda inginkan, dan banyak lagi.

Catatan : Meskipun ada ratusan ekstensi hebat untuk WooCommerce, cobalah untuk tetap menggunakan yang Anda butuhkan saja. Bertanya-tanya mengapa? Baca tentang efek terlalu banyak plugin di situs WordPress Anda.