Untuk membuat toko online dengan Blogger, kita harus melakukan teknik kecil agar tampilan halaman produk menjadi layaknya toko online. Teknik ini sama sekali tidak menyulitkan, bahkan sangat mudah jika Anda mengikuti step by step dari tutorial ini sesuai urutan.
Ok, tidak perlu berlama-lama. Langsung saja, inilah cara upload produk di tema Kece Toko (Free Version).
Bagaimana mengganti link tombol di halaman produk?
Buka file product-page.xml yang terlampir di dalam file tema yang Anda download. Kira-kira isinya seperti ini.
Di dalamya ada kode tombol seperti ini.
<button class="clicktoChat">
<a href="URL-TOMBOL">Chat WhatsApp</a></button>
Ganti tulisan yang di-highlight warna orange dengan link WhatsApp Anda.
Untuk membuat link chat to WhatsApp, kita bisa menggunakan Postcron WhatsApp Link Generator.
Buka halaman Postcron WhatsApp Link Generator disini.
Jika sudah terbuka klik tombol Create Link Now!
Masukkan nomer WhatsApp Anda di kotak pertama dengan mengganti angka pertama dengan kode 62. Kemudian isi kotak kedua dengan pesan yang akan Anda terima jika ada calon buyer mengirim pesan kepada Anda.
Setelah terisi semua, klik Get link. Kemudian setelah link WhatsApp Anda muncul, klik Copy Link.
Link tersebut bisa Anda gunakan untuk mengganti tulisan URL-TOMBOL yang ada di dalam kode tombol diatas.
Pertama buka Blogger kemudian masuk ke bagian Setelan. Setelah itu klik di bagian Postingan, komentar, dan berbagi.
Kedua klik Tambahkan pada bagian Template Entri. Kemudian copy kode product-page.xml yang telah kita edit dan paste di dalam kotak yang tersedia. Klik Simpan setelan.
Kita hanya perlu melakukan step 2 ini sekali saja.
Untuk selanjutnya kita akan Membuat Banner di Tema Kece Toko.
Pasti bermanfaat!
Ok, tidak perlu berlama-lama. Langsung saja, inilah cara upload produk di tema Kece Toko (Free Version).
1. Mengganti link tombol
Kenapa ini harus kita lakukan pertama kali? Supaya kita tidak perlu mengeditnya setiap kali upload produk. Jadi step ini hanya dilakukan sekali saja.Bagaimana mengganti link tombol di halaman produk?
Buka file product-page.xml yang terlampir di dalam file tema yang Anda download. Kira-kira isinya seperti ini.
Di dalamya ada kode tombol seperti ini.
<button class="clicktoChat">
<a href="URL-TOMBOL">Chat WhatsApp</a></button>
Ganti tulisan yang di-highlight warna orange dengan link WhatsApp Anda.
Untuk membuat link chat to WhatsApp, kita bisa menggunakan Postcron WhatsApp Link Generator.
Buka halaman Postcron WhatsApp Link Generator disini.
Jika sudah terbuka klik tombol Create Link Now!
Setelah terisi semua, klik Get link. Kemudian setelah link WhatsApp Anda muncul, klik Copy Link.
Link tersebut bisa Anda gunakan untuk mengganti tulisan URL-TOMBOL yang ada di dalam kode tombol diatas.
2. Membuat template halaman produk
Kode yang kita edit pada step pertama adalah template untuk halaman produk. Sekarang kita tinggal memasangnya supaya kode tersebut bisa muncul secara otomatis setiap kali kita upload produk baru.Pertama buka Blogger kemudian masuk ke bagian Setelan. Setelah itu klik di bagian Postingan, komentar, dan berbagi.
Kedua klik Tambahkan pada bagian Template Entri. Kemudian copy kode product-page.xml yang telah kita edit dan paste di dalam kotak yang tersedia. Klik Simpan setelan.
Kita hanya perlu melakukan step 2 ini sekali saja.
3. Upload produk baru
Ini adalah poin terpenting yang harus Anda perhatikan urutan-urutannya. Jangan anggap ini sulit karena jika Anda melakukannya sesuai urutan, semua akan terasa mudah dan sederhana.- Masuk ke bagian Postingan kemudian klik Entri baru. Pastikan Anda berada pada tab HTML supaya kode template bisa terlihat.
Masukkan nama produk Anda pada Judul postingan terlebih dahulu, kemudian buat Kategori Produk di bagian Label.
- Yang perlu Anda rubah pertama kali di dalam kode template adalah harga coret. Ganti harga Rp 460.000 menjadi harga coret produk Anda. Atau, jika memang produk Anda tidak memiliki harga coret, hapus saja nominal tersebut.
Ingat, Anda hanya perlu menghapus nominal Rp 460.000 tanpa menghapus kode yang lain jika Anda menginginkan tidak ada harga coret.
- Ganti harga produk Rp 350.000 sesuai dengan harga produk Anda.
- Hapus tulisan “Upload gambar produk disini” dan biarkan kursor tetap pada posisi tersebut, lalu klik Insert image.
Ingat, jangan pindahkan kursor sebelum Insert image jika tidak ingin hasilnya menjadi berantakan. Sejatinya kita ingin meletakkan gambar produk pada posisi tulisan “Upload gambar produk disini”.
- Upload gambar produk Anda kemudian klik Add selected.
Untuk mendapatkan hasil maksimal, usahakan ukuran gambar minimal adalah 720px X 720px, namun ini tidak wajib. - Akan muncul kotak dialog Choose a layout. Untuk Image alignment biarkan di posisi None, sedangkan untuk Image size pilih Original size. Lalu klik Ok.
- Jika sudah pindah ke tab Compose. Scroll ke bawah dan perhatikan ada garis tebal yang ada disana. Masukkan deskripsi lengkap produk Anda di bawah garis tersebut.
Setelah itu kembali ke tab HTML, kemudian klik Publikasikan.
Untuk selanjutnya kita akan Membuat Banner di Tema Kece Toko.
Pasti bermanfaat!
Komentar
Posting Komentar