Cara Bikin Toko Online di Blogger.com Bagian IV – Cara Posting Produk Baru

Posting produk baru di template toko online tidak benar-benar sama dengan template standar
Ilustrasi Produk Baru

Tiba juga kita di bagian ke-empat dari serial cara bikin toko online di platform Blogger.com gratisan, di mana di bagian ini kita akan membahas cara posting produk baru menggunakan template yang sebelumnya sudah kita install dan setting.

  • Login ke dashboard Blogger.com Anda, kemudian klik Postingan  – Entri baru.

Cara Bikin Toko Online di Blogger.com Bagian IV - Cara Posting Produk Baru

  • Ketika membuat postingan produk baru di template yang kita pakai ini, Anda wajib menggunakan kode ini, selalu.

<div class=”product_image”>
<a class=”cloud-zoom” href=”http://4.bp.blogspot.com/-Qb0XOe0gSwM/UsDbutBkjBI/AAAAAAAABXo/mX8Ucixk_Bc/s1600/nike.jpg” rel=”softFocus: true, position:’inside’, smoothMove:2″><img border=”0″ class=”item_thumb” src=”http://4.bp.blogspot.com/-Qb0XOe0gSwM/UsDbutBkjBI/AAAAAAAABXo/mX8Ucixk_Bc/s1600/nike.jpg” /></a>
<span class=”item_price”>Rp 190.000</span></div>
<div class=”product_describe”>
Deskripsi Produk anda</div>

  • Sebelum disalin, pindahkan dulu mode postingan ke html supaya tahu seperti apa kodenya. URL yang saya tandai adalah tautan foto produk yang bisa Anda ganti sekarang dengan URL gambar yang lain atau nanti di langkah berikutnya.

 

Cara Bikin Toko Online di Blogger.com Bagian IV - Cara Posting Produk Baru

  • Pindahkan mode postingan ke Compose (nomor 1), kemudian perhatikan nomor 2, tautan yang tadi saya sebutkan harus diganti kini menjadi sebuah gambar. Gambar ini bisa Anda ganti, caranya dengan dihapus kemudian klik ikon gambar di menu toolbar (nomor 3), lalu upload foto produk Anda. Setelah foto diubah, sekarang ubah harga produk dan juga deskripsinya (nomor 4).

Cara Bikin Toko Online di Blogger.com Bagian IV - Cara Posting Produk Baru

  • Selanjutnya, beri label untuk produk Anda. Jika sobat masih ingat, di tutorial sebelumnya, kita diminta untuk melakukan kustomisasi menu utama. Nah, label ini nanti diperlukan untuk isian tautan menu utama sekaligus mengelompokkan produk-produk dengan label yang sama.
  • Misalnya, ini produknya sepatu jadi labelnya saya buat sepatu, kemudian klik tombol Selesai dan Publikasikan produk Anda.

Cara Bikin Toko Online di Blogger.com Bagian IV - Cara Posting Produk Baru

  • Setelah diterbitkan, sekarang buka tautan toko online Anda dan refresh laman. Seperti ini hasilnya.

Cara Bikin Toko Online di Blogger.com Bagian IV - Cara Posting Produk Baru

  • Ulangi langkah di atas sampai minimal lima produk baru agar hasilnya cantik seperti ini. Lebih baik kan ya?

Cara Bikin Toko Online di Blogger.com Bagian IV - Cara Posting Produk Baru

  • Jika salah satu produk diklik, maka Anda akan dihantarkan ke single page produk yang berisikan harga dan deskripsi produk. Satu lagi, di bagian kanan atas akan muncul juga tombol Pesan Sekarang yang bila diklik akan menghantarkan pembeli ke halaman pemesanan.
  • Nah, di tutorial berikutnya kita akan bahas cara membuat halaman pemesanan untuk tombol ini. Untuk sekarang cukup sampai di sini dulu ya.

Cara Bikin Toko Online di Blogger.com Bagian IV - Cara Posting Produk Baru

Ikuti saja terus update terbaru dari Dailysocial agar Anda dapat terus mengikuti serial-serial lainnya. Sampai jumpa!

Sumber gambar header Pixabay.

Tips
Placement Ads
Artikel Terbaru