Lompat ke konten Lompat ke sidebar Lompat ke footer

Blog Jualan: Membuat Toko Online Blogspot dengan Mudah

Cara Membuat Toko Online Blogspot Gratis Terbaru dan Lengkap

Membuat sebuah toko online sekarang ini memang sangat banyak diminati, terlebih lagi zaman serba digital saat ini sudah mulai menjadi kebutuhan gaya hidup bagi orang lain untuk berbelanja secara online.

Mengingat potensi berjualan online saat ini banyak peminatnya! Mulai dari anak remaja, Ibu Rumah Tangga dan orang yang sudah tua pun juga sangat tertarik untuk berjualan secara online.

Maka dalam pembahasan kali ini, saya akan memberikan tutorial lengkap tentang pembuatan toko online yang bisa Anda ikuti untuk diperaktekan.

Perlu dicatat, jika untuk membuat sebuah toko online itu harus mengeluarkan biaya. Mulai dari biaya hosting (tempat penyimpanan server), domain (alamat toko online) dan juga tema (tampilan toko online).

Semua itu harus Anda siapkan biayanya untuk bisa membuat toko online yang cukup mudah dan instan tanpa rebit.

Cara Membuat Toko Online Blogspot Gratis Terbaru dan Lengkap
Ilustrasi membuat toko online

Tapi, Anda masih bisa juga untuk membuat blog toko online secara gratis bahkan tanpa harus mengeluarkan sedikit biaya pun untuk memulainya.

Caranya kita akan menggunakan layanan Blogspot (Blogger) sebuah platrom blogging gratis yang bisa digunakan dari produk Google.
Catatan: Kekurangan membuat toko online diblogspot ini adalah bagian membuat postingan produk harus dilakukan secara manual dengan kode HTML khusus.

Jika Anda ingin memiliki blog toko online dengan biaya murah tanpa harus mengerti tentang HTML.

Cukup membeli template blogger premium BukaBlog mirip Bukalapak yang mana template ini cukup canggih dan mudah digunakan untuk blog jualan.

Lihat Contoh Blog toko online

Cara Membuat Toko Online Gratis di Blogspot

Hal yang harus Anda ketahui, Anda harus sudah memiliki akun email Gmail dari Google yang mana fungsinya nanti akan digunakan untuk pendaftaran ke Blogspot.

Langkah 1: Buka blogger dan daftar untuk bisa memiliki akun blogger.

Langkah 2: Langkah selanjutnya, silahkan Anda pilih nama alamat toko yang nantinya agar bisa di akses

Cara Membuat Toko Online di Blogspot Gratis Terbaru
Images by boshjn.id

Penjelasan :
  • Title = Isi dengan nama Toko Anda, contohnya " Toko Bunga, Toko Kerupuk, Toko Buku dan lainnya "
  • Address = Isi dengan alamat toko, contohnya " tokohjn.blogspot.com " nantinya ini berfungsi untuk orang lain agar bisa mengakses Toko online Anda lewat browser mereka.
  • Theme = Pilih tampilan tema versi standar saja, untuk bisa mendapatkan tema toko online blogspot yang versi gratis bisa buka disini.
Jika data sudah di isi semua dengan benar, klik " Create blog! / Buat blog! "

Blog sudah dibuat, langkah berikutnya adalah menganti tema blog menjadi sebuah toko online dengan menggunakan tema toko online gratis yang sudah didownload tadi.

Untuk mengetahui cara menganti tema di blogspot, Anda bisa kunjungi halaman panduannya disini

Membuat Postingan Produk Toko Online di Blogspot

Untuk membuat postingan produk, kita harus menggunakan kode HTML kusus agar tampilannya rapi saat dilihat, caranya silahkan Anda ikuti panduan dibawah ini.

Buka Blogger > Postingan > Entri Baru

Cara Membuat Toko Online di Blogspot Gratis Terbaru
Images by boshjn.id
Ubah mode postingan sebelumnya mode " Compose " menjadi " HTML "

