Home » , , » Panduan Cara Membuat Toko Online di Blogger

Panduan Cara Membuat Toko Online di Blogger

Panduan Cara Membuat Toko Online di Blogger

Untuk proses pembuatan toko jual beli online di blogger atau blogspot ini, akan saya bagi dalam 3 bagian, pertama adalah proses peng-install-an template blogger (blogspot), kedua adalah proses listing produk (menampilkan produk dan detilnya seperti harga dan lain-lain ke dalam toko online), dan ketiga adalah proses sistem pembayaran.

Persiapan: Buat Google Account dan Login Blogger.com

Tentu saja anda harus login dengan membuat akun Blogger terlebih dahulu jika anda ingin membuat toko online di blogger!
Anda bisa dengan mudah membuat akun di Blogger dengan mengikuti video tutorial ini: Video Cara Membuat Akun di Google Account.
Setelahnya, buat blog di Blogger. Lihat tutorialnya di sini: Cara Membuat Blog di Blogger.
Sudah? Lanjut ke langkah selanjutnya…



#1 Meng-Install Template Toko Online Blogger

Anda bisa mencari template blogger gratis yang memang dikhususkan untuk toko online. Di tahap ini, saya asumsikan blog anda sudah jadi dan siap ubah menjadi toko online.
Note: Tutorial ini menggunakan setting bahasa inggris karena saya rasa bahasa Indonesia terdengar aneh untuk tutorial.
Karena awal pelanggan itu akan melihat tampilan website kita, apabila tampilan website kita gak meyakinkan maka, kredebelitas toko online kita akan jelek juga cuma gara-gara tampilan website yang kurang bagus dan menarik, seperti toko online Rakuten.co.id: Toko Online Murah, Serba Ada Barang Unik Jepang, Ekiosku.com Jual Beli Online Aman Menyenangkan, Bajumurmer.com Toko Baju Online Jual Atasan Wanita Dress Ecer Grosir Reseller Murah Yang mempunyai tampilan website yang baik sekali, dan mudah dipahami oleh pelanggannya.

Sekarang di Dashboard Blogger anda, klik nama blog anda yang baru saja anda buat.
cara membuat toko online di blogger 2 Tutorial Cara Membuat Toko Online di Blogger Gratis, Super Lengkap!
Setelahnya, lihat bagian bawah, di sidebar. Cari tulisan Template dengan ikon kuas cat. *Maaf tidak ada panah, saya lupa nambahin.
cara membuat toko online di blogger 3 Tutorial Cara Membuat Toko Online di Blogger Gratis, Super Lengkap!
Kemudian, klik di bagian kanan atas, Backup/Restore.
cara membuat toko online di blogger 4 Tutorial Cara Membuat Toko Online di Blogger Gratis, Super Lengkap!
Sampai tahap ini, anda akan melakukan proses upload blogger template. Nah, tentu anda harus punya template toko online nya dulu donk…
Jika anda belum punya template toko online blogger yang bagus, kenalan saya, Rifki Aria Gumelar telah mendesain sebuah template toko online yang cantik dan ciamik, dengan fitur yang cukup lengkap dan canggih untuk kategori toko online blogspot gratisan.
Anda bisa download di website nya Om Agus Ramadhani (yang membantu mempopulerkan theme ini) secara langsung: Blogger Store v2
 Tutorial Cara Membuat Toko Online di Blogger Gratis, Super Lengkap!
Atau download di sini: Blogger Store v2 Mirror (server saya).
Setelah itu, ekstrak file ZIP yang baru saja anda download, cari file dengan ekstensi XML (bloggerstore-v2.xml). *Jangan lupa baca read more nya.
Kembali ke dashboard blogger anda, jendela seperti gambar di bawah akan terbuka setelah anda klik Backup/Restore.
cara membuat toko online dengan blogger 6 Tutorial Cara Membuat Toko Online di Blogger Gratis, Super Lengkap!
Klik Browse dan cari file bernama bloggerstore-v2.xml tersebut, klik Upload.
Jika anda melakukannya dengan benar, anda akan melihat template anda sudah terganti dengan template toko online baru anda yang ciamik. Klik View Site di bagian atas untuk melihat blog (toko online) baru anda.

#2 Menambahkan Produk ke Toko Online Blogger Anda

