Tutorial Cara Membuat Toko Online Profesional Basis WordPress bagian 2

Tutorial cara membuat toko online dengan wordpress – WordPress adalah CMS mengagumkan yang laris digunakan di mana-mana yang sampai saat ini menjadi yang terbaik diantara semua CMS. Dalam tutorial kali ini kita akan belajar membuat website yang memiliki fungsi toko online di dalamnya. Lebih sederhananya kita akan menciptakan sebuah toko online busana yang berfungsi penuh.
Jika Anda belum pernah membuat sebuah website toko online sebelumnya, berikut ini adalah tutorial kilat yang mungkin bisa membantu. Ada banyak plugin yang tersedia untuk membuat WordPress berfungsi sebagai toko online, tapi kita akan menggunakan WP e-Commerce.
Berikut ini yang akan kita pelajari dalam tutorial cara membuat toko online:

• Menginstal di WordPress, kemudian melakukan setting plugins WP eCommerce
• Membuat beberapa contoh product kemudian mempublishnya.

Ok.. mari kita mulai saja tutorial cara membuat toko online profesional dengan wordpress. Sebelum mulai,Saya asumsikan bahwa Anda sudah memiliki wordpress versi terbaru terinstal di server hosting anda. Bagi yang belum mengetahui bagaimana membuat blog, silahkan buka kembali cara membuat blog. Saran saya sebaiknya gunakan hosting aman dan handal seperti MWN.

1. Persiapan setting sebelum instal plugin:

