Menulis tutorial berseri menurut saya lumayan seru, karena bahasannya bisa lebih spesifik dan tertantang untuk nerusin terus.. Edisi kali ini kita lagi nglanjutin serial webstore yang Alhamdulillah sudah masuk ke seri ke 4. Sebagai panduan bagi Anda yang akan merintis toko online nya, atau bagi yang seneng ngoprek, siapa tahu nantinya bermanfaat ya ?. Amien.
Melanjutkan tulisan sebelumnya setelah kita menambahkan produk kita, masih ada kejanggalan yakni mata uang yang muncul koq masih mata uang asing ya ?. Emangnya ada apa dengan Rupiah ?.he. Yang belum nyambung bisa lihat ke bawah ini. Lihat pada kotak merah, masih pake pecahan dollar.
Lha trus, emangnya gak ada fasilitas buat nambhakan mata uang ?. begitu sebagian pertanyaan pengunjung setia blog ini. Oke, akan saya coba saya tunjukkan fasilitas menambahkan mata uang dari plugginnya. Silakan masuk lewat Dashboard kemudian klik WP Online Store
Masuk ke link LOCATION / TAXES >> Currencies
Kemudian akan nampak link + New Currency
Pada deretan mata uang disana, silakan cari mata uang Rupiah apakah ada ?. Nampaknya tidak ada saudara-saudara..he.he. Huruf “I” saja, hanya ada India dan Israel.
Tapi tidak usah berkecil hati sampai disini, Defaultnya walaupun disitu hanya ada Euro dan Dollar. Kita bisa melakukan editing dan oprek dikit. Gimana caranya ?
1. Perhatikan pada mata uang “Euro” di sebelah kanannya maka anda akan melihat link Edit silakan klik link tersebut.
2. Kemudian silakan ganti title, Code, Symbol Left dan seterusnya sama dengan gambar dibawah ini. pastikan checklist Set as default agar dianggap sebagai default mata uang. Akhiri dengan SAVE.
3. Oke, sampai disini sudah selesai langkah-langkahnya. Sekarang masuk ke tampilan depan webstore kita http://localhost/wordpress kemudian refresh (tekan F5) di browsernya dan lihat apa yang terjadi. Di beberapa kali pengujian membutuhkan restart servernya karena ada sebagian cache yang masih tertahan di browser. Namun kalo dengan refresh saja sudah beres sih tidak jadi soal. Lihat hasil akhirnya di bawah ini.
Gampang kan pake Rupiah sebagai mata uang ?. Silakan mencoba ya.. Nantikan edisi berikutnya edisi webstore ini :). Semoga bermanfaat !
Selamat siang pengunjung setia dedysetyo.net, semoga senantiasa sukses dalam segala aktivitasnya. Menyambung tulisan berseri membangun web store kita pada tulisan sebelumnya. Asumsinya anda telah berhasil melakukan instalasi wordpress dan aktivasi plugin WP-Online-Store anda.
Pada tulisan ini akan saya uraikan lebih khusus pada bagaimana menambahkan produk untuk jualan anda. Oke, sebagai orang yang mau buka toko tentunya anda telah menyiapkan produk yang mau dijual ya kan ?..wah, kalo gak ada barang yang mau dijual, trus mau jualan apa donk..he.he.
Menggunakan plugin WP-Online-Store, sebenarnya kita sudah otomatis diberikan sample produk, sample-sample itu bisa kita lihat melalui langkah-langkah berikut ini :
1. Masuk pada halaman dashboard, melalui http://localhost/wordpress/wp-admin kemudian masukkan User : admin dan Password : 123456 (user dan password silakan sesuaikan dengan instalasi Anda)
2. Begitu sudah masuk, silakan klik Add New di lajur kiri di bawah jendela Pages seperti tampak pada gambar berikut.
3. Buat judul misal : Toko Online, kemudian klik pada ikon trolly (jika anda telah aktivasi modul WP-Online-Store maka ikon ini otomatis ada)
4. Lanjutkan dengan klik Publish pada sisi sebelah kanan untuk mempublikasi page yang baru saja anda buat.
5. Untuk melihatnya, pada link diatas dashboard di sebelah kiri atas, arahkan mouse anda nanti akan ada hover down link bertuliskan Visit Site
6. Nah penampakannya seperti ini, kemudian lanjutkan klik primary link TOKO ONLINE
Berikut merupakan tampilan contoh dari sample produk bawaan nya. Ini memberikan gambaran bagi kita bahwa jika kita nanti membangun toko online dengan baik, akan muncul seperti pada tayangan tersebut.
Oke sudah cukup melihat sample produk-produk tersebut, contoh-contoh ini silakan dilihat dulu untuk compare dengan produk kita nanti. Namun menurut saya, saya koq merasa lebih ribet ya, jika produk kita bercampur dengan produk-produk sample ini. Mending sample-sample ini kita hapuskan saja ya, sepakat ?. Kalo anda sepakat dengan saya, caranya begini :
Melalui link di WP Online Store di dashboard silakan di klik
Masuk pada tombol QUICK START >> Delete Demo Products
Ikuti dengan klik Yes
maka tak seberapa lama, akan muncul keterangan bahwa sample produk tersebut telah terdelete “All Default Products are formatted”
sekarang kita akan memunculkan produk-produk kita sendiri, siapkan display produk anda sekarang. Sebagai contoh, di tutorial ini saya akan entry 2 produk gadget terbaru. Saya siapkan gambarnya terlebih dulu seperti ini :
Contoh 1 Untuk Gadget Kategori Android. HTC One X
Harga : Rp.5.000.000
Spesifikasi:
Beats Audio
Active noise cancellation with dedicated mic
TV-out (via MHL A/V link)
SNS integration
MP4/H.263/H.264/WMV player
MP3/eAAC+/WMA/WAV player
Google Search, Maps, Gmail,
YouTube, Calendar, Google Talk
Document viewer/editor
Voice memo/dial/commands
Tipe Layar Super IPS LCD2 capacitive touchscreen, 16M colors
Ukuran Layar 720 x 1280 pixels, 4.7 inches
Proteksi Layar Corning Gorilla Glass
HTC Sense UI
Memori Internal 32 GB (26 GB user-available) storage, 1 GB RAM
Sistem Operasi Android OS, v4.0 (Ice Cream Sandwich)
Ragam Pesan SMS (threaded view), MMS, Email, Push Email
Ragam Ringtone Vibration, MP3, WAV ringtones
Audio Port 3.5mm jack
dan ini juga :
Contoh 2 Untuk Gadget Kategori Android. Samsung Galaxy Tab
Google Search, Maps, Gmail, YouTube, Calendar, Google Talk, Picasa integration
Voice memo/dial/commands
Predictive text input (Swype)
Prosessor
Quad-core 1.6 GHz Cortex-A9
Jaringan
GSM
2G Network : GSM 850 / 900 / 1800 / 1900
3G Network : HSDPA 850 / 900 / 1900 / 2100
HSDPA 850 / 900 / 2100 – N7105
4G Network : LTE 800 / 900 / 1800 / 2600 – N7105
Model SIM CardMicro-SIM
saya siapkan juga gambar untuk icon kategori Gadget Android seperti ini
Setelah menyiapkan gambarnya, perlu juga anda persiapkan yaitu : Spesifikasi produk dan Harga.
Setelah semuanya siap, dari mana kita mulai ?.
1. Kita akan membuat kategori produknya terlebih dahulu, misalnya: Gadget Android. Silakan masuk pada konfigurasi WP-Online-Store anda di dashboard, kemudian dapatkan link nya seperti tampilan dibawah ini. Klik pada QUICK START >> Categories/Products
Pada bagian Categories/Products silakan klik New Category
Silakan tambahkan category baru, yang perlu diisikan ada Nama, Deskripsi dan Gambar. Seperti nampak di bawah ini, akhiri dengan SAVE ya.
Oke, sudah berhasil ditambahkan satu kategori baru yakni “Gadget Android”
2. Setelah berhasil ditambahkan kategorinya, kemudian kita tambahkan produk baru, klik “New Product”
Pada jendela baru ini, ada beberapa isian yang akan kita entry,
Product Status : Status Produk (pilih In Stock, maksudnya ready stok)
Date Available : Tersedia sejak tanggal
Products Manufacturer : Pabrik pembuat
Products name : Nama Produk (Isikan HTC One X)
Tax Classes : Kelas Pajak
Products Price (Net) : Harga Produk Bersih
Products Price (Gross) : Harga Produk kotor
Deskripsi Produk : Silakan masukan informasi yang anda tahu tentang produk
Input Gambar yang telah disediakan
Akhiri dengan SAVE.
Pada tampilan di bawah ini, nampak produk tadi sudah selesai kita buat.
Sekarang anda masuk pada tampilan toko nya. Maka jika berhasil akan didapati display menarik seperti ini. Oke, selamat ya, anda telah berhasil memasukkan produk baru. Memasukkan produk-produk lainnya caranya sama saja koq.
Ada satu hal perhatian dari produk kita dimana kita bertransaksi kebanyakan dengan orang Indonesia, maka akan kita sesuaikan mata uang/Currency untuk transaksi jual beli ini. Nantikan tipsnya di tulisan berikutnya ya ..he.he
Melanjutkan tutorial sebelumnya disini, diasumsikan anda telah berhasil melakukan instalasi wordpress di pc anda. Sekarang kita lanjutkan bahasan tentang apa saja yang diperlukan lebih spesifik untuk membuat wordpress tersebut menjadi webstore siap pakai.
Jika anda mengenal pernah bermain-main dengan CMS (Content Management System) lain sebelumnya, maka pastilah pernah kenal dengan istilah plugins/module. plugins ini diperlukan untuk customize web kita agar dapat sesuai dengan tujuan pembuatan. Nah, wordpress sebagai salah satu CMS yang populer dengan banyaknya plugins yang tersedia, ratusan bahkan ribuan plugins disediakan untuk memnuhi kebutuhan anda. Ada yang berbayar, namun banyak juga yang gratis !. Sebagai penikmat gratisan.he.he..kita akan menggunakan plugin yang diberi nama oleh developer nya wp-online-store yang bisa didownload disini. Plugin ini kita perlukan untuk membuat wordpress menjadi webstore yang handal. Lumayan update pula, karena terakhir kali diupdate pada 10 April 2013 yang lalu.
Persiapan :
1. Silahkan download plugin wp-online-store yang bisa didownload disini. Bagi siswa NFBS di jaringan lokal bisa unduh disini
2. Simpan pada folder E:\xampp\htdocs\wordpress\wp-content\plugins (sesuaikan dengan instalasi xampp anda). Lihat ilustrasi gambar di bawah ini.
Jika sudah, mari kita mulai. Langkah-langkahnya kemudian :
3. Ekstrak filse dengan ekstensi zip teresbut. Jika anda menggunakan winrar tinggal klik kanan kemudian klik Extract Here
Sehingga akan muncul satu folder baru yang bernama wp-online-store
4. Login pada halaman dashboard melalui http://localhost/wordpress/wp-admin, masukkan user: admin dan password : 123456 (sesuaikan dengan instalasi wordpress anda sebelumnya).
Kemudian pada sisi sebelah kiri, anda akan mendapati link Plugins dan silakan di klik link tersebut. Seperti tampak pada gambar dibawah ini.
Anda akan mendapati beberapa plugin bawaan wordpress saat instalasi dan plugin yg bernama WP Online Store, lakukan aktivasi dengan cara klik Activate
Proses aktivasi plugin ini sebenarnya tergantung performa komputer anda, tunggu sampai muncul halaman baru yang berisi keterangan bahwa plugin telah diaktifkan, Plugin activated
5. Jika telah aktif, maka telah nampak link untuk konfigurasi WP Online Store pada sisi kiri bagian paling bawah.
Oke, sampai disini sebenarnya pemasangan dan aktivasi plugin WP Online Store telah selesai. Berikutnya, kita akan seting sedikit tentang identitas toko online kita. Saya akan coba berikan sample tentang perubahan atribut toko online baru kita. Oke, masuk lewat link seperti gambar diatas, kemudian pada Quick Start klik My Store
6. Pada jendela baru di My Store, klik Store Name di link Action, kemudian Edit. Seperti gamabr di bawah ini.
Pada Store Name silakan isi dengan nama toko anda, semisal : “Toko Online Dedy” lanjutkan dengan Save
Lakukan hal yang sama pada atribut yang lain, misalnya Store Owner (pemilik toko), Email Address dll. Klik edit di sisi sebelah kanan, kemudian ganti sesuai isian anda dan SAVE.
Sampai disini toko anda sebentar lagi akan launching, tak terasa 5 menit telah berlalu ya ?. Dengan sesi 1 sebelumnya dan sesi ini berarti kita telah memakan waktu 15 menit. Ikuti terus serial berikutnya ya..
Membangun Toko Online, bagi yang ingin belajar wirausaha /serius usaha, saat ini tidak sesulit jaman dulu. Menggunakan wordpress sebagai salah satu CMS terpopuler di dunia, kita akan membahas step demi step bagaimana membangun toko online ini selesai dalam 30 menit saja. Ciyus ?. beneran lho.. emang sebegitu mudahnya ?. Ikuti dan praktekkan pembahasannya satu persatu. Seri 1 ini akan membahas instalasi wordpress ke dalam PC lokal, targetan saya, semua ini hanya akan dilakukan kurang dari 10 menit saja!. Harapannya bagi anda yang belum memiliki hosting berbayar, bisa mencobanya dengan mudah !.
Skenario ;
1. WordPress akan diinstal menggunakan pc lokal (OS Windows XP/7/8) sebagai servernya
2. Butuh koneksi internet untuk mendownload beberapa software pendukung, setelah instalasi maka praktis tidak diperlukan koneksi internet.
Langkah-langkahnya :
1. Download XAMPP disini, kemudian installkan di pc anda. Maka anda akan langsung mendapatkan apache web server, php sebagai bahasa pemrogramannya, mysql sebagai databasenya, mercury untuk mail server dan ftp server. Instalasi XAMPP pada tutorial ini terletak pada E:\xampp. Anda dapat menyesuaikan dengan folder instalasi anda ya 🙂
2. Download source wordpress disana, kemudian taruh di E:\xampp\htdocs. Lihat gambar dibawah ini
3. Ekstrak file zip yang telah anda download barusan, jika menggunakan winrar anda tinggal lakukan klik kanan kemudian klik Extract Here
4. Kemudian akan didapatkan folder baru dengan nama wordpress
5. Jalankan service apache dan mysql lewat folder E:\xampp klik xampp-control.exe
6. Kemudian untuk melakukan instalasi, pada browser silakan ketikkan http://localhost/wordpress seperti pada gambar dibawah ini, lanjutkan dengan klik Create a Configuration File
7. Pada jendela berikutnya klik Let’s go!
8. Lakukan pembuatan database, buka tab baru (tekan CTRL+T bersamaan), kemudian akses http://localhost/phpmyadmin, kemudian klik pada ikon Databases
9. Buat nama database semisal dbdedy lanjutkan dengan klik Create lihat gambar peraga dibawah
10. Kembali pada tab browser sebelumnya, silakan isikan nama database dan konfigurasi lainnya, seperti gambar dibawah ini, akhiri dengan klik Submit 11. Nah, pada jendela berikutnya klik Run the install 12. Oke, selanjutnya tulis informasi yang diperlukan disini, ada
Data isian ini hanya contoh saja, anda dapat menyesuaikan dengan isian lainnya
Site Title (Judul Site) : Toko Online Dedy
Username : admin
Password (isikan 2x) : 123456
E-mail : bebas
Privacy : boleh di checklist/tidak
Akhiri dengan klik Install WordPress 13. Jika muncul tulisan Success !, artinya instalasi anda telah berhasil. Anda dapat melakukan login dan konfigurasi macam-macam melalui http://localhost/wordpress/wp-admin
Sedangkan untuk user umum, hanya akan melihat pada http://localhost/wordpress
Mudah bukan ?. Tak terasa hanya 10 menit berlalu. Selamat mencoba !