MarketerDream

Panduan Lengkap: Membuat Toko Online WordPress + WooCommerce

membuat toko online WordPress

Dalam tutorial ini, kita akan memberi panduaan cara membuat toko online WordPress dengan WooCommerce di mana Anda dapat membuat daftar dan menjual produk fisik. Jika Anda berencana untuk menjual layanan (bukan produk), saya sarankan memulai situs web bisnis (bukan toko online).

WooCommerce secara umum adalah cara terbaik untuk mengubah situs WordPress Anda menjadi toko online (e-commerce) yang berfungsi penuh.

6 Langkah Cara Membuat Toko Online WordPress + WooCommerce

1. Pesan nama domain dan web hosting

Tidak hanya membuat toko online WordPress, web apapun tentu anda harus memiliki domain dan hosting. Dan yang terpenting provider hosting tentu harus memiliki server yang handal juga terpercaya. Dua hal ini yang harus anda miliki.

Ada ratusan penyedia hosting / domain yang berbeda, tetapi biasanya saya menggunakan keduanya dari Niagahoster. Mereka menawarkan web hosting dengan harga terjangkau, nama domain gratis selamanya.
Total biaya? RP 38.900 / Bln. Untuk alternatif Niagahoster, periksa ini Hosting terbaik untuk wordpress.

Untuk memulai, Anda hanya perlu pergi ke Niagahoster.

Niagahoster hsoting

Ini akan membawa Anda ke halaman di mana Anda dapat memilih paket hosting untuk toko online Anda. Anda dapat memulai dengan opsi termurah, berlabel “dasar”:

memilih paket hosting untuk toko online

Langkah selanjutnya adalah memilih nama domain untuk toko online baru Anda.

memilih nama domain

Ini membutuhkan beberapa brainstorming. Tetapi secara umum, Anda ingin nama domain Anda menjadi unik, mudah diingat dan menarik. Juga, jika Anda sudah memiliki entitas bisnis yang disiapkan untuk toko Anda, maka Anda mungkin harus menggunakan itu sebagai nama domain Anda.

Setelah Anda membuat pilihan domain Anda, Anda dapat menyelesaikan pengaturan dan membayar biaya hosting awal.

Anda baru saja mendapatkan nama domain dan paket hosting untuk menyertainya.

2. Instal WordPress (GRATIS)

Langkah selanjutnya secara resmi menandai awal petualangan dalam membuat toko online WordPress Anda dengan WordPress maka Anda harus menginstal WordPress di akun hosting Anda. Ini mungkin terdengar sulit, tetapi sebenarnya tidak. Yang Anda lakukan hanyalah pergi ke Cpanel pengguna Niagahoster Anda (Niagahoster akan mengirimkan Anda tautan ke dalam email konfirmasi).

Sesampai di sana, gulir ke bawah sampai Anda melihat ikon berlabel “Instal WordPress“:

Biasanya mereka telah menyediakan Auto Install Website WordPress pada saat anda membeli paket hosting. jangan lupa di Checklis.

Klik dan ikuti petunjuk di layar. Anda akan dibawa melalui seluruh proses selangkah demi selangkah, jadi tidak ada yang perlu dikhawatirkan.

Pada titik ini, Anda harus memiliki situs WordPress kosong yang diinstal.

  • Anda dapat melihatnya dengan masuk ke nama domain utama Anda (misalnya, Tokoanda.com)
  • Anda dapat masuk ke panel admin dengan membuka Tokoanda.com/wp-admin

Sekarang saatnya untuk mengubah situs WordPress kosong itu menjadi toko online yang berfungsi penuh yang dibangun dengan plugin WooCommerce yang sangat bagus.

3. Instal WooCommerce Plugin (GRATIS)

Seperti halnya semua plugin WordPress , saat memulai dengan menavigasi ke WordPress Dashboard / Plugins / Add New Anda . Sesampai di sana, ketik “woocommerce” di bidang pencarian. Anda akan melihat WooCommerce sebagai hasil pencarian pertama:

Instal WooCommerce Plugin