• Silahkan login ke admin WordPress Anda (http://www.domaintokoonline.com/wp-admin) lalu klik Post >>All Post dan hapus  Posting default bawaan intalasi.Juga page default Pages>>All Pages.
• Klik Posts -> Categories dan buat kategori yang relevan dengan produk Anda. Di sini kita akan membuat kategori Pakaian Pria, Pakaian Wanita,Pakaian Anak-anak dan Pakaian Bayi.Isi nama kategori sekaligus deskripsinya. Anda juga harus mengubah kategori Uncategorized menjadi kategori baru yang lain.

• Sekarang kita akan mengganti Theme default dengan sebuah theme gratis untuk toko online wodpress AppCloud  (silahkan download disini ) KlikAppearance>>Themes>>Instal Themes>>Uploads lalu arahkan ke Theme ecommerce kamu. Setelah selesai,aktifkan theme.
• Buka Settings -> General lakukan perubahan berikut:
  • Site Title isi dengan nama toko online Anda misalnya Toko Online
  • Tagline dengan tagline toko Anda misalnya Semua Pakaian Murah
  • Pilih opsi Anyone can Register .
• Kemudian klik  Save Changes.

•  Edit permalink dengan klik Settings>>Permalinks  Pilih Custom Structure dan masukkan /%postname%/ lalu simpan. Permalinks menjadikan url halaman jadi lebih baik. Url hasil setting akan seperti ini: http://tokoonlinekamu.com/baju-batik.Url defaut wordpress seperti ini: http://tokoonlinekamu.com/?p=123.

• Buka Settings>> Discussions lalu hapus semua centang dari semua opsi dan simpan. Ini akan mencegah semua jenis komentar ke dalam situs e-commerce Anda.

2. Instal plugin WP e-Commerce

Untuk menginstal plugin WP eCommerce prosesnya sama saja, silahkan baca kembali Instal plugin wordpress. Setelah plugin aktif,Anda akan menemukan menu baru  Product di bawah menu Comment di halaman admin wordpress Anda. Juga menu Store berada di sub menu dari menu  Settings.
Secara ringkas proses instal plugin seperti ini:
Buka Plugins>>Add New lalu di kolom pencarian masukkan “WP e-commerce” klik Search Plugins.setelah ketemu plugin bernama WP e-commerce klik install now dan activate plugin untuk mulai memasang plugin WP e-Commerce yang merupakan plugin dasar toko online kita.

3. Setting WP e-Commerce.

Silahkan login ke halaman admin wordpress Anda http://tokoonlinekamu.com/wp-admin.
Setelah plugin terinstal, Anda akan melihat menu baru Products di dashboard dan opsi Store di bagian Settings. Menu Products ini digunakan untuk menambahkan produk yang berbeda untuk situs Toko Online Anda dan opsi Store digunakan untuk pengaturan plugin.

Di dashboard Anda, Anda juga akan menemukan tiga item baru yaitu Store Upgrades dan Sales Store Sales.
Beberapa Setting penting sebelum mengkonfigurasi plugin.

• Silakan buka Settings -> Reading
• Front page displays pilih A static page (select below) kemudian pada drop down Front page: pilih Products page. Ini akan memastikan bahwa ketika pelanggan mengunjungi situs toko online Anda, halaman produk akan ditampilkan secara default di halaman depan.

4. Membuat halaman Contact Us.

Kita akan menggunakan plugin Contact Form 7  untuk membuat halaman Contact Us. Untuk itu silahkan lakukan proses instalasinya seperti waktu instsalasi WP eCommerce tadi lalu aktifkan.
Setelah aktivasi silahkan klik pada Settings Contact Form 7 .Setting cukup mudah dilakukan,cukup isi alamat email Anda di kolom To: di bawah opsi Mail kemudian  salin kode pendek yang dihasilkan dan paste ke dalam posting,page atau dalam konten text widgets.
Contoh penggunaanya:

• kode tersebut seperti ini  [contact-form-7 id="10" title="Contact form 1_copy"]
• Buat page baru Pages>>Add New kemudian beri nama halaman Contact Us.
• Pada pilihan Edit Visual dan Html pilih HTML,paste kode ke dalam isi page.
• Klik Publish.

5.  Setting WP e-Commerce

Buka Settings>>Store. Di sini Anda dapat membuat pengaturan yang berbeda sesuai kebutuhan.
5a. General

• Base Country/Region: pilih Indonesia
• Target Markets: Pilih Indonesia sedang untuk target Internasional contreng semua negara.
• Current Type : Pilih Indonesia (Indonesian Rupiah)
•  Lalu simpan.

5b. Presentation

• Pilih Add to Cart untuk Button Type.
• Anda dapat mengaktifkan opsi tambahan dari Show Product Ratings, Show Stock Availability, Display Fancy Purchase Notifications, Display per item shipping dll.Untuk saat ini kita hanya akan memilih tampilan Display per item shipping.
•  Gird View Settings masukkan 3 products per row dan contreng Display Description, Display “Add to Cart” Button dan opsi Display “More Details” Button.
• Shopping Cart Settings; pada Cart Location pilih Widget dan contreng Display “+ Postage & Tax”:
• Anda dapat mengatur format dari gambar thumbnail produk pada Thumbnail Settings.
• Anda bisa mengaktifkan opsi lain sesuai kebutuhan Anda. Tapi untuk saat ini biarkan saja yang lainnya default.
• Simpan

5c. Admin

• Tiga opsi pertama digunakan untuk Anda yang menjual produk download seperti software, musik, game dll
• Purchase Log Email dan Purchase Receipt – Reply Address: masukkan alamat email Anda.
• Masukkan nama Anda  pada Purchase Receipt – Reply Name:
• Atur Syarat dan Ketentuan (Set Terms and Conditions) jika ada.
• Anda dapat mengedit  Purchase Receipt dan Admin Report (Penerimaan Pembelian dan format Laporan Admin) pada Custom Messages.
• Tracking responses (Pelacakan tanggapan) juga dapat dibuat dari halaman ini.
• Terakhir klik Update.

5d. (Taxes) Pajak
Di sini Anda dapat mendefinisikan aturan pajak yang sesuai dengan kebutuhan Anda. Anda juga dapat menentukan pajak per item.
5e. Shipping (pengiriman)
Kali ini kita akan menambahkan Plugin WP E-commerce yang terintegrasi dengan system penentuan tarif kirim lokal indonesia seperti JNE atau TIKI yaitu WPE-Indoshipping.Plugin ini fleksibel,jadi tidak hanya untuk JNE saja, tetapi bisa dipakai untuk semua jenis pengiriman di Indonesia yang tarifnya berdasarkan tujuan pengiriman.

1. Upload file plugin wpe-indoshipping.zip melalui plugin installer di admin WP anda.
2. Atifkan plugin ini.
3. Masuk ke bagian settings wp e-commerce –> Shipping.
4. Centang plugin ini, dan update. Ini untuk memberitahu WP E-commerce supaya system shipping kita dikenali.
5. Untuk mengganti nama Shipping sesuai dengan jasa pengiriman yang anda gunakan, tinggal klik menu Edit, dan ganti Shipping Name.

Untuk merubah harga,klik Plugin -> Editor ->Select Plugin to edit:arahkan ke WPE indoshipping klik select.
5f. Payments (Setting Pembayaran)
Di sini Anda dapat menentukan gateway pembayaran bagi pelanggan. Di antara berbagai pilihan yang tersedia, kita akan menggunakan Test Gateway danPayPal Payments Standard 2.0.
PayPal Payments Standard 2.0 dapat digunakan jika Anda memiliki account PayPal. Ini akan memungkinkan pelanggan untuk membeli produk menggunakan PayPal.
Kita juga bisa menggunakan opsi Test Gateway sebagai alat pembayaran manual. Setelah memilih dan mengedit opsi pembayaran,Anda harus memberikan semua rincian pembayaran yang di perlukan.
Perhatikan Screenshot berikut:


5g. Checkout
Pada pilihan Misc Checkout Options  aktifkan Users must register before checking out, Enable Shipping Same as Billing Option:dan Force users to use SSL.
Form Fields Anda dapat mengatur bentuk formulir checkout untuk kostumer. Anda dapat membuat bentuk formulir baru atau menggunakan default. Anda dapat mengubah Name, Type,  dan pilihan Mandatory. Anda juga dapat melakukan drag dan drop, untuk menghapus dan menentukan bidang yang berbeda berdasarkan kebutuhan Anda.

Klik Save Changes
5h. Marketing (pemasaran)
Pilihan ini digunakan untuk share dan mempromosikan produk Anda di berbagai situs jejaring sosial, RSS dan Google  Merchant Center. Untuk saat ini kita akan pilih opsi Show Share This, Customer Survey dan Facebook Like.

Klik Update.
5h. Import
Opsi impor digunakan untuk meng-upload produk secara otomatis menggunakan file csv. Kita bahas ini nanti.

Yang di bawah juga perlu di baca-

Posted in: Webdisain