Membuat Toko Online Sederhana

Posted: Juni 22, 2009 in Tak Berkategori
Tag:

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.
sumber : teman baik saya indrameissa

About these ads
Komentar
  1. Bajuri mengatakan:

    Kok icon add quickshop yang diatas kanan teks editor nggak muncul ya ? pusing mode:”on”

  2. boediharyanto mengatakan:

    Om, kasih gambarnya ya !!!
    Biar lebih mantap

Berikan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Logout / Ubah )

Twitter picture

You are commenting using your Twitter account. Logout / Ubah )

Facebook photo

You are commenting using your Facebook account. Logout / Ubah )

Google+ photo

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s