Cukup klik tombol “Install Now” di sebelah plugin.

Setelah beberapa detik, teks pada tombol akan berubah menjadi “Activate.” Lanjutkan dan klik.

Install Now - Activate

Pada tahap ini, Anda akan melihat wizard peluncuran / penyiapan di layar WooCommerce. Hal ini membuat proses menjadi mudah dan membawa Anda melalui semuanya. Untuk memulai, klik “Let’s Go!”

penyiapan di layar WooCommerce

Dapatkan halaman penyimpanan penting yang dibuat

Toko online adalah jenis situs web tertentu, dan mereka membutuhkan beberapa laman tertentu agar berfungsi dengan baik. Langkah pertama dalam wizard WooCommerce adalah tentang membuat halaman ini untuk Anda:

  • Shop” – ini adalah tempat produk Anda akan ditampilkan.
  • Keranjang” – ini adalah keranjang belanja tempat pelanggan Anda dapat menyesuaikan pesanan mereka sebelum melanjutkan ke pembayaran.
  • Checkout” – ini adalah tempat pelanggan dapat memilih metode pengiriman / pengiriman dan membayar untuk apa pun yang telah mereka beli.
  • Akun Saya” – semacam halaman profil untuk pelanggan terdaftar (mereka akan dapat melihat pesanan lama mereka di sana dan mengatur rincian lainnya).

Yang perlu Anda lakukan pada tahap ini dari wizard WooCommerce adalah klik tombol “Lanjutkan”. WooCommerce akan mengatur halaman-halaman itu untuk Anda.

Menyiapkan toko Anda

Lokal adalah bagian yang sangat penting dari penyiapan toko Anda. Beberapa parameter tersebut menentukan asal bisnis, mata uang, dan unit pilihan Anda:

Menyiapkan lokal

Setelah selesai, klik “Continue” lagi.

Pahami Pajak Penjualan

Pajak sejauh ini adalah bagian yang paling tidak menyenangkan dalam menjalankan toko online, tetapi itu juga sesuatu yang tidak dapat saya abaikan.

Pertama, Anda dapat memilih apakah Anda akan mengirim barang fisik atau tidak. Jika Anda mencentang kotaknya, WooCommerce akan mengatur lebih dulu rincian terkait pengiriman di pengaturan.

mengirim barang fisik

Selanjutnya, pajak. WooCommerce memiliki modul pajak yang sangat rapi, dan hal terbaik tentang itu adalah membantu Anda mengetahui tarif pajak berdasarkan lokasi toko Anda (hal yang telah Anda tetapkan pada langkah sebelumnya).

Jadi, jika Anda akan mengenakan pajak penjualan (dalam banyak kasus Anda), cukup centang kotak pajak utama. Segera setelah Anda melakukan ini, satu set kotak baru akan muncul dan memberi tahu Anda tentang apa yang akan terjadi selanjutnya.

Catatan. Meskipun WooCommerce akan mengisi terlebih dahulu pengaturan pajak untuk Anda, Anda masih perlu memeriksa ulang dengan otoritas lokal Anda apa aturan perpajakan aktual saat ini, terutama jika Anda tidak berada di AS.

Klik “Continue.”

Pilih Metode Pembayaran

Mampu menerima pembayaran online adalah inti dari setiap toko online (e-commerce), dan WooCommerce benar-benar menawarkan banyak hal dalam hal solusi yang tersedia.

Inilah yang dapat Anda pilih saat penyiapan:

Metode Pembayaran

Dua opsi pembayaran paling populer ada di bagian paling atas – PayPal dan Stripe – dan sangat disarankan agar Anda mengintegrasikan situs Anda dengan keduanya. Cukup klik kotak centang yang sesuai. Anda juga dapat memilih metode pembayaran lain yang tampaknya masuk akal, plus akan ada lebih banyak opsi yang tersedia nanti di panel pengaturan WooCommerce Anda.

Catatan. Agar pembayaran online berfungsi, Anda perlu mendaftar dengan PayPal atau Stripe secara terpisah. Pengaturan di WooCommerce hanya untuk mengintegrasikan akun PayPal dan Stripe Anda yang sudah ada dengan situs web e-commerce baru Anda.