Cara Membuat Toko Online di Blogspot Gratis Terbaru
Images by boshjn.id
Salin kode HTML kusus postingan produk untuk toko online Anda, dibawah ini.
<!--=== gambar produk ===-->
<div class="gambar-produk">
<img alt="judul_gambar" src="URL_GAMBAR">
<!--=== end gambar produk ===-->

<!--=== status label ===-->
<div class="status-produk">
<div class="produk-terlaris">off 50%</div>
</div>
</div>
<!--=== end status label ===-->

<!--=== detail harga produk ===-->
<div class="detail-produk" itemprop="offers" itemscope="" itemtype="http://schema.org/Offer">
<meta itemprop="availability" content="https://schema.org/InStock">
<meta itemprop="priceValidUntil" content="2021-11-05">
<div itemprop="priceCurrency" content="IDR"></div>
<div class="harga-produk" itemprop="price" content="1000000">Rp 1.000.000</div>
</div>
<!--=== end detail harga produk ===-->

<!--=== deskripsi produk ===-->
<div class="deskripsi-produk">
Deskripsi produk Anda, contohnya Ukuran, Warna dan Jenis
</div>
<!--=== end deskripsi produk ===-->
Penjelasan :
  • URL_GAMBAR > Ubah dengan URL gambar milik Anda
  • Off 50% > Ubah statusnya sesuai produk yang Anda jual
  • Rp 1.000.000 > Ubah dengan harga produk yang Anda jual
  • Deskripsi produk > Ubah sesuai data produk yang dijual, contohnya Ukuran dan Warna

Mengatur Pembayaran Toko Online di Blogspot

Pengaturan pembayaran dari template toko online yang saya bagikan diatas, akan masuk ke pesan WhatsApp.

Untuk mengatur nomor WhatsApp maka Anda harus menggubah nomor WhatsApp nya melalui edit HTML Template.

Buka Blogger > Theme / Template > Edit HTML > CTRL+F Masukan kode <div class="tombol-beli"> klik Enter.

Penjelasan :
  • Ubah kode yang berwarna tanda merah https://api.whatsapp.com/send?phone=6282111111111 dengan nomor WhatsApp Anda
  • Ubah juga kode sms:082111111111 dengan nomor HP / WhatsApp Anda
  • Ubah lagi kode nomor Telepon tel:082111111111 dengan nomor HP
Langkah berikutnya, klik " SIMPAN / SAVE " untuk menyimpan pengaturan toko online.

Pada langkah ini, untuk semua pengaturan template toko online diblogspot sudah dilakukan dengan benar, langkah berikutnya adalah membuat toko online Anda dapat dibaca di pencarian Google.

Pengaturan Dasar Toko Online Blogspot

Dibawah ini ada beberapa kumpulan panduan dasar untuk toko online Anda diblogspot, agar tampilannya sesuai dengan keretia pendomaan blogspot.

Mengatur Nama Toko & Penjelasan Toko

Buka Blogger > Setelan / Setting > Dasar

Cara Membuat Toko Online di Blogspot Gratis Terbaru
Images by boshjn.id
- Pilih " Judul " > Ganti dengan nama Toko online Anda

- Pilih " Deskripsi " > Ganti dengan penjelasan Toko Anda, contohnya " Menjual produk baju dan celana "


Menggubah http ke https alamat Toko Online

Masih dimode pengaturan Dasar, silahkan Anda klik tulisan Pengalihan HTTPS menjadi " Ya / Yes "

Cara Membuat Toko Online di Blogspot Gratis Terbaru
Images by boshjn.id
Klik " SIMPAN " untuk menyimpan pengaturan.

Mengatur jumlah postingan Produk diblogspot

Agar tampilan halaman produk Anda tersusun rapi, silahkan Anda atur jumlah yang akan tampil dihalaman beranda cukup  " 10 Jumlah saja "

Cara Membuat Toko Online di Blogspot Gratis Terbaru
Images by boshjn.id
Buka Blogger > Setelan > Postingan komentar dan berbagi > Tampilkan sebanyak mungkin ? > 10 Postingan.

Ubah juga tulisan " Tampilkan gambar dengan Lighbox ? > Menjadi " Ya "

