Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. Plugins

Memulai dengan WooCommerce: Konfigurasi Awal

by
Read Time:10 minsLanguages:
This post is part of a series called Getting Started With WooCommerce.
Getting Started With WooCommerce: Launching Your Store

Indonesian (Bahasa Indonesia) translation by ⚡ Rova Rindrata (you can also view the original English article)

E-Commerce itu besar, sebagian besar dari kita menggunakannya dan penjualan e-commerce global mencapai di atas $1,25 triliun pada tahun 2013. Selama beberapa tahun terakhir telah menjadi lebih mudah untuk memulai toko e-commerce Anda sendiri dengan produk-produk seperti ZenCart, Open Cart, OSCommerce dan Magento. WordPress memiliki beberapa pilihan untuk e-commerce tapi tak satu pun yang berdiri sebagai sistem dengan kualitas perusahaan penuh yang dibutuhkan penjual serius.

Hari ini saya akan berbicara tentang suatu produk yang telah berubah dan meletakkan WordPress di depan sebagai pesaing serius di platform e-commerce. Sapalah WooCommerce. Di bagian pertama dari dua seri kami, kami akan melihat pada instalasi dan konfigurasi awal yang berbicara melalui berbagai pilihan yang tersedia untuk Anda. Dalam tutorial kedua, kami akan melihat ke menambahkan produk pertama kita serta mentema dan styling WooCommerce.


Sapalah WooCommerce

WooCommerce adalah sebuah plugin e-commerce open source penuh untuk WordPress dari orang-orang di WooThemes. Ia menawarkan sebuah platform yang stabil dan aman dibangun tepat di atas Inti WordPress sehingga mudah untuk menyesuaikan dengan kebutuhan Anda. Diluncurkan lebih dari setahun yang lalu ia telah mencapai hampir setengah juta download dan dengan cepat menjadi plugin e-commerce pilihan bagi banyak pengembang WordPress, termasuk saya.

Say Hello to WooCommerceSay Hello to WooCommerceSay Hello to WooCommerce

WooCommerce mengadopsi pendekatan gaya "freemium", plugin inti ditawarkan sepenuhnya gratis namun beberapa ekstensi untuk WooCommerce dijual dengan biaya tambahan. Model ini bekerja cukup baik karena memungkinkan Anda untuk mempersiapkan dan berjalan dengan fitur yang dikemas dengan plugin yang akan sesuai dengan sebagian besar pengguna dan membebankan biaya untuk ekstensi yang lebih kompleks seperti fitur tambahan dan gateway pembayaran. Secara pribadi saya telah membangun beberapa situs menggunakan WooCommerce selama setahun terakhir dan hanya memerlukan ekstensi "premium" pada beberapa kesempatan.

Tanpa basa-basi mari kita melompat dan memulai, saya akan hanya melihat plugin inti di awalnya untuk mencoba dan menunjukkan betapa mudahnya mulai menggunakan plugin open source.


Instalasi dan Konfigurasi Awal