Sekali lagi, klik “Continue” setelah selesai.

Langkah selanjutnya hanyalah layar konfirmasi bahwa semuanya berjalan dengan baik. Pada tahap ini, pengaturan situs dasar Anda selesai. Anda baru saja membuat toko online wordpress kosong dengan WooCommerce.

Langkah selanjutnya adalah menambahkan produk ke dalamnya. Begini caranya:

4. Tambahkan produk pertama Anda

Agar benar-benar dapat menghubungi operasional toko Anda, Anda memerlukan beberapa produk dalam basis data (atau layanan, atau unduhan, atau apa pun yang ingin Anda jual).

Untuk mulai bekerja dengan produk, buka dasbor Anda lalu ke Produk / Tambahkan Produk:

Tambahkan Produk

Apa yang akan Anda lihat adalah layar pengeditan konten WordPress klasik. Inilah yang terjadi:

pengeditan konten WordPress klasik

  • Nama Produk.
  • Deskripsi produk utama. Bidang besar ini memungkinkan Anda memasukkan sebanyak mungkin info tentang produk sesuai keinginan. Dan karena ini adalah WordPress, Anda dapat menempatkan tidak hanya teks sederhana di sana tetapi juga gambar, kolom, judul, bahkan video dan media lainnya. Pada dasarnya, apa pun yang Anda inginkan.
  • Bagian data produk sentral. Ini adalah tempat Anda dapat mengatur jenis produk yang Anda tambahkan, dan apakah itu produk yang dapat diunduh atau virtual (layanan dianggap produk virtual). Sebagai bagian dari bagian sentral ini, Anda juga mendapatkan tab untuk berbagai parameter produk:
  1. Umum. Di sinilah Anda bisa mengatur harga dan pajak.
  2. Inventaris. WooCommerce memungkinkan Anda mengelola level stok.
  3. Pengiriman. Atur berat, dimensi, dan biaya pengiriman.
  4. Produk Terkait. Bagus untuk mengatur hal-hal seperti upsells dan penjualan silang.
  5. Atribut. Setel atribut produk khusus di sini. Misalnya, jika Anda menjual kaos, Anda dapat mengatur warna alternatif di sini.
  6. Maju. Pengaturan tambahan. Tidak penting.
  7. Deskripsi Singkat. Ini adalah teks yang ditampilkan di halaman produk di bawah nama. Berfungsi paling baik sebagai ringkasan singkat tentang apa produk itu.
  8. Kategori Produk. Setel mereka untuk mengelompokkan produk sejenis menjadi satu. Misalnya, “topi.” Bekerja sama seperti kategori WordPress standar.
  9. Tag Produk. Cara tambahan untuk membantu Anda mengatur database produk Anda. Berfungsi seperti tag WordPress standar.
  10. Gambar produk. Gambar produk utama.
  11. Galeri Produk. Gambar produk tambahan untuk menampilkan keangkerannya.

Juga, saat pertama kali Anda mengunjungi panel ini, WooCommerce akan menampilkan beberapa tooltips yang berguna untuk menjelaskan apa tujuan dari setiap bidang:

tujuan dari setiap bidang

Setelah selesai mengatur semua hal di atas, cukup klik tombol Publikasikan, dan produk pertama Anda baru saja ditambahkan!

Setelah menambahkan beberapa barang ke database Anda, bagian produk di dashboard akan terlihat seperti ini:

bagian produk di dashboard

5. Pilih Theme untuk toko online Anda (GRATIS)

Ada alasan yang sangat bagus mengapa saya pertama kali membahas cara menambahkan produk ke toko Anda, sebelum membahas penampilan visual dari seluruh hal.

Sejujurnya, tanpa produk apa pun dalam basis data, Anda tidak akan dapat melihat laman masing-masing toko dalam bentuk perwakilan apa pun, sehingga Anda tidak akan dapat memastikan semuanya berjalan dengan baik.
Tetapi sekarang setelah Anda memiliki sebagian besar produk Anda ditambahkan, saya dapat memastikan bahwa semuanya berurutan dari sudut pandang visual murni.