Klik " SIMPAN "

Mengatur Bahasa, Jam & Tanggal postingan Produk

Buka Blogger > Setelan / Settings > Bahasa dan pemformatan


Cara Membuat Toko Online di Blogspot Gratis Terbaru
Images by boshjn.id
Bahasa pilih " Indonesia " sesuai dengan target market Anda

Format
  1. Zona Waktu > Atur sesuai wilayah Anda
  2. Format Header Tanggal ? > Atur seperti milik saya diatas
  3. Format Timestamp > Sesuaikan seperti contoh milik saya
  4. Format Stempel Waktu Komentar > Silahkan Anda samakan saja seperti milik saya

Mengatur Deskripsi Toko Anda

Buka Blogger > Setelan / Setting > Prefensi penelusuran > Deskripsi

Cara Membuat Toko Online di Blogspot Gratis Terbaru
Images by boshjn.id
Lalu klik " EDIT " dan isi text sesuai dengan penjelasan toko Anda, misalnya " Toko online terbaik di daerah kecamatan Anda "

Mengatur Robot.txt Blogger untuk Toko Online

Buka Blogger > Setelan / Setting > Prefensi penelusuran > robot.txt khusus ?

Cara Membuat Toko Online di Blogspot Gratis Terbaru
Images by boshjn.id
Lalu klik " EDIT "

Pilih " YA / Yes " untuk mengaktifkan robot.txt blog toko online Anda

Cara Membuat Toko Online di Blogspot Gratis Terbaru
Images by boshjn.id
Salin kode dibawah kolom ini.
User-agent: Mediapartners-Google
Disallow: 

User-agent: *
Disallow: /search
Allow: /

Sitemap: https://tokoboshjn.blogspot.com/sitemap.xml
Ubah yang tanda berwarna kuning, dengan alamat toko Anda.

Klik " SIMPAN PERUBAHAN "

Mengatur Tag Robot Khusus Toko

Buka Blogger > Setelan / Setting > Prefensi penelusuran > Tag tajuk robot khusus ?

Cara Membuat Toko Online di Blogspot Gratis Terbaru
Images by boshjn.id
Klik " EDIT " pilih tulisan " YA / YES "

Atur pengaturannya seperti contoh gambar milik saya diatas.

Apabila sudah selesai klik " Simpan perubahan "
Untuk seluruh pengaturan dasar blogger sudah Anda lakukan dengan benar, apabila sudah mengikuti panduan diatas secara teliti dan benar.

Kesimpulan

Cara membuat toko online diblogspot untuk era sekarang ini cukup mudah. Ikuti panduan diatas dengan teliti dan benar maka toko online impian Anda telah jadi. 

Anda tidak perlu pusing dengan urusan keamanan toko online, sebab semuanya sudah dilindungi oleh pihak Google langsung. 

Apabila Anda memiliki pertanyaan jangan ragu untuk menulisnya dikolom komentar. Sampai berjumpa kembali..

6 komentar untuk "Blog Jualan: Membuat Toko Online Blogspot dengan Mudah"

  1. mas ini template blogger boshjn namanya apa ya?

    BalasHapus
    Balasan
    1. Ini buatan sendiri, gak ada yang jual

      Hapus
  2. Kalau cara mendapatkan atau melihat url gambar bagaimana yah ?.
    Apaka gambarnya di upload dulu ?

    BalasHapus
    Balasan
    1. Upload dulu fotonya, terserah dipenyimpanan manapun tempat uploadnya yang penting URL fotonya dapat.

      Hapus

Kami memiliki kebijakan dalam berkomentar di Blog ini :

— Dilarang promosi suatu barang
— Dilarang jika memasang link aktif di komentar
— Dilarang keras melakukan promosi iklan
— Dilarang menulis komentar yang berisi sara, bully atau cemuhan

NB :Komentar yang melanggar tidak akan ditampilkan

Kebijakan komentar yang bisa Anda temukan selengkapnya disini

Dukungan :

Jika menyukai dengan artikel blog kami, silahkan Ikuti blog ini