Instalasinya sangat mudah seperti plugin WordPress lainnya. Anda memiliki 2 pilihan:

  • Upload FTP/SFTP
    1. Kunjungi Halaman Plugin WooCommerce pada Repositori Plugin WordPress.org dan klik download. Ini akan men-download versi terbaru ke komputer Anda lokal.
    2. Ekstrak file zip yang di-download menggunakan aplikasi pilihan Anda.
    3. Hubungkan ke situs WordPress Anda lewat FTP atau SFTP (SFTP FTW!) dan navigasikan ke wp-content/plugins/.
    4. Meng-upload folder woocommerce yang diekstrak ke wp-content/plugins/.
  • Dashboard WordPress
    1. Login ke Dashboard situs WordPress Anda.
    2. Menavigasi ke Plugins -> Add New.
    3. Cari "WooCommerce".
    4. Hasil teratas seharusnya "WooCommerce - excelling eCommerce". Klik install now.
    5. Tergantung pada konfigurasi Anda, Anda mungkin diminta untuk username dan password FTP Anda.
    Installing WooCommerceInstalling WooCommerceInstalling WooCommerce
  • Aktivasi Plugin
    • Jika Anda meng-upload plugin Anda melalui FTP/SFTP Anda sekarang perlu menavigasi ke "Installed Plugins" di bawah Dashboard WordPress Anda. Temukan WooCommerce dalam daftar dan klik Aktifkan.
    • Jika Anda men-download plugin melalui Dashboard WordPress, Anda akan melihat "Successfully installed the plugin WooCommerce - excelling eCommerce 1.6.6." (Versi mungkin berbeda tergantung pada kapan Anda membaca ini!), di bawahnya klik Activate Plugin. (Jika Anda sudah pergi dari halaman ini Anda cukup mengikuti langkah diatas, menavigasi ke halaman Installed Plugins Anda untuk mengaktifkan.)
  • Halaman Pengaturan - Anda akan melihat banner bewarna magenta yang bagus "Selamat datang di WooCommerce – Anda hampir siap untuk mulai menjual :)". WooCommerce butuhkan membuat beberapa halaman agar berfungsi, itu dapat dilakukan secara otomatis bagi Anda hanya dengan mengklik "Install WooCommerce Pages". (Anda dapat mengubah nama-nama halaman ini nantinya jika Anda ingin).

Cukup itu WooCommerce diinstal! Anda seharusnya sekarang melihat halaman pengaturan WooCommerce. Inilah dimana Anda akan mengkonfigurasi toko Anda. Mari kita pergi ke pengaturan awal.

Pengaturan Umum

Hal pertama yang perlu kita lakukan adalah mengatur di mana kita berada dan mata uang kita. Ini adalah dropdown sederhana dan Anda juga mendapatkan dropdown ketiga yang memungkinkan Anda membatasi negara mana saja yang Anda bersedia untuk mengirimkan. Saat ini Anda hanya dapat mengatur satu mata uang, yang mungkin menjadi masalah untuk beberapa penjual internasional, namun ada sebuah ekstensi untuk menunjukkan konversi mata uang dinamis di toko Anda menggunakan API Penukaran Mata Uang Open Source. Ini hanya berfungsi sebagai panduan untuk pengunjung Anda karena pembayaran masih akan diambil dalam mata uang dasar yang Anda tetapkan di pengaturan umum. Ada juga sebuah ekstensi berbayar.

WooCommerce SettingsWooCommerce SettingsWooCommerce Settings

Selanjutnya kita mendapatkan beberapa opsi Checkout dan akun. Disini Anda bisa mengkonfigurasi hal-hal seperti mengijinkan checkout tamu (sehingga mereka tidak perlu mendaftar akun di situs Anda), Anda dapat memaksa SSL pada halaman checkout (berguna terutama jika gateway pembayaran Anda membutuhkan ini), jika Anda ingin mengaktifkan kupon (lebih lanjut tentang ini nantinya). Anda juga dapat mengatur beberapa fungsi akun seperti mengijinkan pendaftaran pengguna tanpa pemesanan, apakah menggunakan alamat email untuk username dan jika Anda ingin menyembunyikan Admin WordPress dari pelanggan. Sebagian besar ini adalah preferensi pribadi dan Anda dapat menambahkan dan menghapus opsi ini kapan pun Anda suka. Opsi default adalah tempat yang baik untuk memulai dan saya selalu melarang akses pelanggan ke admin WordPress.

Lebih lanjut lagi kami memiliki beberapa pilihan untuk styling dan skrip. Anda dapat mengaktifkan CSS WooCommerce default dan menyesuaikannya dari sini atau mematikannya sepenuhnya. Kita akan lebih rinci tentang ini nanti. Anda juga mendapatkan beberapa pilihan UI termasuk efek bagus Lightbox yang biasanya saya aktifkan.