Okay, template sudah ter-install. Tapi akan terasa ‘hampa’ alias kosongan karena memang belum kita isi apa-apa…
Sekarang waktunya untuk menambahkan produk di toko online Blogger baru kita.
Beruntung bagi anda, sangat mudah untuk menambahkan produk di toko online ini. Klik saja tombol New Post di dashboard anda.
cara membuat toko online di blogger 7 Tutorial Cara Membuat Toko Online di Blogger Gratis, Super Lengkap!
Di halaman Post ini, ganti format penulisan ke HTML.
cara membuat toko online di blogger 8 Tutorial Cara Membuat Toko Online di Blogger Gratis, Super Lengkap!
Kemudian tambahkan produk dalam template HTML yang sudah di sediakan.
Jika anda malas melihat file TEMPLATE POST.txt yang ada di file ZIP yang baru saja anda download, salin saja kode di bawah ini sebagai template HTML produk baru anda.

<div class="item_image">
<img border="0" class="item_thumb" src="image.jpg" />
<span class="item_price">$00.00</span>
</div>
<div class="item_Description">
Descriptions... </div>

Kemudian masukkan data mengenai produk anda sesuai tempat yang seharusnya.
Contoh:
<div class="item_image">
<img border="0" class="item_thumb" src="link ke gambar anda "/>
<span class="item_price">$10.00</span>
</div>
<div class="item_Description">

</div>

Tas punggung pink cantik dengan kualitas terbaik, Software erp indonesia, cocok untuk tas sekolah anak, iconia pc tablet dengan windows 8, ESER Unlimited Power Bank, Masterbet88 Grand Opening Promo Bonus 50% Sportsbook dan Casino Online
Agen Bola Ligabet88 Promo Bonus 100% IBCBET SBOBET 368BET bla-bla-bla...

Ubah “link ke gambar anda” dengan link beneran yang mengarah ke gambar produk anda. Upload gambar ke Blogger seperti biasa dan salin URL gambar anda ke bagian ini.
“$10.00″ ubah dengan harga produk anda.
“Tas punggung pink cantik dengan kualitas terbaik, simple dan plain, cocok untuk tas sekolah anak, bla-bla-bla…” ubah dengan deskripsi mengenai produk anda.
Selesai? Kini berikan Label, label “Backpack” saya gunakan dalam contoh kasus saya. Kemudian klik “Publish“!
Jika semuanya berjalan lancar, seharusnya anda akan melihat hal yang kurang lebih seperti ini.
cara membuat toko online di blogger Tutorial Cara Membuat Toko Online di Blogger Gratis, Super Lengkap!

Hm… terlihat agak sepi yah…
Tentu saja, karena masih satu produk yang ditambahkan ke toko online anda. Anda harus tambahkan lebih banyak produk lagi agar toko online anda tampak lebih bagus.

cara membuat toko onine di blogger 9 Tutorial Cara Membuat Toko Online di Blogger Gratis, Super Lengkap!

Hm… jauh lebih baik.
Saya serahkan proses kustomisasi sepenuhnya pada anda. Ini alasan kenapa saya malas berurusan dengan blogger lagi. Sangat-sangat repot dan tangan harus kotor dengan kode-kode yang saya tidak mengerti. Hahahahaha….

#3 Proses Pembayaran

Ada kelemahan dari toko online Blogger, pertama adalah mata uang tergantung dari mata uang yang didukung oleh PayPal. Benar, toko online kita di atas menggunakan PayPal sebagai proses pembayaran. Yang artinya tidak support mata uang rupiah untuk sementara ini.
Bisakah jika kita ingin menjual produk dengan mata uang rupiah? Bisa. Tapi tak ada proses checkout untuk anda. Dan setahu saya, konsekuensinya adalah keranjang belanja di atas kanan itu bakalan tak ada gunanya.

Proses order dilakukan secara manual melalui transfer bank, beri tahu bagaimana cara agar pengunjung anda bisa melakukan order terhadap produk anda. Misal order melalui email atau SMS.contohnya anda dapat bekerja sama dengan bank-bank yang besar dan terpercaya di indonesia ini seperti Bank BCA, Bank Mandiri Bank Terbaik di Indonesia, Bank BNI, Bank BRI, dsb.

Untuk ide proses pembayaran anda bisa baca post saya yang ini atau lihat video saya dimana saya menunjukkan pada anda bagaimana saya membuat informasi pemesanan yang sangat jelas di sidebar toko online saya: Video Tips & Trik Toko Online Professional.

Untuk proses pengaturan jika anda ingin menggunakan fasilitas pembayaran melalui PayPal, silakan merujuk ke dokumentasi dari mas Rifki Aria Gumelar di blognya sendiri: http://javatemplates.com/blog/installing-and-customize-blogger-store-v2/
Dan saya rasa, cukup post ini… Saya yakin sekarang anda sudah tahu cara langkah demi langkah membuat Rakuten.co.id toko online di Blogger.

0 comments:

Post a Comment

 
Support : Your Link | Your Link | Your Link
Copyright © 2013. Dunia Teknologi dan Informasi - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger