Cara Membuat Toko Online Mudah dan Gratis

Cara Membuat Toko Online Mudah dan Gratis - Sekarang ingin membeli baju, sepatu, dan handphone sangat mudah. Tinggal duduk manis didepan laptop lalu membeli barang dan beberapa hari kemudian barang yang diinginkan sudah sampai didepan pintu anda. Inilah yang dinamakan belanja online. Di indonesia sendiri belanja online memang lagi mara-maraknya. Hal ini dikarenakan mudahnya berbelanja online tanpa harus keluar rumah, tanpa macet macetan di jalan, dan tentunya tidak akan kepanasan. Dengan adanya belanja online ini selain menguntungkan pembeli, penjual juga mendapatkan keuntungan. Keuntungan penjual sendiri ialah :

- Tidak perlu membuka toko fisik yang membutuhkan biaya besar

- Buka 24 jam

- Lebih hemat biaya dan waktu

- Pembeli lebih banyak karena mencakup seluruh Indonesia, bahkan bisa seluruh dunia

Banyak sekarang penjual yang beralih ke toko online karena banyak kelebihannya. Maka dari itu kangtips.com sekarang akan memberikan tips tentang "Cara Membuat Toko Online Mudah dan Gratis". Membuat toko online itu gampang gampang susah. Tetapi disini admin akan memberikan tips yang paling mudah untuk para pemula yang belum ada dasar apa-apa menjadi bisa dan ahli. Kangtips.com akan mengajarkan mulai dari cara membuat akun gmail/google, cara membuat blog, dan cara mengganti template dengan template toko online serta cara pemakaiannya. Berikut ini adalah langkah langkah untuk membuat toko online :

1. Membuat Akun Google/Gmail

Langkah pertama yaitu kita harus membuat akun gmail. Untuk apa kita membuat akun gmail ? akun ini digunakan untuk membuat blog yang nantinya akan dijadikan sebagai toko online kita. Untuk caranya silahkan anda membaca artikelnya di "Cara Membuat Email Gmail"

2. Membuat Blog di Blogger

Langkah selanjutnya ialah membuat blog di blogger. Blogger merupakan platform untuk membuat sebuah blog yang dibuat oleh google. Blogger sendiri merupakan platform yang mudah untuk dipakai dan simple. Akan tetapi memiliki fitur yang lengkap dan memberi kebebasan bagi penggunanya untuk mengedit blognya. Hal inilah mengapa kangtips.com memilih blogger sebagai platform yang tepat untuk membuat toko online. Silahkan anda ikuti langkah langkah membuat blog di blogger di artikel "Cara Membuat Blog Terbaru Gratis dan Mudah".

3. Mengganti Blog Menjadi Sebuah Toko Online

Setelah membuat blog, kita akan mengganti template blog itu tadi dengan template toko online yang saya dapatkan dari salah satu situs penyedia template toko online yaitu javatemplates.com. Gambar diatas merupakan toko online yang kangtips.com buat dan memakai template dari javatemplates.com. Untuk mengganti template tersebut silahkan ikuti gambar di bawah ini :

A. Mengganti Template

1. Silahkan anda download template toko online dari javatemplates.com di sini

**(hilangkan tanda centang saat ingin mendownload)

2. Masuk ke dashboard blogger anda, lalu pada menu sidebar pilih template.

3. Lalu didalam template, anda klik cadangkan/pulihkan

4. Klik Browse untuk mencari template yang sudah didownload tadi

5. Setelah ketemu file template yang mau di upload, klik open

6. Langkah selanjutnya ialah mengunggah file tadi dengan cara mengklik tombol unggah.

B. Instalasi/Customize Template

Hal yang dilakukan selanjutnya ialah memodifikasi template kita tadi. Perlunya modifikasi ini untuk memaksimalkan template tersebut. Disini kita akan memodifikasi beberapa yaitu :

Setelan Shopping Cart

1. Masuk ke Template > Edit HTML

2. Klik sekali dimana saja yang terpenting didalam kotak

3. Tekan di keyboard CTRL + F lalu akan keluar kotak pencarian

4. Pindahkan kursor anda ke dalam kotak pencarian lalu masukkan dan cari kode seperti dibawah ini

simpleCart.currency = USD;

5. Setelah ketemu, ganti USD ke IDR

6. Hal ini dilakukan agar $ di Shopping Cart berganti menjadi Rp

Setelan Menu Header Paling Atas

1. Masuk ke HTML > Edit HTML

2. Klik sekali dimana saja yang terpenting didalam kotak

3. Tekan di keyboard CTRL + F lalu akan keluar kotak pencarian

4. Pindahkan kursor anda ke dalam kotak pencarian lalu masukkan dan cari kode Category

(Tekan enter lagi jika belum menemukan). Kodenya seperti dibawah ini

<ul id='top-nav'>
<li><a href='#'>Home</a></li>
<li><a href='#'>Category</a>
<ul class='sub-menu'>
<li><a href='#'>Category 1</a></li>
<li><a href='#'>Category 2</a></li>
<li><a href='#'>Category 3</a></li>
</ul>
</li>
<li><a href='#'>Contact</a></li>
<li><a href='#'>About</a></li>
</ul>

5. Setelah ketemu, silahkan otak atik menu dibawahnya seperti category, contact, dan about
sesuai dengan keinginan. simbol # diganti dengan link tujuan. Admin yakin bahwa anda pasti
pintar dan mengerti.

Contoh sesudah diganti :

<ul id='top-nav'>
<li><a href='http://kangtips.com'>Home</a></li>
<li><a href='#'>Category</a>
<ul class='sub-menu'>
<li><a href='http://kangtips.com/search/label/Sepatu'>Sepatu</a></li>
<li><a href='http://kangtips.com/search/label/Sandal'>Sandal</a></li>
<li><a href='http://kangtips.com/search/label/Sandal%20Sepatu'>Boots</a></li>
</ul>
</li>
<li><a href='http://www.kangtips.com/p/contact.html'>Contact</a></li>
<li><a href='http://www.kangtips.com/p/about.html'>About</a></li>
</ul>

Setelan Menu

1. Masuk ke HTML > Edit HTML

2. Klik sekali dimana saja yang terpenting didalam kotak

3. Tekan di keyboard CTRL + F lalu akan keluar kotak pencarian

4. Pindahkan kursor anda ke dalam kotak pencarian lalu masukkan dan cari kode Product Category.

(Tekan enter lagi jika belum ketemu). Kodenya seperti dibawah ini

<ul class='nav'>
<li><a class='current' href='/'>Home</a></li>
<li><a href='#'>Product Category</a>
<ul>
<li><a href='#'>Camera</a></li>
<li><a href='#'>Gadget</a></li>
<li><a href='#'>Electronic</a></li>
<li><a href='#'>Phone</a></li>
</ul>
</li>
<li><a href='#'>Sample Page</a></li>
<li><a href='#'>How To Use ?</a></li>
<li><a href='#'>Get it !</a></li>
</ul>

5. Setelah ketemu, silahkan otak atik menu dibawahnya seperti product category, camera, gadget,
electronic, phone, sample page, how to use, dan get it sesuai dengan keinginan. simbol # diganti
sesuai dengan link tujuan. Admin yakin bahwa anda pasti pintar dan mengerti.

Contoh sesudah diganti :

<ul class='nav'>
<li><a class='current' href='/'>Home</a></li>
<li><a href='#'>Product Category</a>
<ul>
<li><a href='http://kangtips.com/search/label/Camera'>Camera</a></li>
<li><a href='http://kangtips.com/search/label/Gadget'>Gadget</a></li>
<li><a href='http://kangtips.com/search/label/Electronic'>Electronic</a></li>
<li><a href='http://kangtips.com/search/label/Phone'>Phone</a></li>
</ul>
</li>
<li><a href='http://kangtips.com/search/label/Sample'>Sample</a></li>
<li><a href='http://kangtips.com/search/label/Use'>Use?</a></li>
<li><a href='http://kangtips.com/search/label/Get'>Get</a></li>
</ul>

Setelan Menu Social Media

1. Masuk ke HTML > Edit HTML

2. Klik sekali dimana saja yang terpenting didalam kotak

3. Tekan di keyboard CTRL + F lalu akan keluar kotak pencarian

4. Pindahkan kursor anda ke dalam kotak pencarian lalu masukkan dan cari kode top_social seperti dibawah ini

<ul id='top_social'>
<li class='social_facebook'>
<a href='#' tooltip='facebook'><span>facebook</span></a></li>
<li class='social_twitter'>
<a href='#' tooltip='twitter'><span>twitter</span></a></li>
<li class='social_linkedin'>
<a href='#' tooltip='linkedin'><span>linkedin</span></a></li>
<li class='social_rss'>
<a href='#' tooltip='linkedin'><span>linkedin</span></a></li>
</ul>

5. Setelah ketemu, ganti simbol # dengan link yang sesuai dengan social medianya
Admin yakin bahwa anda pasti pintar dan mengerti.

Jika Ingin Menghapus Shopping Cart
1. Masuk ke Template > Edit HTML
2. Klik sekali dimana saja yang terpenting didalam kotak
3. Tekan di keyboard CTRL + F lalu akan keluar kotak pencarian
4. Pindahkan kursor anda ke dalam kotak pencarian lalu masukkan dan cari kode seperti dibawah ini

<b:if cond='data:blog.pageType != "static_page"'>
<a class='item_add' href='javascript:;'>Add to Cart</a>
<b:if cond='data:blog.pageType != "item"'>
<a class='more_info' expr:href='data:post.url' expr:title='data:post.title'>More Info</a>
</b:if>
</b:if>

5. Setelah ketemu, hapus kode tadi.

Setelan More Info

1. Masuk ke Template > Edit HTML

2. Klik sekali dimana saja yang terpenting didalam kotak
3. Tekan di keyboard CTRL + F lalu akan keluar kotak pencarian
4. Pindahkan kursor anda ke dalam kotak pencarian lalu masukkan dan cari kode seperti dibawah ini

<a class='more_info' href='javascript:;'>More Info</a>

5. Setelah ketemu ganti menjadi

<a class='more_info' expr:href='data:post.url' expr:title='data:post.title'>More Info</a>

Slider Gambar-Gambar Produk
Slider hanya muncul dan sempurna (alias tidak acak acakan) ketika postingan anda sudah mencapai minimal 6 postingan.

C. Memposting Produk Jualan

Setelah kita mengganti template blog dengan template tadi, sekarang kita akan mempelajari bagaimana memposting produk yang ingin di jual. Cara posting menggunakan template ini agak berbeda. Kita diharuskan untuk menggunakan script setiap ingin posting. Penggunaan Script ini sangatlah mudah. Langsung saja kangtips.com akan memberikan script + tutorial penggunaannya.

Script :

<div class="item_image">
<img border="0" class="item_thumb" src="disini gambarmu.jpg" />
<span class="item_price">Rp 0,000</span>
</div>
<div class="item_Description">
Diskripsi anda disini
</div>

Untuk pemasangan nya saya buatkan videonya untuk lebih mudah :

**Tambahan : Kalau videonya kurang jelas, caranya dengan klik full screen > setelan > 720 P

**Tambahan : Untuk melihat url gambar dan memasukkan script silahkan berpindah dari mode postingan Compose ke mode HTML.

Jika anda ingin mengetahui jadinya, anda bisa mengunjungi toko online percobaan admin di arthabatuakik.blogspot.com

Admin Kangtips.com, membuka jasa pembuatan toko online menggunakan template Blogger Store V2. Jika ingin contohnya silahkan kunjungi arthabatuakik.blogspot.com. Biaya pembuatan toko online termurah se-Indonesia. Cukup membayar 50 ribu rupiah, anda sudah bisa mendapatkan toko online yang berkualitas. Jika ingin respond yang cepat, bisa sms di nomor 085269884210 atau hubungi melalui menu contact yang terdapat di menu paling atas blog kangtips.com dan bisa juga melalui facebook dengan nama Muhammad Ady Bagus Rahmansyah .

Demikian tips tentang cara membuat toko online mudah dan gratis. Semoga dengan artikel ini dapat membantu para penjual di dunia maya untuk memudahkan penjualannya. Jika ada hal yang ingin ditanyakan silahkan berkomentar.