Akhirnya, pada halaman ini kita melihat pilihan download digital. Dengan WooCommerce Anda dapat dengan mudah menjual produk virtual dan download, pilihan ini memungkinkan Anda menentukan bagaimana mereka harus ditangani dan bagaimana memberikan akses. Pilihannya cukup jelas seperti dengan sebagian besar pengaturan WooCommerce.

Pengaturan Katalog

Sebagian besar pilihan mudah dimengerti, salah satu yang pasti layak dilihat adalah "Show subcategories". Tiga kotak centangkecil  ini tiga benar-benar dapat mempengaruhi tampilan. Centang kotak-kotak ini dan halaman utama toko Anda akan menampilkan kategori daripada produk. Hal ini benar-benar berguna karena memberikan lebih banyak nuansa e-commerce, dengan banyaknya produk yang hanya menampilkan produk menimbulkan kesulitan menavigasi kategori produk Anda karena Anda harus bergantung pada widget WooCommerce.

WooCommerce Catalog SettingsWooCommerce Catalog SettingsWooCommerce Catalog Settings

Data produk juga merupakan salah satu untuk diawasi, ini memberi Anda pilihan untuk menampilkan atau menyembunyikan beberapa bidang pada produk Anda, itu terserah Anda memutuskan apakah Anda memerlukan bidang ini dan mengaktifkan/menonaktifkan sesuai dengan kebutuhan Anda. Demikian juga yang bersembunyi adalah pilihan peringkat. Lagi apakah atau tidak untuk mengijinkan ulasan produk adalah pilihan pribadi Anda, tapi bagus dimana WooCommerce memberi Anda pilihan untuk mengaktifkan atau menonaktifkan.

Melewati langsung ke bawah kita melihat pilihan Gambar. Di sini Anda menetapkan dimensi gambar produk, ini adalah dasarnya ukuran gambar untuk tipe posting kustom produk yang diciptakan WooCommerce bagi Anda. Gambar katalog adalah style halaman arsip Anda dengan satu gambar produk dan thumbnail produk yang persis apa yang mereka katakan. Jika Anda mengubah ukuran gambar setelah menambahkan produk maka akan perlu untuk meregenerasi gambar Anda menggunakan sesuatu seperti Plugin Regenerasi Thumbnail yang mana semua ukuran tambahan gambar media WordPress dibuat saat upload berdasarkan pengaturan ini.

Pengaturan Lainnya

Saya dengan cepat melalui beberapa pengaturan lainnya di sini karena kebanyakan sudah cukup jelas. Saya sarankan Anda mengatur situs lokal WordPress dan bermain-main dengan WooCommerce untuk memeriksa pilihan yang berbeda.

  • Pengaturan Halaman - Ingat selama aktivasi plugin kita menciptakan beberapa halaman? Di sinilah Anda dapat mengubah mereka. Anda dapat dengan mudah memperbarui halaman yang sudah dibuat (ditemukan bersama dengan semua halaman lain yang Anda miliki di situs Anda) atau Anda dapat membuat halaman baru dan link mereka dari halaman ini. Anda juga dapat mengubah struktur permalink toko Anda dari sini meskipun saya belum pernah menemukan kebutuhan personalisasi.
  • Pengaturan Persediaan - halaman kecil dan sederhana lainnya. Pada dasarnya apakah Anda ingin mengaktifkan manajemen stok atau tidak? Jika melakukannya Anda mendapatkan beberapa pilihan tentang apa yang harus dilakukan tentang persedian yang rendah dsb.
  • Pengaturan Pajak - Dari sini Anda dapat menentukan aturan pajak dengan beberapa kelas pajak dan peraturan pajak lokal. Sangat benar-benar berguna terutama untuk penjualan internasional. Seperti semua pengaturan Anda membutuhkannya atau tidak dan mematikannya sesederhana seperti kotak centang.

