Dalam tutorial step by step yang saya dapatkan dari teman baik saya
Indra Meissa, kita akan mencoba membuat sebuah toko online dengan
WordPress tanpa modal sedikit pun kecuali modal untuk akses internet
mungkin ^_^ Sebenarnya jika kita ingin membuat sebuah toko online,
yang paling cocok adalah menggunakan Joomla. Tetapi tidak ada salahnya
jika kita mencoba membuatnya dengan WordPress jika kita tidak biasa
menggunakan Joomla. Toko Online yang akan kita buat ini sangat simple
sekali dan cukup mudah digunakan. Daripada membeli script-script toko
online yang banyak dijual di pasaran internet.
WordPress yang akan di jadikan untuk bahan toturial ini adalah
WordPress versi 2.7 yang baru-baru ini di keluarkan oleh WordPress
sendiri. Selain WordPress 2.7 yang akan kita gunakan, kita juga
membutuhkan dua plugin yang akan di jadikan untuk bahan membuat toko
online ini.
Kedua plugin yang akan kita gunakan adalah plugin Quick Shop untuk
membuat toko online dan Cforms untuk membuat kontak jika pemesan sudah
melakukan order dari produk yang kita jual. Silahkan download plugin
Quick Shop Di Sini dan untuk plugin Cforms Di Sini.
Selanjutnya instal kedua plugin tersebut ke dalam WordPress kalian
masing-masing. Pastikan kedua plugin tersebut sudah di instal dan
sudah di aktifkan. Di sini tidak akan di jelaskan untuk cara instalasi
plugin. Instalasi plugin bisa langsung di instal melalui halaman
Dashboard ==> Plugins ==> Installed ==> Plugin Browser/Installer dan
di sana ada bagian untuk langsung meng-instal plugin secara otomatis.
OK, sekarang kita langsung mulai saja tutorial ini dengan terlebih
dahulu membaca doa agar semuanya lancar ^_^ Pertama-tama, pastikan
kita sudah masuk ke dalam halaman admin control panel dan memilih menu
Appearence ==> Widgets seperti gambar di bawah.
Untuk yang pertama, kita akan menambahkan widget Quick Shop terlebih
dahulu ke dalam halaman situs kita untuk membuat tampilan keranjang
belanjan nantinya. Selanjutnya carilah widget QuickShop dan langsung
saja pilih Add untuk menambahkan widget dan jangan lupa untuk menekan
tombol Save Changes untuk menyimpan perubahan.
Selanjutnya kita akan membuat form kontak dengan plugin Cfoms yang
sebelumnya sudah kita instal untuk menambahkan fasilitas kontak di
WordPress. Selain itu, Quick Shop juga menyarankan untuk memakai
plugin Cform ini, karena secara default plugin Qucik Shop ini akan
menunjukkan alamat http://contoh.com/contact jika pembeli sudah
melakukan Cekout untuk belanja.
Selanjutnya, kita beralih ke menu Pages ==> Add New untuk membuat
fasilitas kontak yang berguna untuk melakukan pemberitahuan pembelian
produk yang telah kita jual kepada pembeli produk kita.
Selanjutnya pada bagian teks editor berikanlah title atau judul dengan
nama Contactagar sesuai dengan plugin Quick Shop secara default. Jika
sudah memberikan judulnya, pilihlan icon cfII yang ada di bagian pojok
kana atas bagian teks editor seperti yang di tunjukkan pada gambar di
bawah ini.
Selanjutnya akan muncul gambar seperti di bawah ini dan langsung saja
klik tombolInsert tanpa melakukan perubahan apa pun.
Jika kita berhasil membuatnya, maka kita akan mendapatkan sebuah
halaman dengan gambar seperti di bawah ini dan beralamatkan di
http://contoh.com/contact.
Nah, sekarang kita akan memulai untuk membuat produk-produk yang akan
kita jual dan akan kita masukkan ke dalam halaman WordPress kita.
Untuk itu langsung saja melalui menu Posts ==> Add New seperti gambar
di bawah ini.
Jika sudah berada di dalam halaman Add New Post, langsung saja buat
artikel seperti biasa namun kita akan menambahkan menu untuk tombol
Add Cart yang berguna untuk meng-order produk yang kita jual. Misalnya
kita akan menjual produk baju dan contohnya seperti gambar di bawah
ini.
Jika kita sudah memberikan deskripsi lengkap tentang produk yang akan
kita jual, selanjutnya klik icon Add Quick Shop product yang ada di
atas kanan teks editor dan bergambarkan keranjang belanja untuk
memberikan harga produk yang akan kita jual. Jika kita sudah meng-klik
icon tersebut, maka kita akan melihat tampilan seperti di bawah ini
dan isikan semua data yang ada di bagian ini.
Jika sudah, selanjutnya tekan tombol Publish untuk mempubliskan produk
yang telah kita buat ini dan lihat hasilnya maka akan seperti gambar
berikut ini beserta tombol yang telah kita tambahkan untuk order
produk.
Nah, sekarang coba kita klik Add to Cart yang ada dan hasil yang akan
tampil di dalam widget Quick Shop yang pertama kita berikan masih
ingatkan ? Dan tampilan dari widget Quick Shop ini menjadi keranjang
belanja seperi gambar di bawah ini.
Jika pembeli dari produk kita hanya membeli satu priduk saja, yang
harus mereka lakukan adalah menekan tombol Proceed to Checkout dan
apabila mereka menekan tombol tersebut, otomatis mereka akan di
redirect ke bagian form kontak yang telah kita buat sebelumnya untuk
memberitahu bahwa order sudah di lakukan.
