Membuat websit katalog produk online gratis dengan wordpress atau blogspot - Ok, pada bagian kedua yang lalu kita sampai pada tahap 6, yaitu minum kopi :-). Tapi sebelum melanjutkan lagi, bagi yang belum membaca bagian satu dan dua dari artikel nyambung ini, silahkan klik link ini: Bag.1 - Bag. 2.
Sebagai pengingat, pada langkah ke-6 kita sudah membuat blog di blogspot yang akan kita jadikan website katalog produk online gratis(an). Pada artikel ini kita akan memasang template yang sesuai untuk website katalog produk online. Berikut beberapa template yang sempat saya kumpulkan. Silahkan download terlebih dahulu sebelum dipasang di blogspot sobat sekalian.
Download template blogger di sini
Template-template yang saya sediakan pada link di atas merupakan template-template yang responsive, artinya tampilan akan menyesuaikan layar yang digunakan pemirsa, baik desktop, tablet, atau smartphone.
Nah, setelah mendownload template-template tadi, langkah-langkah selanjutnya adalah:
1. Mengupload template ke blogspot (penjelasannya ada di sini). Disini saya akan menggunakan contoh salah satu template, yaitu DCM dark. Berikut tampilan template DCM Dark setelah diinstall
2. Setelah menginstall template DCM dark, langkah kedua adalah menyesuaikan menu-menu template dengan kebutuhan website katalog produk online, sesuai dengan struktur yang telah di buat pada bagian ke dua (jika lupa, baca lagi di Bag.2 ).
3. Mengisi konten (page dan posting)
4. Memberitahukan website ke sanak family, teman-teman dekat, teman kampus, kenalan di warung kopi, tukang ojek, dan tukan mie rebus hihi...
Sebenarnya saya ingin menjelaskan poin-poin no. 1 di atas langsung pada post ini, tapi kayaknya akan terlalu panjang, memakan waktu lama, keburu jenggot saya panjang, jadi saya pisahkan penjelasan detailnya pada bagian lain.
Langsung ke penjelasan poin ke dua saja, yaitu menyesuaikan template dengan kebutuhan website katalog produk online. Maksud poin di sini adalah menyesuaikan menu-menu di atas dengan struktur menu yang sudah dibuat. Untuk menyesuaikan struktur menu ini gampang kalau tidak ada submenu (dropdown menu), tetapi kalau ingin membuat dropdown menu, maka diperlukan pengetahuan html, css, javascript, xml (khusus untuk blogspot). Kita buat yang mudah dulu, tanpa perlu kenal gendruwo html, kuntilanak css, pocong javascript, dan hantu-hantu code lainnya.
Untuk mengingatkan, struktur menu yang akan kita buat (telah dijelaskan di bagian kedua) adalah:
- Home (berisi gambaran singkat toko, produk apa saja yang dijual, promosi, cara pembayaran dan keterangan lainnya mengenai toko secara singkat)
- Kategori Produk (berisi keterangan produk), biasanya dibagi dalam beberapa kategori
-- Didalam kategori produk ada beberapa produk
- Tata cara Pembelian (karena ini merupakan katalog produk saja, maka tidak ada pembelian online atau online purchase)
- Tata cara pembayaran (misalkan transfer, paypal, dll)
- Contact (Informasi kontak toko seperti nomor telepon, alamat, dan posisi). Dalam website katalog ini akan kita sisipkan peta google, sehingga pelanggan toko Anda akan bisa langsung mencarinya di dunia nyata.
- FAQ (Pertanyaan yang biasanya dilontarkan pelanggan)
Pada template DCM dark, untuk mengubah menunya menjadi struktur menu yang telah kita siapkan, langkah-langkahnya adalah sebagai berikut....
1. Buka menu laman (Page untuk yang berbahasa Inggris)
2. Pilih menu laman baru (New page)
3. Laman Kosong (Blank Page)
4. Isikan halaman sesuai dengan yang diperlukan. Misalkaan halaman kategori produk diisi dengan kategori produk, misalkan kategori sepatu high heel, sepatu ket, dan sebagainya.
5. Klik tombol Simpan setelan (Save Setting).
Nah, sampai di sini tutorial bagian ketiga dari Membuat Website Katalog Produk Online Gratis Dengan Wordpress atau Blogspot (Bag. 3)... lanjut bagian 4.
Sebagai pengingat, pada langkah ke-6 kita sudah membuat blog di blogspot yang akan kita jadikan website katalog produk online gratis(an). Pada artikel ini kita akan memasang template yang sesuai untuk website katalog produk online. Berikut beberapa template yang sempat saya kumpulkan. Silahkan download terlebih dahulu sebelum dipasang di blogspot sobat sekalian.
Download template blogger di sini
Template-template yang saya sediakan pada link di atas merupakan template-template yang responsive, artinya tampilan akan menyesuaikan layar yang digunakan pemirsa, baik desktop, tablet, atau smartphone.
Nah, setelah mendownload template-template tadi, langkah-langkah selanjutnya adalah:
1. Mengupload template ke blogspot (penjelasannya ada di sini). Disini saya akan menggunakan contoh salah satu template, yaitu DCM dark. Berikut tampilan template DCM Dark setelah diinstall
Kosong bukan? Ya iyalah karena saya belum posting apa-apa hehe... Jika gambar di atas diperbesar, maka akan tampil di sebelah kiri link menu DCM. Tetapi link itu tidak akan membawa sobat kemana-mana karena belum disetting. Ada satu lagi link di bagian paling bawah, saya kasih keterangan "Subscribe" artinya link subscribe feed (klik di sini untuk mengetahui apa itu subscribe feed).
3. Mengisi konten (page dan posting)
4. Memberitahukan website ke sanak family, teman-teman dekat, teman kampus, kenalan di warung kopi, tukang ojek, dan tukan mie rebus hihi...
Sebenarnya saya ingin menjelaskan poin-poin no. 1 di atas langsung pada post ini, tapi kayaknya akan terlalu panjang, memakan waktu lama, keburu jenggot saya panjang, jadi saya pisahkan penjelasan detailnya pada bagian lain.
Langsung ke penjelasan poin ke dua saja, yaitu menyesuaikan template dengan kebutuhan website katalog produk online. Maksud poin di sini adalah menyesuaikan menu-menu di atas dengan struktur menu yang sudah dibuat. Untuk menyesuaikan struktur menu ini gampang kalau tidak ada submenu (dropdown menu), tetapi kalau ingin membuat dropdown menu, maka diperlukan pengetahuan html, css, javascript, xml (khusus untuk blogspot). Kita buat yang mudah dulu, tanpa perlu kenal gendruwo html, kuntilanak css, pocong javascript, dan hantu-hantu code lainnya.
Untuk mengingatkan, struktur menu yang akan kita buat (telah dijelaskan di bagian kedua) adalah:
- Home (berisi gambaran singkat toko, produk apa saja yang dijual, promosi, cara pembayaran dan keterangan lainnya mengenai toko secara singkat)
- Kategori Produk (berisi keterangan produk), biasanya dibagi dalam beberapa kategori
-- Didalam kategori produk ada beberapa produk
- Tata cara Pembelian (karena ini merupakan katalog produk saja, maka tidak ada pembelian online atau online purchase)
- Tata cara pembayaran (misalkan transfer, paypal, dll)
- Contact (Informasi kontak toko seperti nomor telepon, alamat, dan posisi). Dalam website katalog ini akan kita sisipkan peta google, sehingga pelanggan toko Anda akan bisa langsung mencarinya di dunia nyata.
- FAQ (Pertanyaan yang biasanya dilontarkan pelanggan)
Pada template DCM dark, untuk mengubah menunya menjadi struktur menu yang telah kita siapkan, langkah-langkahnya adalah sebagai berikut....
1. Buka menu laman (Page untuk yang berbahasa Inggris)
2. Pilih menu laman baru (New page)
3. Laman Kosong (Blank Page)
4. Isikan halaman sesuai dengan yang diperlukan. Misalkaan halaman kategori produk diisi dengan kategori produk, misalkan kategori sepatu high heel, sepatu ket, dan sebagainya.
5. Klik tombol Simpan setelan (Save Setting).
6. Sampai langkah ini sobat sudah berhasil mengisi setiap halaman sesuai struktur menu yang dirancang di awal. Coba cek blogspot sobat, tidak muncul apa-apa bukan? Jelas, karena page tadi masih disembunyikan dan disetting oleh template supaya hanya bisa di atur secara manual. Tetapi tenang, pada tutorial berikutnya kita akan menampilkannya.
Written by AU
We are Creative Blogger Theme Wavers which provides user friendly, effective and easy to use themes. Each support has free and providing HD support screen casting.
mana lanjutan bag 4 nya gan?
BalasHapusbagian 4nya mana gan?
BalasHapus