Jadi mudah-mudahan WooCommerce kita terinstal dan kita sudah melalui konfigurasi awal. Masih ada sedikit pekerjaan yang harus dilakukan sebelum kita dapat mulai menambahkan produk.


Mengatur Pengiriman

Berbeda dengan yang lainnya, WooCommerce dilengkapi dengan berbagai macam pilihan pengiriman dan bahkan memberikan Anda pilihan untuk mematikannya sepenuhnya jika Anda berurusan dengan produk-produk virtual atau yang dapat didownload. Opsi pengiriman yang utama memungkinkan Anda mengatur tingkat tetap biaya pengiriman domestik, internasional dan lokal dan memungkinkan Anda menentukan kelas yang berbeda seperti Hari Berikutnya, Prioritas Pengiriman dll dengan menggunakan apa yang disebut shipping classes. Anda dapat dengan mudah menetapkan negara-negara dan bidang yang memenuhi syarat metode pengiriman yang berbeda dan Anda harus bisa mendapatkan toko Anda siap dan berjalan menggunakan metode dasar ini.

Selecting Shipping MethodsSelecting Shipping MethodsSelecting Shipping Methods

Mari kita mengatur metode pengiriman. Jadi untuk toko, saya ingin mengenakan biaya tetap untuk semua pengiriman ke UK dan kemudian biaya tetap untuk pengiriman internasional. Dari pilihan pengiriman saya telah menonaktifkan semuanya kecuali "Flat Rate" dan "International Shipping". Pada halaman pilihan pengiriman utama saya telah mencentang "Enable Shipping" dan "Menyembunyikan biaya pengiriman sampai alamat dimasukkan". Saya tidak ingin kalkulator pengiriman ditampilkan sehingga menghilangkan centang ini (ini lebih digunakan ketika Anda memiliki aturan pengiriman rumit dan biaya di tempat). Sekarang saya tidak keberatan dengan pengiriman ke alamat penagihan yang terpisah sehingga saya membiarkannya, namun saya mengatur alamat penagihan sebagai alamat pengiriman default. Anda dapat melihat pengaturan saya di bawah ini.

Jadi sekarang ke biaya. Jadi yang pertama tarif flat saya; saya sudah mengaktifkannya dan mengubah "Judul Metode" menjadi UK Delivery (ini adalah apa ditampilkan di front-end). Untuk ketersediaan metode saya, saya telah menetapkan ke negara-negara tertentu dan Inggris yang ditetapkan di kotak di bawah ini. Pada orang dengan alamat pengiriman di dalam Kerajaan Inggris akan dapat menggunakan metode pengiriman ini. Berikutnya saya telah menetapkan "Jenis Perhitungan" ke Per Order dan meninggalkannya sebagai kena pajak. Biaya default saya diatur ke 4,99 saya tidak membebankan biaya penanganan.

UK Shipping SetupUK Shipping SetupUK Shipping Setup

Sekarang untuk Pengiriman Internasional saya. Saya telah mengaktifkannya, nama default "Pengiriman International" cukup masuk akal. Sekarang untuk ketersediaannya kali ini saya set ke "Tidak termasuk negara-negara yang dipilih" dan kemudian memasukkan United Kingdom. Segala sesuatu yang lain sama dengan untuk pengiriman UK kecuali harga yang telah saya tetapkan ke 7,99. Sekarang siapa pun yang memesan dengan pengiriman ke alamat UK harus melihat harga pengiriman United Kingdom dan siapa saja dengan alamat pengiriman di luar United Kingdom akan melihat harga internasional kami.