WooCommerce vs theme Anda saat ini

Secara default, WooCommerce bekerja dengan semua theme WordPress . Ini adalah berita bagus terutama jika Anda sudah memilih desain Anda dan Anda ingin mematuhinya.

Alternatifnya, Anda dapat menggunakan theme khusus WooCommerce yang dioptimalkan. Theme-theme itu datang dengan gaya yang sudah ditentukan sebelumnya yang membuat semua elemen WooCommerce tampak hebat.

Inilah rekomendasi saya:

Theme WooCommerce resmi dan yang paling mungkin berfungsi dengan baik disebut Storefront. Versi default gratis , dan itu sudah cukup untuk membuat Anda pergi.

Terlepas apakah Anda telah memutuskan untuk tetap menggunakan theme Anda saat ini atau telah memilih sesuatu yang baru dan dioptimalkan oleh WooCommerce, apa yang perlu Anda lakukan selanjutnya adalah memastikan bahwa masing-masing halaman toko terlihat bagus. Mari lakukan sekarang:

Aturan desain toko online

Mari kita bahas beberapa poin penting pertama, sebelum kita masuk ke intinya.

Terutama, apa yang membuat desain toko online bagus, Berikut adalah parameter yang paling penting:

  • Desainnya harus jelas dan tidak membingungkan dengan cara apa pun. Seorang pengunjung yang bingung tidak akan membeli apa pun.
  • Blok konten pusat perlu menarik perhatian pengunjung segera setelah mereka datang ke situs. Blok pusat itu adalah tempat produk akan ditampilkan.
  • Sidebars Adjustable. Anda harus bisa memilih berapa banyak sidebars yang Anda butuhkan, dan juga menonaktifkan sidebar untuk beberapa halaman (lebih lanjut nanti).
  • Responsif dan dioptimalkan untuk seluler. Penelitian menunjukkan [2] bahwa sekitar 80% orang di internet memiliki smartphone. Dan menurut penelitian lain [3] , 61% dari pengunjung seluler Anda akan segera pergi dan pergi ke pesaing Anda jika mereka memiliki pengalaman browsing seluler yang membuat frustrasi. Dengan kata lain, pastikan bahwa situs web Anda dioptimalkan untuk seluler sangat penting.
  • Struktur navigasi yang baik. Anda ingin menu yang jelas yang mudah dipahami supaya pengunjung Anda dapat menemukan halaman yang mereka cari.

Memiliki pemikiran di atas, inilah yang dapat Anda lakukan dengan setiap laman toko:

Halaman toko Anda

Di sinilah daftar utama produk Anda dapat ditemukan. Jika Anda telah melalui wizard setup WooCommerce maka halaman ini dapat ditemukan di Tokoanda.com/shop.

Ini adalah halaman WordPress standar – Anda dapat mengeditnya melalui dashboard WordPress / Halaman.

Hal-hal yang layak dilakukan:

  • Tambahkan beberapa salinan yang akan mendorong pengunjung Anda untuk berbelanja dengan Anda.
  • Putuskan apakah Anda ingin memiliki sidebar di halaman. Ini dilakukan melalui template halaman theme Anda sendiri. Sebagai contoh, Storefront memungkinkan untuk melakukan full-width, yang akan dilakukan:

Ciri utama dari halaman Toko online adalah tepat di bawah konten standar, itu fitur bagian kustom di mana ia menampilkan daftar produk Anda.

halaman Toko online

Seperti yang Anda lihat, gambar produk yang bagus adalah kunci, dan ini adalah hal pertama yang harus Anda lakukan dengan benar. Dengan kata lain, Anda mungkin harus bekerja pada gambar produk Anda lebih dari pada hal lain.

WooCommerce juga memungkinkan Anda untuk menampilkan produk Anda dengan cara lain di halaman ini. Ketika Anda pergi ke dashboard WordPress / WooCommerce / Pengaturan / Produk dan kemudian bagian Tampilan :

untuk menampilkan produk

