BUKU PANDUAN SINGKAT PENGGUNAAN TOKO ONLINE WWW.TOKOSEWA.COM VERSI BUKU 2.1 Last Update: 30-Jan-12 1
Daftar Isi Daftar Isi... 2 1. Login Administrator... 3 2. Menambah Produk Grup/Kategori Produk... 3 3. Menambah Produk... 5 3.1. Menambah Foto Produk... 6 3.2. Menambah Foto Produk, Easy Photo Upload (Versi 2.0+)... 9 3.3. Menambah Ukuran Produk... 10 3.4. Menambah Warna/Corak Produk... 11 3.5. Data Produk Lainnya... 11 4. Menambahkan Informasi atau Berita... 12 5. Setting Email Halaman Hubungi Kami... 12 6. Setting Email Pengiriman Order Pesanan... 13 7. Mengganti Themes dan Setting Umum... 14 8. Menambahkan Link Facebook, Twitter, Yahoo Messenger... 15 9. Menambahkan Peta (Google Map Script)... 15 10. Menambahkan Biaya Ongkos Kirim... 17 11. Membuat Blog... 18 2
Dokumen ini berisi panduan singkat penggunaan halaman administrator/back-office dari toko online tokosewa.com. Dokumen ini berusaha dibuat sebaik mungkin agar dapat memberikan panduan yang singkat namun mudah dimengerti. Kami menyadari dokumen ini sangat terbatas, oleh karena itu jika Anda memiliki pertanyaan atau menemukan kejanggalan pada sistem, Anda dapat langsung menghubungi kami melalui telepon kepada Customer Service kami. Kami akan dengan senang hati membantu Anda. Berikut adalah gambaran halaman Administrator/Back-Office Tokosewa.com: 1. Login Administrator Untuk melakukan login ke halaman Administrator kunjungi halaman: http://www.domainanda.com/admin Contoh: http://www.tokosewa.com/admin Setelah muncul form login, inputkan email dan password yang telah diberikan oleh tokosewa.com. 2. Menambah Produk Grup/Kategori Produk Sebelum menambah produk Anda harus membuat produk grup (produk kategori) terlebih dahulu. Cara membuat produk grup/sub-produk grup/produk kategori adalah sebagai berikut: 3
Klik pada pohon halaman salah satu halaman yang ingin anda masukkan produk grup, misalkan halaman Produk. Klik tombol Create di bagian kiri atas pilih Product Group tekan Go. Isi nama produk grup/kategori dan keterangan tekan Save and Publish. Jika Anda ingin mengubah susunan pohon produk grup Anda dapat melakukan proses pemindahan grup dengan cara: klik/cawang Allow drag & drop reordering pilih produk grup yang ingin Anda pindahkan geser ke produk grup baru. 4
3. Menambah Produk Setiap produk harus ditaruh di dalam sebuah produk grup/produk kategori. Cara menambahkan produk adalah sbb: Klik salah satu halaman produk grup pada pohon halaman di sebelah kiri, misalkan halaman Kategori 1 yang baru saja dibuat. Buat sebuah data produk dengan cara klik tombol Create di bagian kiri atas pilih Product tekan Go. 5
Lengkapi data produk (harga, foto, ukuran, warna/corak, diskon, dll) lalu tekan Save and Publish. Penjelasan cara menambahkan data foto, warna, ukuran akan dijelaskan kemudian. 3.1. Menambah Foto Produk Ukuran foto terbaik untuk sebuah produk adalah 384 x 512 pixel. Sistem pada tokosewa.com akan secara otomatis melakukan resize gambar untuk keperluan seperti thumbnail, dengan sistem ini customer Anda tidak perlu melakukan download gambar yang besar jika tidak diperlukan sehingga website Anda menjadi lebih ringan dan cepat. Berikut cara menambah foto produk: Klik data produk pada pohon halaman di sebelah kiri, misalkan Produk 1 yang baru saja dibuat. 6
Klik Tab Foto klik Add Foto. Isikan keterangan foto Anda dan isikan nomor urut tampilan foto Anda. Untuk sebuah produk Anda dapat menginput banyak foto, misalkan sebuah produk X memiliki foto tampak depan, foto tampak samping, dan foto tampak belakang. Nomor urut akan menentukan urutan tampilan foto pada halaman website, makin nomor urut kecil adalah yang tampil lebih awal. Upload gambar dilakukan setelah Anda menekan tombol Save. Setelah data disimpan tekan tombol Edit untuk melakukan upload gambar. Klik Attach Image From your Computer klik Browse untuk memilih gambar dari computer Anda klik Attach Image klik Save. 7
8
Ulangi cara sebelumnya untuk menambahkan foto kedua, ketiga, dan seterusnya. Contoh produk yang memiliki 3 foto adalah sbb: Jangan lupa untuk selalu melakukan Save and Publish setelah melakukan penginputan data agar data Anda tidak hilang. 3.2. Menambah Foto Produk, Easy Photo Upload (Versi 2.0+) Easy photo upload, fitur ini hanya terdapat pada Tokosewa versi 2.0 atau lebih. Klik produk yang akan diinput foto pada tree klik tab Foto klik Add Foto klik Browse untuk memilih foto dari computer Anda lalu klik Open foto akan langsung diupload, akan muncul upload progress. Sambil foto di-upload, Anda dapat mengisi judul/keterangan foto. Jika upload foto sukses akan muncul thumbnail dari foto tersebut klik Save. 9
3.3. Menambah Ukuran Produk Berikut adalah cara menambahkan atau memilih ukuran untuk sebuah produk: Klik data produk pada pohon halaman di sebelah kiri, misalkan Produk 1 yang baru saja dibuat. Untuk menambah ukuran klik Tab Ukuran klik Add Foto inputkan data klik Save. Setelah Anda menambahkan data ukuran, produk tersebut belum memiliki ukuran tersebut. Untuk memasangkan ukuran pada produk, klik produk yang ingin Anda pasangkan sampai tanda cawang muncul lalu jangan lupa Save and Publish. Contoh seperti gambar di bawah 10
ini: 3.4. Menambah Warna/Corak Produk Cara menambah warna/corak produk sama dengan menambah ukuran produk. Setelah menambah data warna/corak Anda harus memasangkan warna tersebut dengan cara melakukan memilih warna yang diinginkan sampai muncul tanda cawang. Klik data produk pada pohon halaman di sebelah kiri, misalkan Produk 1 yang baru saja dibuat. Untuk menambah ukuran klik Tab Warna/Corak klik Add Warna inputkan data klik Save. Setelah Anda menambahkan data warna, produk tersebut belum memiliki warna tersebut. Untuk memasangkan warna pada produk, klik produk yang ingin Anda pasangkan sampai tanda cawang muncul lalu jangan lupa Save and Publish. Contoh seperti gambar di bawah ini: 3.5. Data Produk Lainnya Data produk lain seperti Deskripsi Produk, Harga, Diskon, Apakah Produk Unggulan, dsb terdapat pada Tab Main. Jangan lupa melakukan Save and Publish setelah menginput data. 11
4. Menambahkan Informasi atau Berita Untuk menambahkan informasi atau berita adalah klik Create pada bagian kiri atas klik News Page klik Go. Isikan Content berita lalu klik Save and Publish. Berita dapat dipindahkan (drag & drop) ke pohon halaman level paling atas atau dipindahkan ke dalam/sub halaman News lainnya. Contoh dapat dilihat pada gambar dibawah: Halaman about us atau tentang kami merupakan halaman dengan tipe News Page. Untuk mengedit halaman ini klik halaman pada pohon halaman edit Content pada Tab Main klik Save and Publish. 5. Setting Email Halaman Hubungi Kami Halaman hubungi kami adalah halaman yang diberikan kepada pengunjung website agar pengunjung dapat menghubungi toko Anda via email. Untuk melakukan setting alamat email Anda yang nantinya akan dikirimi pesan (message) dari pengunjung adalah sbb: 12
Klik halaman Hubungi Kami atau Contact Us di pohon halaman sebelah kiri klik Tab Email isikan email Anda klik Save and Publish. Anda dapat menginputkan lebih dari 1 alamat email dengan cara menginputkan email dipisahkan dengan tanda koma (,). Contoh: email1@domainanda.com, email2@domainanda.com. 6. Setting Email Pengiriman Order Pesanan Detail pesanan dari pengunjung website akan dikirim melalui email, berikut cara mengatur alamat email penerima pesanan/order pengunjung website. Klik halaman Check Out pada pohon halaman sebelah kiri klik Tab Email isikan email Anda pada field Email Tujuan klik Save and Publish. Isikan field Email Dari dengan salah satu email dari domain Anda (email tidak harus ada). Hal ini untuk menghindari pesan/email Anda dianggap spam oleh penerima email. Contoh: email1@domainanda.com. Isikan pesan penting dari Anda pada field Pesan Penting. Biasanya field ini diisi dengan nomor telepon, alamat email, dan nomor rekening bank Anda. Isikan juga pesan untuk dikirim ke email pelanggan pada field Isi pesan pada email yang dikirim saat pelanggan melakukan pembelian. Setelah selesai menginput setting klik Save and Publish. Berikut contoh tampilan: 13
7. Mengganti Themes dan Setting Umum Untuk mengganti themes klik bagian paling atas dari pohon halaman (lihat gambar) pilih themes yang ingin Anda gunakan klik Save. Pada halaman ini Anda juga dapat mengubah Judul Website Anda Slogan Website, tampil di halaman home/depan Promo (jika ada), tampil di halaman home/depan Domain Anda, domain ini harus diisi dengan benar, untuk kepentingan link. 14
Logo, ukuran logo bebas, ukuran lebar maksimal dari logo adalah 960px, jika lebih dari itu, sisa lebar logo akan hilang. 8. Menambahkan Link Facebook, Twitter, Yahoo Messenger Untuk menambahkan link Facebook, Twitter, dan YM toko Anda, klik halaman paling atas (root) pada pohon halaman klik Tab Social Link klik Add Social Link lengkapi data klik Save. Anda dapat menambahkan account Facebook, Twitter, dan YM sebanyak yang Anda inginkan. Catatan: Untuk account facebook, inputkan ID yang bisa anda dapatkan pada halaman profil facebook Anda. Contoh: 1540988389. Untuk account twitter, inputkan username twitter Anda tanpa tanda @. Contoh: adisoe, bukan @adisoe. Untuk account Yahoo Messenger, inputkan username saja, bukan email lengkap. Contoh: adi_1486, bukan adi_1486@yahoo.com. Tokosewa.com dapat mendeteksi status YM Anda, apakah sedang online atau offline. 9. Menambahkan Peta (Google Map Script) Berikut cara mendapatkan script google map: Buka http://maps.google.com/ di browser search alamat Anda. Jika toko Anda belum terdaftar di google map, maka Anda harus mencari titik lokasi dengan cara klik kanan di lokasi yang Anda inginkan klik What s here? akan muncul panah 15
berwarna hijau klik panah tersebut. Klik icon link di kanan atas klik Customize and preview embedded map akan muncul window baru. 16
Pilih Small untuk ukuran map lalu copy script html yang terdapat pada kolom nomor 3 paste script tersebut pada CMS. Script di copy ke CMS pada halaman Hubungi Kami/Contact Us tab Content field Script Google Map di bagian paling bawah klik Save & Publish. 10. Menambahkan Biaya Ongkos Kirim Perhitungan ongkos kirim terdapat pada Tokosewa versi 2.0 atau lebih. Ongkos kirim dihitung berdasarkan total berat (dalam satuan kilogram) dari seluruh belanjaan pengunjung web yang dibulatkan ke atas. Contoh: total belanjaan pengunjung 3,4 kg akan dikirim ke Jakarta, biaya ongkos kirim ke Jakarta 17
adalah Rp 13,000. Maka biaya ongkos kirim menjadi: 4kg (pembulatan ke atas) x Rp 13.000 = Rp 52,000. Untuk menambahkan biaya ongkos kirim pada kota tertentu klik Check Out pada pohon halaman klik tab Ongkos Kirim klik Add Ongkos Kirim isi kota tujuan dan biaya ongkos kirim per kilogram klik Save. 11. Membuat Blog Modul Blog terdapat pada Tokosewa versi 2.0 atau lebih. 18
Sebelum membuat blog, Anda harus membuat halaman Blog Index Page terlebih dahulu, halaman ini berfungsi sebagai halaman yang menampilkan dan mencari seluruh halaman yang blog yang nantinya Anda buat. Caranya membuat halaman Blog Index: klik Create pada kiri atas pilih Blog Index Page klik Go Isi data dan atur tab Setting klik Save & Publish. Setelah Anda memiliki halaman Blog Index Page, Anda dapat membuat postingan blog pada sebagai anak dari halaman blog index (lihat gambar). Cara menambah sebuah postingan Blog: klik Create pada kiri atas pilih Blog Page klik Go isi data, kategori blog, atau foto klik Save & Publish. Cara membuat Folder: klik Create pada kiri atas pilih Folder Page klik Go isi data klik Save & Publish. Tips: jika Anda memiliki banyak postingan blog ada baiknya jika Anda mengelompokkan postingan Anda ke dalam sebuah folder agar memudahkan Anda mencari postingan Anda di kemudian hari. Misal Anda membuat folder 2012, lalu di dalam folder 2012 Anda membuat folder januari, februari, dst (lihat gambar). 19