Ini adalah jelas pengaturan pengiriman sangat dasar. Anda dapat melakukan lebih banyak lagi menggunakan ekstensi pengiriman premium. Anda dapat menggunakan Ekstensi Tabel Tarif Pengiriman untuk membuat aturan pengiriman yang rumit untuk menghitung pengiriman berdasarkan berat dan dimensi produk atau biaya biaya tetap untuk item pertama dan kemudian biaya yang lebih kecil untuk tambahan item dalam keranjang (ekstensi ini sangat baik dikumpulkan dan dapat memberikan Anda pilihan yang terbatas untuk biaya pengiriman). Anda juga bisa mendapatkan ekstensi agar terhubung ke API operator pengiriman populer seperti UPS, FedEx dan USPS yang berarti Anda bisa mendapatkan harga pengiriman real-time dan akurat dari operator Anda. Sekarang Anda membayar untuk metode pengiriman tambahan tetapi biaya kecil yang terlibat seharusnya berjajar baik tanpa keuntungan apapun yang dihasilkan toko Anda dengan rata-rata ekstensi pengiriman berada di sekitar $49.


Menyiapkan Gateway Pembayaran

Oke, setup awal sudah selesai. Kami sudah mengatur metode pengiriman. Sekarang kita perlu untuk benar-benar mendapatkan uang dari pengguna kita! Seperti metode pengiriman Anda mendapatkan beberapa dasar gateway pembayaran dari paketnya. Sebagian besar dari mereka benar-benar sia-sia bagi kebanyakan toko e-commerce, hal-hal seperti Transfer Bank Langsung, Cek, Cash On Delivery. Apa yang Anda dapatkan adalah PayPal yang seharusnya baik untuk kebanyakan orang mulai keluar dan Mijireh Checkout. Mijireh adalah prosesor pembayaran yang telah bermitra dengan WooCommerce maka mengapa ia disertakan gratis. Mijireh Checkout menyediakan PCI Compliant sepenuhnya, cara aman untuk mengumpulkan dan mengirimkan data kartu kredit ke gateway pembayaran Anda sekaligus menjaga Anda mengendalikan desain situs Anda. Mijireh mendukung berbagai macam gateway pembayaran: Stripe, Authorize.net, PayPal, eWay, SagePay, Braintree, PayLeap, dan banyak lagi. Jelas Anda memerlukan akun dengan salah satu gateway pembayaran yang didukung dan serta biaya yang akan dikenakan dari gateway dan Anda juga harus membayar biaya transaksi $0,50 untuk Mijireh. Saya sendiri sudah tidak menggunakan ini karena dengan ekstensi pengiriman Anda bisa membeli tambahan modul gateway pembayaran dan memilih yang berbiaya kecil daripada biaya berulang. Pilihan ada pada Anda.

WooCommerce Payment GatewaysWooCommerce Payment GatewaysWooCommerce Payment Gateways

Untuk tutorial kami mari kita mulai dengan pengaturan PayPal. Tidak mengherankan ini mudah untuk diatur! Aktifkan itu memasukkan alamat email PayPal Anda dan Anda selesai. Anda mendapatkan beberapa pilihan lain yang dapat Anda tweak seperti awalan invoice untuk PayPal dan Anda dapat menentukan style halaman PayPal Anda. Anda juga dapat mengaktifkan atau menonaktifkan modus sandbox PayPal (diaktifkan secara default) brilian untuk pengujian toko Anda sebelum diluncurkan! Gateway pembayaran ini mungkin sedikit termudah dari seluruh pengaturan.


Kesimpulan

Jadi kita WooCommerce sudah terinstal dan pegaturan awal kami sudah lengkap, sekarang tidak terlalu menyakitkan bukan? Kami sudah mengatur metode pengiriman dan juga mengatur gateway pembayaran semuanya dengan sangat sedikit waktu atau usaha. Di artikel kedua kami, kita akan menambahkan beberapa produk dan membahas tentang jenis produk berbeda yang ditawarkan WooCommerce, kita akan melihat bagaimana gaya dan tema WooCommerce dan membahas langkah-langkah berikutnya untuk memperluas WooCommerce.

Link Berguna: Plugin WooCommerce dari CodeCanyon.

Advertisement
Did you find this post useful?
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.