Anda dapat memilih apakah Anda ingin menampilkan produk individual atau kategori produk di halaman Toko. Pilih apa pun yang paling sesuai untuk Anda, dan simpan pengaturan.

Halaman produk individual

Untuk melihatnya, klik saja daftar produk apa pun dari halaman Toko.

Jika Anda menggunakan theme kualitas, Anda tidak akan mengalami kesulitan apa pun pada halaman khusus ini. Pada dasarnya, satu-satunya hal yang dapat Anda lakukan adalah menyesuaikan jumlah teks yang Anda gunakan untuk deskripsi produk individual, hanya untuk memastikan bahwa semuanya sesuai secara visual dan tidak ada titik kosong yang dapat membingungkan pembeli.

Inilah contoh saya dengan theme etalase (tidak ada penyesuaian tambahan yang dilakukan):

theme etalase

Shoping cart

Halaman penting lainnya yang dapat disesuaikan melalui Dasbor / Halaman.

Satu hal yang saya sarankan di sini adalah untuk tata letak lebar penuh. Anda tidak ingin memberi pembeli terlalu banyak opsi di halaman ini, selain melanjutkan ke proses pembayaran.

membuat toko online

Checkout

Checkout mungkin adalah halaman paling penting dari semuanya. Ini tempat pembeli Anda menyelesaikan pesanan mereka dan melakukan pembayaran.

Saya tidak benar-benar mendorong Anda untuk melakukan tweak ke halaman itu selain dari satu:

Halaman Checkout benar-benar harus full-width. Satu-satunya cara yang dapat diterima dari halaman untuk pembeli adalah menyelesaikan pesanan mereka, dan tidak terganggu oleh hal-hal yang tersedia di sidebar.

Sekali lagi, Anda dapat melakukannya melalui Dasbor / Halaman (ulangi saja proses yang Anda lalui dengan laman Toko).

Selain itu, tampilan default halaman Checkout sangat bagus:

Pada tahap ini, Anda pada dasarnya dilakukan dengan menyesuaikan desain toko Anda, sekarang mari kita lihat kemungkinan untuk memperluas fungsi toko.

6. Memperluas WooCommerce – bagaimana caranya

Satu hal lagi yang membuat WooCommerce seperti solusi e-commerce yang mengesankan adalah ada puluhan atau bahkan ratusan ekstensi dan plugin yang tersedia untuk itu.

Mari daftar beberapa yang paling berguna di sini:

Ekstensi WooCommerce

Mari kita mulai dengan ekstensi – add-on resmi yang telah disetujui oleh tim WooCommerce.Untuk melihat apa yang tersedia, Anda dapat pergi ke halaman ini. Katalog itu benar-benar mengesankan dan luas. Tetapi saya tidak ingin Anda merasa terintimidasi olehnya. Anda tentu tidak membutuhkan semua ekstensi tersebut. Cukup suguhan daftar itu sebagai semacam prasmanan, pilih apa pun yang tampaknya keren.

Beberapa penyebutan yang lebih berharga:

  • Gateway pembayaran. Ekstensi ini memungkinkan Anda untuk menerima lebih banyak metode pembayaran di atas hanya PayPal standar. Secara umum, semakin banyak metode pembayaran yang dapat Anda terima (gateway tersebut sering dibayar), semakin baik.
  • Ekstensi pengiriman. Ini akan berguna jika Anda ingin mengintegrasikan toko Anda secara otomatis dengan tarif pengiriman resmi dari perusahaan seperti UPS atau FedEx.
  • Ekstensi akuntansi. Integrasikan toko WooCommerce Anda dengan alat akuntansi pilihan Anda.
    Pemesanan WooCommerce . Izinkan pelanggan untuk memesan janji untuk layanan tanpa meninggalkan situs Anda.
  • Langganan WooCommerce . Biarkan pelanggan berlangganan produk atau layanan Anda dan membayar biaya mingguan, bulanan, atau tahunan.
  • TaxJar . Masukan pajak penjualan Anda dengan autopilot.
  • Atau, jika Anda tidak ingin membelanjakan uang pada ekstensi baru, Anda dapat menjelajahi dalam kategori gratis . Ada lebih dari cukup barang di sana untuk membuat Anda sibuk.

Plugin yang memberi penawaran super pada toko online Anda

Menetapkan ekstensi samping, Anda juga dapat menggunakan plugin WordPress lainnya untuk lebih menjual toko Anda. Inilah yang harus Anda dapatkan:

  • Yoast SEO . Tingkatkan SEO seluruh situs web Anda.
  • Plugin Yoast WooCommerce SEO . Tingkatkan SEO produk Anda dan area lain di toko online Anda.
  • WooCommerce Multilingual . Jalankan situs WooCommerce yang sepenuhnya multibahasa.
  • Contact form 7 . Biarkan pengunjung situs Anda menghubungi Anda secara langsung.
  • UpdraftPlus . Cadangkan semua konten situs Anda, termasuk produk Anda dan data toko lainnya.
  • Tombol Berbagi Sosial oleh GetSocial . Biarkan pembeli Anda berbagi produk Anda dengan teman dan keluarga mereka melalui media sosial.
  • MonsterInsights . Integrasikan situs Anda dengan Google Analytics.
  • Keamanan iThemes . Prasetel keamanan untuk situs web Anda.
  • W3 Total Cache . Percepat situs web Anda melalui caching.

Membuat Toko Online WordPress Singkatnya

Seperti yang Anda lihat, tingkat kesulitan ketika datang untuk membuat toko online WooCommerce Anda sendiri dengan WordPress tidak terlalu tinggi, tetapi masih butuh waktu untuk melewati semua langkah di atas. Tapi itu masih luar biasa mengingat hanya, katakanlah, lima tahun lalu Anda perlu menyewa seorang pengembang dan membayarnya di atas RP 3 jt untuk mendapatkan sesuatu yang serupa dibuat. Sekarang, Anda dapat melakukan semuanya sendiri.

Bagaimanapun, untuk membantu Anda menyelesaikan semua tugas yang diperlukan, berikut ini daftar periksa mohon dicerna:

Sebelum Anda memulai membuat toko online

Dapatkan nama domain , daftar untuk hosting web , dapatkan pemasangan WordPress yang berfungsi berjalan .
Pastikan bahwa situs WordPress kosong baru Anda berfungsi dengan baik (tidak ada kesalahan yang jelas muncul, dll.).

  • Memasang WooCommerce
  • Instal dan aktifkan plugin WooCommerce utama.
  • Buka wizard penyiapan WooCommerce, perhatikan dengan seksama:
  • Mendapatkan empat halaman yang dibutuhkan dibuat (Shop, Cart, Checkout, My Account).
  • Menyiapkan lokal toko.
  • Menyiapkan pajak penjualan dan pengiriman.
  • Memilih metode pembayaran awal.
  • Produk
  • Tambahkan sebagian besar (atau semua) produk atau kategori produk Anda ke toko.
  • Desain
  • Pilih tema WordPress yang tepat untuk toko online Anda. Pergi dengan theme yang ada, atau telusuri kemungkinan lainnya. Tinjau aturan desain toko online saat melakukannya.
  • Sesuaikan halaman Toko Anda.
  • Sesuaikan setiap halaman produk.
  • Sesuaikan halaman Keranjang.
  • Sesuaikan halaman Checkout.
  • Ekstensi
  • Instal gateway pembayaran yang ingin Anda gunakan.
  • Pertimbangkan beberapa ekstensi pengiriman.
  • Pertimbangkan perpanjangan akuntansi.
  • Jelajahi ekstensi lainnya, dan juga kategori gratis.
  • Plugin

Pertimbangkan untuk menginstal semua plugin yang akan menambah kapasitas toko online Anda:

  • Yoast SEO
  • Yoast WooCommerce SEO
  • WooCommerce Multilingual
  • Contact form7
  • UpdraftPlus
  • Tombol Berbagi Sosial oleh GetSocial
  • MonsterInsights
  • Keamanan iThemes
  • W3 Total Cache.