Embed Size (px)
Citation preview
Tutorial and User Guide
www.websiteinstant.com
1
Daftar Isi Input Product ................................................................................................................................................ 4
Login BackOffice .................................................................................................................................. 5
Membuat Kategori Produk ................................................................................................................. 5
Menambahkan Sub-Kategori Product ................................................................................................. 6
Menambahkan Produk ....................................................................................................................... 7
Menambahkan Watermark gambar Produk ..................................................................................... 11
Hot Items ........................................................................................................................................... 11
Setting Halaman Website ........................................................................................................................... 14
Menu Atas ......................................................................................................................................... 15
Slideshow .......................................................................................................................................... 16
Messenger, Pembayaran & Pengiriman ..................................................................................................... 18
Messenger (Yahoo & Skype) ............................................................................................................. 19
Menampilkan Messenger di Sidebar ............................................................................................ 20
Mengatur Pembayaran (Sidebar) ...................................................................................................... 21
Paypal [Optional] .............................................................................................................................. 23
Cara kerja ...................................................................................................................................... 24
Simulasi perhitungan .................................................................................................................... 25
Cara daftar Paypal ......................................................................................................................... 26
Cara penarikan dana ..................................................................................................................... 26
KlikBCA [Optional] ............................................................................................................................. 29
Mengatur Pengiriman ....................................................................................................................... 30
Apa itu KGP (kilogram pertama) ?................................................................................................. 32
Apa itu Biaya KGS (kilogram pertama)? ........................................................................................ 32
Apa itu biaya penerus? ................................................................................................................. 32
Tampilan Website ....................................................................................................................................... 34
Mengubah Template Website .......................................................................................................... 35
Header, Footer & Running Text ....................................................................................................... 36
Background ....................................................................................................................................... 37
Hasil Akhir ..................................................................................................................................... 37
Options ........................................................................................................................................................ 39
General Options ................................................................................................................................ 40
Email .................................................................................................................................................. 42
Template Email ................................................................................................................................. 43
2
Text Option ....................................................................................................................................... 44
Display Product ................................................................................................................................. 46
Halaman Terima Kasih ...................................................................................................................... 46
Fitur ............................................................................................................................................................. 49
Page Generator ................................................................................................................................. 50
WYSIWYG .......................................................................................................................................... 51
Menggunakan Editor ..................................................................................................................... 51
Menambah link/URL ..................................................................................................................... 51
Memasukkan image/gambar (Page > Upload Image/File) ........................................................... 53
SEO .................................................................................................................................................... 55
Keyword ............................................................................................................................................ 55
Aspek SEO ......................................................................................................................................... 55
SEO - Beberapa pertanyaan yang sering ditanyakan (FAQ): ......................................................... 56
Download .......................................................................................................................................... 59
News ................................................................................................................................................. 60
Testimonial ........................................................................................................................................ 62
Approve Testimonial ..................................................................................................................... 62
Banner ............................................................................................................................................... 62
Product Options ................................................................................................................................ 62
Facebook Comment .......................................................................................................................... 64
Mengapa Facebook Comment? .................................................................................................... 64
Daftar Facebook Apps ................................................................................................................... 64
Aktivasi Facebook Comment ......................................................................................................... 65
Mobile View ................................................................................................................................................ 67
Header & Footer (Mobile) ................................................................................................................. 68
Menu (Mobile) .................................................................................................................................. 68
Tampilan (Mobile) ............................................................................................................................. 68
Options (Mobile) ............................................................................................................................... 69
Transaksi & Member ................................................................................................................................... 71
Melihat Detail Transaksi ................................................................................................................... 73
Member ............................................................................................................................................ 74
Penutup ....................................................................................................................................................... 75
3
4
Input Product
1
5
Login BackOffice
Sebelum login pastikan Anda telah memiliki username dan password untuk login ke bagian BackOffice website. Silahkan ketikkan (contoh) www.namadomain.com/admin/ pada Browser Anda. Jika berhasil maka akan muncul tampilan form login seperti gambar di bawah ini.
Ketika menggunakan fasilitas ”Lost your Password”.
Membuat Kategori Produk
Pertama buatlah sebuah kategori, sehingga nantinya Anda dengan mudah mengatur produk-produk yang Anda masukkan ke dalam website. Untuk lebih jelasnya silahkan ikuti langkah-langkah berikut :
Secara default ketika baru pertama kali masuk ke BackOffice, Anda akan dihantarkan pada halaman berikut (lihat gambar di bawah).
Namun Anda juga dapat mengakses halaman kategori melalui menu Category > Utama
Masukkan Username dan Password Anda pada form ini
Lost your password, jika anda lupa
password
Masukan email yang anda gunakan ketika
mendaftar website ini, contoh :
Masukan Security Code dengan
dipisahkan oleh spasi
6
Tambahkan kategori-kategori lain, sesuai dengan produk yang Anda jual, dengan mengikuti langkah-langkah seperti di atas.
Menambahkan Sub-Kategori Product
Pada bagian ini kita akan menambahkan sub-category pada kategori pokok. Sebagai contoh saya ingin menambahkan kategori Dresses, Skirt & Blazers sebagai sub-category Baju Wanita: Baju Wanita
• Dresses • Skirt • Blazers
2. Masukkan Nama kategori pada kolom ini
3. Kemudian klik tombol [Save], untuk menyimpan kategori tersebut
(Optional) Atau klik [Save & Add More] untuk menyimpan kategori dan langsung menambahkan kategori baru selanjutnya
1. Klik [Add New] untuk mulai menambahkan kategori baru
Klik “Add Subcategory” pada kategori utama yang ingin anda tambahkan sub-category
Telah terdapat produk pada subcategory “Laminine”, sehingga anda tidak dapat menambahkan subcategory (link inactive)
7
Selanjutnya... Langkah berikutnya sama dengan ketika pertama kali membuat kategori Utama. Hasil Akhir
Menambahkan Produk
Setelah selesai menambahkan kategori, kini saatnya Anda memasukkan produk-produk ke dalam kategori tersebut. Silahkan ikuti langkah-langkah di bawah ini: Klik pada Category | Utama
Sub kategori telah ditambahkan pada kategori Utama “Baju Wanita”
Patikan sub-category tampil pada menu dropdown
Catatan : Anda hanya dapat menambah sub category pada sebuah category yang belum pernah terisi produk
8
Tentukan di Category mana anda akan menambahkan produk tersebut, atau mungkin di sub category tertentu.
Name: Masukkan nama produk pada kolom ini (contoh) : Baju Reebook 01
Publish & Date Entry: Set status & tanggal entri produk, jika Anda tidak mencentang “Publish” maka produk tidak akan tampil pada halaman website Category: Produk Pilih kategori produk, satu produk bias dimasukkan ke beberapa kategori Price: Price adalah harga produk saat ini, Old Price adalah harga lama produk, berguna jika Anda ingin memberikan potongan harga.
Berat: masukkan berat produk, jika berat produk “0” maka biaya pengiriman tidak dapat dihitung.
Option : Digunakan apabila produk memiliki beberapa pilihan,
seperti warna, ukuran.
Jika anda menjual produk dengan option tertentu sedikit lebih
mahal dari nilai normal maka gunakan “+”, dan jika ada
pengurangan harga gunakan tanda “-“
9
Anda dapat menambahkan Deskripi atau keterangan tambahan produk pada kolom Description. Kolom inidilengkapidengan fitur WYSIWYG sehingga anda dapat mengatur Ukuran Font, Tebal Font, Rata Kanan/Kiri, Bullet & Numbering seperti Anda menggunakan software Ms Word.
Image: Klik kolom ini untuk memasukkan gambar produk. Kualitas image yang tampil di web browser tidak sebagus kualitas cetak. Karena itu cukup gunakan resolusi 72 dpi (dot per inch atau pixels /inch di Photoshop).
Kemudian klik tombol [Save], Untuk menyimpan semua data produk yang telah anda dimasukkan
10
Anda dapat memasukan stock dari produk yang baru ditambahkan melalui tab “Stock”
Jika produk tidak terbatas, anda dapat mencentang “Sold out” untuk menentukan bahwa produk telah habis terjual.
Sehingga ketika produk telah “Sold out” (terjual habis) maka ketika pengunjung anda mengunjungi
website anda pada halaman produk tersebut akan terdapat label “Out of Stock” atau sesuai dengan
label tag “Out of Stock”. Dimana anda dapat mengganti text pada label sesuai keinginan melalui
menu Option > Text Option
- Tanpa batasan stock jika anda tidak ingin
menhandle stock
- Pilih opsi kedua bila anda ingin menentukan
jumlah stock yang tersedia
- Option terakhir untuk menentukan stock
berdasarkan Product Option
11
Menambahkan Watermark gambar Produk
Untuk mencegah gambar produk anda agar tidak dicopy dan dipergunakan sembarang anda dapat
menggunakan fitur watermark, dimana fitur ini akan menempel pada image dan tidak dapat dihapus
atau diubah.
Anda dapat melakukan setting watermark melalui menu Option | General
Catatan penting !!
Fitur ini hanya berlaku untuk image produk yang di upload setelah fitur ini diaktifkan, dan tidak akan
bekerja pada gambar yang diupload sebelumnya.
Hot Items
Anda dapat menampilkan produk-produk yang ingin Anda promosikan / tunjukkan terlebih dahulu di halaman depan website (Hot Items).
Tampilan Hot Item dapat Anda atur pada menu Category > Hot Items.
Menampilkan Hot Items, barang-barang yang
hangat dalam website anda
12
Selanjutnya....
Setelah anda masuk menu Hot Items Klik ”Add new” untuk mulai menambahkan Produk yang akan ditampilkan sebagai hot item
13
Ulangi langkah di atas untuk menambahkan produk-produk Hot Items yang lain.
3. Jika sudah jangan lupa Klik “Save” untuk menyimpan
2. Select (Pilih) daftar produk yang ingin Anda set sebagai Hot Item. Produk Hot Item berhasil
tersimpan
14
Setting Halaman Website
2
15
Menu Atas
Jika Anda ingin menambahkan tulisan singkat pada halaman depan, seperti, ucapan selamat datang atau keterangan singkat tentang toko online Anda. Anda dapat mengaturnya di Page > Menu Atas.
Berikut adalah menu atas yang dimaksud
Setelah anda klik pada “Add New” anda akan menuju halaman untuk Menambahkan Sub Menu
Tentukan data yang ingin ditambahkan dan “Save”
Anda dapat menambahkan Sub Menu diatas dengan Add New
Centang untuk menampilkan Menu tersebut ke
pengunjung web anda
Icon edit untuk merubah menu
tersebut
16
Slideshow
Dengan fitur slideshow, yaitu beberapa gambar yang dapat berubah-ubah dengan efek transisi. Fitur slideshow ini dapat Anda atur pada menu Page > Slide Show
1. Masukkan Nama / Judul Slide Kolom ini boleh tidak diisi. 2. Klik Browseuntuk menambahkan gambar yang akan di upload dari komputer
3. Masukkan link, jika ingin menautkan Gambar slideshow ke halaman website (kolom ini boleh tidak diisi)
4.Klik [Save]
Sebelum me-upload pastikan anda telah mempersiapkan Gambar untuk slideshow dengan ukuran 450 x 200 px (72 dpi)
Anda juga dapat mengatur urutan menu atas tersebut dengan klik mouse dan drag n drop untuk mengatur urutan menu yang tampil tersebut
17
Ulangi langkah di atas untuk upload gambar Slideshow yang lain, upload min. 2 gambar untuk mendapatkan efek transisi. Untuk mengatur urutan tampilnya slide show, gunakan drag n drop mouse pada slide,
Setelah selesai jangan lupa lakukan Save untuk menyimpan urutan tampil yang barusan anda ubah.
18
Messenger, Pembayaran & Pengiriman
3
19
Messenger (Yahoo & Skype)
Anda dapat menggunakan Yahoo Messenger (YM), maupun Skype Messenger. Yahoo Messenger adalah layanan online chat dari Yahoo. Dengan menggunakan fasilitas YM ini. Pengunjung anda dapat berkomunikasi secara langsung dengan anda melalui Yahoo Messenger dengan double klik pada icon Yahoo. Pastikan anda sudah memilik Akun Yahoo! (Daftar) dan Software Yahoo! Messenger. (Download)
Untuk mengatur fasilitas YM ini silahkan klik Sidebar > Messenger
20
Bagian yang membedakan antara penggunaan Yahoo Messenger dengan Skype messenger adalah pada icon Logo
Tambahkan beberapa akun Messenger sesuai kebutuhan Anda, dengan mengikuti langkah-langkah di atas
Menampilkan Messenger di Sidebar
Untuk menampilkan Messenger pada Sidebar website Anda silahkan klik Tampilan > Sidebar
1. Klik [Add New] untuk menambahkan Mesenger baru
2. Masukkan nama tampilan Messenger (Contoh): Marketing
4. PIlih tampilan Icon Messenger Anda & klik [Save]
3. Masukkan user ID Messenger Anda
Pemilihan “skype1.gif” yang menandakan
bahwa tipe messgenger adalah Skype
messenger
21
Pastikan Sidebar Information tercentantg [√], agar Icon messenger tampil pada sidebar website.
Mengatur Pembayaran (Sidebar)
Setelah YM berhasil Anda atur, sekarang kita akan mengatur sidebar Pembayaran (Payment), untuk menunjukkan bank tujuan pembayaran setelah melakukan pemesanan. Untuk mengatur Sidebar Pembayaran klik Sidebar > Pembayaran
22
Jangan lupa, persiapkan gambar logo bank tujuan, dengan ukuran maksimal120 x 60 px (72 dpi)
Ulangi langkah-langkah di atas untuk menambahkan rekening pembayaran lainnya.
1.Masukkan nama bank tujuan
2. Klik kolom ini untuk memasukkan Gambar logo bank.
3. masukkan detail pembayaran Seperti atas nama rekening (a.n.) dan no. rekening tujuan (a.c.)
4. Klik [Save] untuk menyimpan Semua data yang telah dimasukan
23
Paypal [Optional]
Materi singkat ini akan membahas mengenai PayPal. Kami berusaha untuk menyajikan informasi terkini dan valid, namun selalu ada kemungkinan informasi yang tercantum kurang atau tidak valid. Baik karena informasi sudah tidak up to date maupun karena kesalahan ketik. Untuk itu ada baiknya Anda mengecek informasi ini langsung di website PayPal www.paypal.com. Semoga informasi ini bermanfaat bagi Anda.
24
PayPal adalah penyedia jasa online payment gateway sekaligus “bank” di internet. Online payment gateway adalah suatu sistem yang memungkinkan pemilik toko online menerima pembayaran dengan credit card. Jika pembeli memiliki saldo di PayPal maka ia bisa menggunakan dana tersebut untuk melakukan pembayaran. PayPal tidak bisa menggunakan mata uang rupiah. Karena itu setiap transaksi akan dikonversi ke US Dollar. Hal ini akan menimbulkan biaya selisih kurs. Kami akan jelaskan lebih detail tentang ini di bagian Kekurangan.
Cara kerja
Untuk menggunakan PayPal di toko online Anda, sebelumnya Anda harus memiliki account Business atau account Premier yang sudah diverifikasi. Jika belum mendaftar, silakan baca caranya di bagian Cara Daftar. Selanjutnya silakan login di BackOffice untuk memasukkan informasi dan parameter yang dibutuhkan. Klik pada menu PayPal lalu isikan informasi yang dibutuhkan.
Aktifkan pembayaran via PayPal (Y/N) → pilih Y untuk aktivasi pembayaran PayPal di website Anda
Email → email Anda yang terdaftar di PayPal
Transaction Fee → Biaya tambahan yang akan dibebankan ke pembeli Anda
Rate → Kurs yang digunakan untuk konversi rupiah ke USD PayPal mengenakan biaya transaksi sebesar sebesar 3.4% + $0,30 USD. Dengan mengisi kolom Transaction Fee, maka total transaksi bisa di-markup untuk mengcover biaya transaksi yang dikenakan oleh PayPal. Kelebihan penggunaan PayPal • pembeli bisa membayar dengan credit card atau saldo PayPal • pembayaran secara real time Kekurangan penggunaan PayPal • Ada biaya tambahan untuk setiap transaksi • Ada biaya karena selisih kurs
Misalkan terjadi transaksi berikut: Nilai transaksi : Rp. 1.000.000 Kurs : Rp. 9.000 Maka pembeli membayar sebesar USD 111,11. Ketika Anda menarik dana maka kurs yang digunakan adalah kurs beli, misal Rp. 8.800. Maka dana yang Anda terima adalah Rp. 977.768. Belum termasuk biaya transaksi dan biaya penarikan dana.
• Ada biaya tambahan untuk pembeli (baik karena transaction fee atau karena kurs) Untuk jelasnya, lihat simulasi di bawah.
• Ada biaya untuk menarik dana di bawah jumlah tertentu Penarikan dana di bawah Rp. 1,5 juta dikenakan biaya Rp. 16.000.
• Butuh waktu untuk menarik dana • Ada kemungkinan dana yang dibayarkan ke pembeli ilegal
o Jika pembeli membayar dengan dana ilegal, ada kemungkinan dana tersebut akan di-hold oleh PayPal.
o Jika penjual sudah telanjur mengirim barang maka kerugian tidak dapat dihindarkan. • Ada kemungkinan dispute (perselisihan)
o Barang sudah Anda kirim, pembeli sudah terima. Namun ada kemungkinan pembeli yang nakal complain ke PayPal bahwa barang belum diterima.
o Jika pembeli melakukan dispute seperti ini maka PayPal akan melakukan investigasi mengenai transaksi yang terjadi.
25
o Ada kemungkinan saldo Anda akan di-hold oleh PayPal. Karena itu simpanlah bukti pengiriman sebaik mungkin, sehingga bisa dikirimkan ke PayPal untuk bukti bahwa pengiriman sudah dilakukan
Simulasi perhitungan
Di bawah ini berbagai transaksi dengan setting Transaction Fee yang bisa Anda ubah di BackOffice pada menu PayPal. Kita asumsikan kurs jual BCA adalah 9.175 dan kurs beli adalah 8.925. Biasanya kurs credit card yang ditagihkan pada pembeli sedikit lebih tinggi daripada kurs jual BCA, misal 9.200. Sedangkan untuk menarik dana maka akan menggunakan kurs beli. Biasanya kurs yang digunakan sedikit lebih rendah daripada kurs beli BCA, misal 8.800. 1. Transaction Fee 0%
Nilai transaksi Rp. 500.000 Kurs Rp. 9.000 Transaction Fee 0% Konversi nilai transaksi ke USD → $ 55,56 PayPal mengenakan biaya 3,4% + $ 0,30 → $ 2,19 Dana yang Anda terima → $ 53,37 Misal Anda withdraw (menarik uang) dengan kurs Rp. 8.800 maka Anda terima → Rp. 469.656 Di sini Anda lihat ada selisih sebesar → Rp. 30.344 (sekitar 6,07 %) Dengan kurs Rp. 9.200 pembeli membayar → Rp. 511.152
2. Transaction Fee 3,5%
Nilai transaksi Rp. 500.000 Kurs Rp. 9.000 Transaction Fee 3,5% Konversi nilai transaksi ke USD → $ 55,56 Nilai transaksi ditambah Transaction Fee 3,5 % → $ 57,50 PayPal mengenakan biaya 3,4% + $ 0,30 → $ 2,26 Dana yang Anda terima → $ 55,2 Misal Anda withdraw dengan kurs Rp. 8.800 maka Anda terima → Rp. 486.112 Di sini Anda lihat ada selisih sebesar → Rp. 13.888 (sekitar 2,78%) Dengan kurs Rp. 9.200 pembeli membayar → Rp. 529.000
3. Transaction Fee 5%
Nilai transaksi Rp. 500.000 Kurs Rp. 9.000 Transaction Fee 5% Konversi nilai transaksi ke USD → $ 55,56 Nilai transaksi ditambah Transaction Fee 5 % → $ 58,34 PayPal mengenakan biaya 3,4% + $ 0,30 → $ 2,28 Dana yang Anda terima → $ 56,06 Misal Anda withdraw dengan kurs Rp. 8.800 maka Anda terima → Rp. 493.328 Di sini Anda lihat ada selisih sebesar → Rp. 6.672 (sekitar 1,33%) Dengan kurs Rp. 9.200 pembeli membayar → Rp. 536.728
26
Cara daftar Paypal
Sumber: http://www.paypalindonesia.com Pemegang account PayPal harus berusia minimal 18 tahun atau lebih dan mempunyai :
o Alamat email: Sebagai username account PayPal Anda nantinya o Kartu kredit: Digunakan untuk menjadi Terverifikasi / Verified o Untuk mendaftar, bukalah www.paypal.com lalu klik Sign Up di kanan atas.
Jika nama Anda di dokumen resmi hanya terdiri dari satu kata, maka isikan nama Anda di First Name. Untuk Last Name isikan dengan tanda koma.
Cara penarikan dana
Sumber: http://www.paypalindonesia.com Syarat dan ketentuan withdraw PayPal ke rekening bank lokal :
1. Untuk bisa withdraw Anda harus : 2. Account sudah verified
a. Memiliki rekening bank lokal di indonesia, seperti BCA, Mandiri, Lippo bank, dll atas nama pemegang PayPal tersebut. Dana withdraw akan dimasukan ke dalam rekening tersebut.
b. Bank lokal yang Anda pakai harus dapat menerima Rupiah 3. Diperlukan 5-7 hari kerja atau mungkin lebih tergantung Bank Anda untuk memproses
withdraw 4. Minimal jumlah withdraw adalah $10 USD atau Rp100.000 5. Terdapat biaya setiap kali withdraw, yaitu Rp 16.000 untuk withdraw di bawah Rp 1.500.000
Memasukkan rekening bank lokal Anda pada account PayPal Anda :
1. Login ke situs www.paypal.com 2. Ke My Account → Profile → Add or Edit Bank Account 3. Isi data rekening bank dan informasi Bank lokal Anda
Untuk kolom Bank code (Sandi Bank Penerima) adalah 7 digit angka (terdiri dari 3 angka Sandi Bank + 4 angka Kode cabang Bank tempat membuat rekening). Catatan 1 : Nama lain Bank code adalah nomor kliring bank, jadi Anda juga dapat menanyakan nomor kliring cabang bank Anda agar lebih mudah. Catatan 2 : Kode cabang bank bukanlah kode SWIFT bank, untuk mendapatkan nomor Kode cabang Bank Anda yang benar kunjungi situs Bank-nya atau hubungi bank yang bersangkutan Sandi Bank-Bank di Indonesia :
1. BCA - BANK CENTRAL ASIA = 014 (Cari kode cabang bank BCA di a. http://www.klikbca.com/individual/silver/network.html )
2. BANK MANDIRI = 008 3. BANK SYARIAH MANDIRI = 451 4. ANZ PANIN BANK = 061 5. CITIBANK = 031 6. ABN AMRO BANK = 052 7. BANK BUKOPIN = 441 8. BANK DANAMON = 011 9. LIPPO BANK = 026 10. BNI - BANK NEGARA INDONESIA = 009
27
11. BANK MEGA = 426 12. BANK SYARIAH MEGA = 506 13. BANK HSBC - THE HONGKONG & SHANGHAI B.C. = 041 14. STANDARD CHARTERED BANK = 050 15. BTN - BANK TABUNGAN NEGARA = 200 16. BRI - BANK RAKYAT INDONESIA = 002 17. BANK NIAGA = 022 18. NISP - BANK NILAI INTI SARI PENYIMPAN = 028 19. AMERICAN EXPRESS BANK LTD. = 030 20. BANK OF AMERICA, N.A = 033 21. BANK OF CHINA LIMITED = 069 22. DEUTSCHE BANK AG. = 067 23. JP. MORGAN CHASE BANK = 032 24. ANGLOMAS INTERNASIONAL BANK = 531 25. BANK AGRONIAGA, Tbk. = 494 26. BANK AKITA = 525 27. BANK ALFINDO = 503 28. BANK ANTARDAERAH = 088 29. BANK ARTA NIAGA KENCANA. = 020 30. BANK ARTHA GRAHA INTERNASIONAL = 037 31. BANK ARTOS INDONESIA = 542 32. BANK BINTANG MANUNGGAL = 484 33. BANK BISNIS INTERNASIONAL = 459 34. BANK BNP PARIBAS INDONESIA = 057 35. BANK BUMI ARTA = 076 36. BANK BUMIPUTERA INDONESIA = 485 37. BANK CAPITAL INDONESIA = 054 38. BANK CENTURY = 095 39. BANK CHINA TRUST INDONESIA = 949 40. BANK COMMONWEALTH = 950 41. BANK CREDIT AGRICOLE INDOSUEZ = 039 42. BANK DBS INDONESIA = 046 43. BANK DIPO INTERNATIONAL = 523 44. BANK EKONOMI RAHARJA = 087 45. BANK EKSEKUTIF INTERNASIONAL = 558 46. BANK EKSPOR INDONESIA = 003 47. BANK FAMA INTERNASIONAL = 562 48. BANK FINCONESIA = 945 49. BANK GANESHA = 161 50. BANK HAGA = 089 51. BANK HAGAKITA = 159 52. BANK HARDA INTERNASIONAL = 567 53. BANK HARFA = 517 54. BANK HARMONI INTERNATIONAL = 166 55. BANK HIMPUNAN SAUDARA 1906, Tbk. = 212 56. BANK IFI = 093 57. BANK INA PERDANA = 513 58. BANK INDEX SELINDO = 555 59. BANK INDOMONEX = 498 60. BANK INTERNASIONAL INDONESIA Tbk. = 016 61. BANK JASA ARTA = 422 62. BANK JASA JAKARTA = 472 63. BANK KEPPEL TATLEE BUANA = 053 64. BANK KESAWAN. = 167 65. BANK KESEJAHTERAAN EKONOMI = 535 66. BANK MASPION INDONESIA = 157 67. BANK MAYAPADA INTERNATIONAL Tbk. = 097 68. BANK MAYBANK INDOCORP = 947 69. BANK MAYORA = 553 70. BANK MERINCORP = 946
28
71. BANK MESTIKA DHARMA = 151 72. BANK METRO EXPRESS = 152 73. BANK MITRANIAGA = 491 74. BANK MIZUHO INDONESIA = 048 75. BANK MUAMALAT INDONESIA = 147 76. BANK MULTI ARTA SENTOSA = 548 77. BANK MULTICOR = 036 78. BANK NUSANTARA PARAHYANGAN 145 79. BANK OCBC = 948 80. BANK PERMATA Tbk. = 013 81. BANK PERSYARIKATAN INDONESIA = 521 82. BANK PURBA DANARTA = 547 83. BANK RABOBANK INTERNASIONAL = 060 84. BANK RESONA PERDANIA = 047 85. BANK ROYAL = 501 86. BANK SHINTA = 153 87. BANK SINAR HARAPAN BALI = 564 88. BANK SRI PARTHA = 466 89. BANK SUMITOMO MITSUI = 045 90. BANK SWADESI. = 146 91. BANK SWAGUNA = 405 92. BANK TABUNGAN PENSIUNAN NASIONAL = 213 93. BANK UIB = 536 94. BANK UOB BUANA = 023 95. BANK UOB INDONESIA = 058 96. BANK VICTORIA INTERNATIONAL = 566 97. BANK WINDU KENTJANA = 162 98. BANK WOORI INDONESIA= 068 99. BANK YUDHA BHAKTI = 490 100. CENTRATAMA NASIONAL BANK = 559 101. HALIM INDONESIA BANK = 164 102. ING INDONESIA BANK = 034 103. KOREA EXCHANGE BANK = 059 104. LIMAN INTERNATIONAL BANK = 526 105. PAN INDONESIA BANK = 019 106. PRIMA MASTER BANK = 520 107. THE BANGKOK BANK. = 040 108. THE BANK OF TOKYO MITSUBISHI UFJ = 042 109. BANK DKI = 111 110. BPD ACEH = 116 111. BPD BALI = 129 112. BPD BENGKULU = 133 113. BPD JAMBI = 115 114. BPD JAWA BARAT DAN BANTEN = 110 115. BPD JAWA TENGAH = 113 116. BPD JAWA TIMUR = 114 117. BPD KALIMANTAN BARAT = 123 118. BPD KALIMANTAN SELATAN = 122 119. BPD KALIMANTAN TENGAH = 125 120. BPD KALIMANTAN TIMUR = 124 121. BPD LAMPUNG = 121 122. BPD MALUKU = 131 123. BPD NUSA TENGGARA BARAT = 128 124. BPD NUSA TENGGARA TIMUR = 130 125. BPD PAPUA (DAHULU BPD IRIAN JAYA) = 132 126. BPD RIAU = 119 127. BPD SULAWESI SELATAN = 126 128. BPD SULAWESI TENGAH = 134 129. BPD SULAWESI TENGGARA = 135 130. BPD SULAWESI UTARA = 127
29
131. BPD SUMATERA BARAT (BANK NAGARI) = 118 132. BPD SUMATERA SELATAN = 120 133. BPD SUMATERA UTARA = 117 134. BPD YOGYAKARTA = 112
4. Anda juga dapat menambahkan nomor rekening bank lain kemudian dengan mengulangi
langkah No.2 di atas.
Langkah untuk menarik uang dari PayPal Sebelum dapat withdraw ke rekening bank, Anda sudah harus memasukkan rekening bank lokal Anda seperti langkah di atas:
1. Ke situs www.paypal.com 2. Ke My Account →Withdraw Withdraw funds to your bank account → 3. Masukkan jumlah dana yang ingin di-withdraw dalam dollar (akan dikonversi menjadi rupiah
di rekening bank Anda oleh pihak bank Anda secara otomatis) 4. Klik continue dan ikuti langkah selanjutnya 5. Dana akan masuk rekening bank Anda dalam 5-7 hari kerja atau mungkin lebih tergantung
pada bank yang bersangkutan
KlikBCA [Optional]
KlikBCA adalah layanan Internet Banking dari BCA. Dengan menggunkan KlikBCA Anda dapat melakukan check saldo, transfer, pembayaran dll melalui internet. Untuk lebih lengkapnya Silahkan kunjungi http://www.klikbca.com/
Untuk mengaktifkan fasilitas KlikBCA sebagai salah satu metode pembayaran toko online Anda, terlebih dahulu kita mendaftar ke BCA. Silakan hubungi kami untuk info lebih lengkap. Setelah disetujui BCA, silakan aktifkan fasilitas KlikBCA melalui menu KlikBCA pada BackOffice Anda.
30
Ketika metode klikBCA telah Anda aktifkan, maka ketika pengunjung melakukan proses pembelian akan tampil opsi pembayaran baru seperti yang terlihat pada gambar di bawah ini.
Mengatur Pengiriman
Jika usaha Anda menggunakan jasa pengiriman seperti Tiki/JNE, Anda dapat mengatur perhitungan biaya pengiriman di website Anda dengan klik Options > Pengiriman.
Pilih Y untuk mengaktifkan Metode pembayaran klikBCA
Set masa berlaku transaksi
Klik Save
31
Di sini Anda bisa mengisi nama ekspedisi yang digunakan, misalnya TIKI, TIKI JNE, FedEx, dsb. Langkah 1.
Untuk menambahkan nama ekspedisi, klik pada [Add New]. Langkah 2.
Masukkan nama Ekspedisi/Jasa Pengiriman kemudian [Save]. Langkah 3. Setelah Anda berhasil menambahkan nama ekspedisi, di sebelah kanan nama ekspedisi nampak link add detail. Klik link tersebut untuk menambahkan tujuan pengiriman. Tujuan pengiriman bisa berupa
Masukan Pengiriman, Contoh :
Fedex
32
kota, wilayah, provinsi, atau negara. Silakan disesuaikan dengan kebutuhan Anda. Setelah Anda klik link tersebut akan tampil form dengan format seperti di bawah.
Apa itu KGP (kilogram pertama) ?
Ada 3 komponen biaya, yaitu biaya administrasi, biaya standar, dan biaya penerus. Biaya admin biasanya fix dan nilainya kecil. Nilai ongkos kirim adalah penjumlahan dari ketiga komponen biaya ini.
Apa itu Biaya KGS (kilogram pertama)?
Sekian kilogram pertama akan dikalikan dengan biaya KGP. Sisanya akan dikalikan dengan biaya KGS.
Apa itu biaya penerus?
Ada kalanya suatu ekspedisi (misal TIKI) bekerja sama dengan ekspedisi lokal, biasanya di tempat yang jauh dari kota. Nah, ekspedisi lokal itulah yang disebut dengan penerus. Cara menghitung komponen biaya penerus sama persis dengan biaya standar. Bedanya, biasanya biaya penerus lebih mahal daripada biaya stAndar. Kita mulai dengan perhitungan ongkos kirim biaya stAndar. Perhitungan sbb: Jika Berat > KGP maka: Biaya standar = (KGP x Biaya KGP) + ((Berat – KGP) x Biaya KGS) Jika Berat = KGP maka: Biaya standar = Berat x Biaya KGP Contoh:
1. Skenario 1 : Berat total : 10 kg KGP : 1 kg Biaya KGP : Rp. 5.000 Biaya KGS : Rp. 3.000 Maka Ongkos kirim = 1 x Rp. 5.000 + 9 x Rp. 3.000 Ongkos kirim = Rp. 32.000
33
2. Skenario 2 :
Berat total : 1 kg KGP : 1 kg Biaya KGP : Rp. 5.000 Biaya KGS : Rp. 3.000 Maka Ongkos kirim = 1 x Rp. 5.000 + 9 x Rp. 3.000 Ongkos kirim = Rp. 32.000
Sampai di sini kita masih belum memperhitungkan biaya admin dan biaya penerus. Mari kita coba menghitung total ongkos kirim. Cara perhitungan biaya penerus sama persis dengan biaya standar. Jadi Total ongkos kirim = biaya admin + biaya standar + biaya penerus Contoh:
1. Scenario 1 Berat total : 10 kg Biaya admin : Rp. 2.000 Standar: KGP : 1 kg Biaya KGP : Rp. 5.000 Biaya KGS : Rp. 3.000 Penerus: KGP : 1 kg Biaya KGP : Rp. 6.000 Biaya KGS : Rp. 4.000 Ongkos kirim = Rp. 2.000 + (1 x Rp. 5.000) + (9 x Rp. 3.000) + (1 x Rp. 6.000) + (9 x Rp. 4.000) = Rp. 76.000
Jika data biaya pengiriman sudah Anda masukkan, silahkan aktifkan modul pengiriman melalui menu Options > General. Cari bagian Aktifkan modul pengiriman. Isi dengan Y lalu [Save].
34
Tampilan Website
4
35
Mengubah Template Website
Kini saatnya Anda mempercantik tampilan website, agar lebih menarik di mata pengunjung. Kami menyediakan lebih dari 100 template, dengan berbagai tema, sehingga Anda memiliki banyak pilihan yang mungkin sesuai dengan karakter bisnis Anda. Untuk mengubah template silahkan klik Tampilan > Template
Secara otomatis ketika Anda klik “Trial Template” Anda akan dihantarkan ke Halaman depan website.
Klik Trial Template untuk Mencoba sementara sebuah template
Setelah anda lihat template yang anda coba sudah cukup menarik untuk website anda. Klik “Stop template Trial” untuk Menghentikan coba template
36
Catatan buat yang menggunakan fitur download : Kesalahan dari membuat template sendiri dapat membuat website anda crash, untuk itu tidak disarankan bagi pemula, karena ratusan template telah tersedia, anda dapat memilih model dari yang sudah ada.
Header, Footer & Running Text
Sebelum Anda mengganti header, pastikan Anda telah mempersiapkan file header dengan ukuran kurang lebih 900 x 200 px. Adapun jenis file yang dapat diupload untuk header adalah .gif, .png, .jpg, .swf. Untuk memulainya silahkan klik Tampilan > Header & Footer.
Selain untuk menganti file Header, ada 3 opsi lain pada menu Header & Footer ini, yaitu, Running Text, Favicon & Footer Running text, di sini Anda bisa mengisi dengan slogan perusahaan Anda atau promosi terbaru. Perlu diperhatikan bahwa fitur ini tidak tampil jika Anda menggunakan template “Colorful”. File favicon, di sini Anda bisa mengisi logo di mana ikon ini akan muncul pada kolom alamat URL di browser Anda:
Khusus untuk Internet Explorer, icon tersebut tidak langsung muncul. Anda harus menambahkan URL website Anda terlebih dahulu sebagai Favorites. Format file untuk favicon adalah ico. Tapi bisa pula menggunakan format jpg atau gif. Dimensi yang diperlukan adalah 16x16.
Klik “Pakai Template ini” Untuk mengaktifkan template Yang anda pilih
Download hanya untuk mereka
yang memiliki kemampuan
advance di bidang IT, dan
berencana untuk memodifikasi
template berdasarkan template
dasar menyerupai template
tersebut
37
Background
Cara mengganti background sama dengan mengganti template, pada masing-masing background terdapat pilihan Pakai background ini – Trial Background. Klik Trial Background untuk mencoba sementara background tersebut, jika sudah cocok dan ingin memakainya klik Stop trial background, kemudian kembali ke BackOffice menu | Background | klik Pakai background ini.
Hasil Akhir
Berikut hasil akhir “Mempercantik Tampilan Website”, dengan mengikuti langkah-langkah di atas.
Tuliskan isi Running Text anda di sini
Klik Browse pada kolom File favicon Untuk me-upload / mengganti Favicon webiste Klik Browse pada kolom File
Header Untuk me-upload file header dari Komputer anda
38
39
Options
5
40
General Options
Di halaman ini Anda bisa setting email default untuk menerima email dari halaman Contact Us., setting mengenai produk Anda, hot items, news, testimonial, Messenger, dan setting lainnya yang berhubungan dengan tampilan dan fitur website.
Beberapa option yang bisa Anda ubah di General Options:
o Tampilan product (list/detail/column) jika Anda pilih list, tampilan product di website Anda hanya berupa nama product dan harga. Jika Anda pilih detail, tampilan product akan tampil
41
secara lengkap yaitu nama, thumbnail, short description, dan harga. Jika Anda pilih column, maka product akan tampil dalam bentuk kolom di mana satu baris terdiri dari 4 kolom.
o Display product/page (list) jika di atas Anda pilih list, maka nilai yang Anda masukkan di sini akan mempengaruhi jumlah product yang ditampilkan dalam satu halaman.
o Display product/page (detail) jika Anda pilih detail, nilai di sini yang akan dipakai o Display product/page (column) jika Anda pilih column, nilai di sini yang akan dipakai. o Sebaiknya angka yang dimasukkan merupakan kelipatan dari 4 karena per baris terdiri dari 4
item produk. o Tampilan hot items (list/detail/column) Hot items tampil di halaman Home. Cara mengisikan
Hot items bisa dilihat pada bagian Hot Items. Sama seperti tampilan product, Anda bisa memilih mode list, detail, atau column. Di sebelahnya Anda bisa memilih random atau priority. Jika Anda memilih random, maka urutan product akan ditampilkan secara acak. Jika Anda memilih priority, maka urutan product akan ditampilkan sesuai angka yang tertera di menu Hot Items.
o Display hot items berapa banyak product yang ditampilkan di bagian Hot items ditentukan dari sini.
o Display news di sidebar nilai yang Anda masukkan menentukan berapa banyak berita yang ditampilkan di kolom kiri.
o Display news di index berita berapa banyak berita yang ditampilkan dalam satu halaman di Index Berita.
o Display news di baca juga berapa banyak berita yang ditampilkan di Baca juga. Bagian Baca juga akan tampil di setiap detail suatu berita.
o Display testimonial di kiri nilai yang Anda masukkan menentukan berapa banyak testimonial yang ditampilkan di kolom kiri
o Tampilkan Messenger (Y/N) ingin menampilkan Yahoo Messenger/Skype Anda, isilah dengan Y. Cara pengisian ID untuk YM atau Skype dapat dibaca di bagian Messenger di bawah ini. Pilihan ini tergantungjuga dengan setting Information di Tampilan > Sidebar. Jika Information tidak ditampilkan, maka messenger pun tidak ditampilkan.
o Tampilkan user online (Y/N) apakah Anda ingin menampakkan jumlah user yang sedang online? Pilihan ini tergantung juga dengan setting Information di Tampilan > Sidebar. Jika Information tidak ditampilkan, maka user online pun tidak ditampilkan.
o Tampilkan counter (Y/N) apakah Anda ingin menampakkan counter pengunjung? Pilihan ini tergantung juga dengan setting Information di Tampilan > Sidebar. Jika Information tidak ditampilkan, maka counter pun tidak ditampilkan.
o 1 USD jika USD Calculator tampil, berapa nilai 1 USD? Silakan diisikan di sini o Email newsletter isikan email pendaftaran newsletter di sini. Kalau menggunakan Yahoo!
Groups, email yang biasa dipakai adalah [email protected]. Pilihan ini tergantung juga dengan setting Newsletter di Tampilan > Sidebar. Untuk mengaktifkan Newsletter, maka pilihan tersebut harus dicentang. Sebelumnya Anda harus memiliki newsletter atau mailing list sendiri. Anda bias membuat mailing list sendiri dengan menggunakan Yahoo! Groups (http://groups.yahoo.com).
o Auto resize image product (Y/N) jika Y maka setiap Anda upload image untuk produk maka image tersebut akan di-resize secara otomatis.
o Auto resize thumbnail product (Y/N) jika Y maka setiap Anda upload thumbnail untuk produk maka thumbnail tersebut akan di-resize secara otomatis.
o Kirim statistik web mingguan (Y/N) jika Y maka Anda akan menerima laporan statistik mingguan.
o Isian default negara Jika kebanyakan pengunjung Anda dari negara tertentu (misal Indonesia) maka sebaiknya default negara diisi dengan Indonesia. Sehingga ketika mereka mengisi form pendaftaran dan alamat pengiriman, negara akan otomatis terisi dengan Indonesia.
o Aktifkan modul pengiriman Jika Anda telah mengisi data biaya pengiriman, Anda harus mengaktifkan modul ini supaya terintegrasi dengan shopping cart.
o Watermark option (jika diaktifkan maka gambar produk yang diupload setelahnya akan di beri watermark).
42
Pada menu Email ini, Anda bisa mengatur supaya email ditujukan ke email tertentu sesuai dengan kegunaannya.
Di menu ini ada beberapa bagian, yaitu:
1. Contact Us Email ini akan menerima email dari halaman Contact Us. Di sini tersedia dua kolom yaitu email utama dan CC. Misalnya Anda ingin ada email lain untuk ikut menerimanya maka Anda dapat mengisikan email kedua pada kolom CC.
2. New Member Alamat email ini digunakan untuk menerima email dari pendaftaran member baru.
3. Transaction Alamat email ini digunakan untuk menerima email dari transaction. 4. Sender Anda dapat mengatur email yang dikirim dari web dikirim dari email mana. Perlu Anda
pahami bahwa ada dua cara pengiriman email, yaitu: o SMTP server hosting From dapat diisi dengan email apa pun. Tapi jangan sampai
salah ketik karena ketika orang reply maka email akan direply ke email yang Anda isikan. Kekurangan cara ini adalah server Yahoo sering menolak email dari server hosting. Hal ini terjadi karena terkadang ada yang menyalahgunakan server hosting untuk mengirim spam.
o SMTP Google Cara kedua ini lebih dapat diAndalkan. Karena sejauh ini Yahoo tidak pernah menolak email dari Google. Memang masih ada kemungkinan masuk kotak spam, tapi ini lebih baik daripada ditolak sama sekali. Anda harus membuat email tersebut terlebih dahulu di Google Apps.
43
Contoh setting menggunakan SMTP server hosting Sender Email : [email protected] Nama Pengirim : PT Merapi Google Apps : N Password : <kosong> Contoh setting menggunakan SMTP Google Sender Email : [email protected] Nama Pengirim : PT Merapi Google Apps : Y Password : <password email tersebut>
Template Email
Anda bisa mengatur isi email yang dikirimkan pada saat pengunjung mendaftar atau pada saat pembeli melakukan transaksi. Menu ini dapat Anda akses di Options > Template Email
Pada halaman ini, Anda akan melihat:
1. Email Transaksi Email ini akan diterima ketika pembeli selesai melakukan transaksi. Di sini pembeli akan menerima konfirmasi daftar barang yang dibeli beserta ongkos kirim (jika ada). Selain itu, Anda juga bisa menambahkan nomor rekening bank yang digunakan untuk pembayaran.
Daftar tag yang bisa digunakan di Email Transaksi {idtransaksi} : untuk menampilkan / mencaetak ID transaksi. {daftarbelanja} : untuk mencetak daftar produk yang dipesan. {metodepembayaran} : untuk mencetak metode pembayaran yang dipilih customer. {datauser}: untuk mencetak detail data user ketika melakukan registrasi sebelum pemesanan dilakukan. {alamatpengiriman} : untuk mencetak alamat pengiriman yang dimasukkan oleh customer. {pesan}: untuk mencetak isi catatan pesan yang dimasukkan customer ketika melakukan pemesnan.
44
2. Email Pendaftaran Email ini akan diterima oleh member setelah melakukan pendaftaran. Isinya adalah ucapan selamat datang dan detail data member tersebut.
Untuk mengedit template email yang diinginkan, silakan klik pada link email tersebut. Setiap template email memiliki dua bagian, yaitu:
a. Subject : Subject email yang akan dikirimkan b. Content : Isi email
Pada kedua bagian itu, Anda melihat ada text tertentu yang diberi kurung kurawal.
Contohnya : {idtransaksi}. Text di dalam kurung kurawal ini nantinya akan berisikan data khusus. Seperti contoh tadi, {idtransaksi} nantinya akan diganti dengan nomor nota. Sebaiknya Anda tidak menghapus text khusus tersebut karena berisikan informasi penting yang dibutuhkan.Text
Text Option
Apabila Anda ingin mengganti kata-kata yang ada di halaman depan seperti pada kata-kata yang dilingkari pada gambar 7 Anda bisa menggunakan menu ini . Menu ini dapat diakses dari Options > Text Options.
Isian yang tersedia sbb: 1. Bagian atas pengganti tulisan Welcome di gambar atas 2. Hot Products dihilangkan tulisannya
45
46
Display Product
Menu ini dapat diakses dari Options > Display Product Pada halaman ini Anda bisa mengatur tampilan per produk sebagai default, list, detail, column. Jika nilai default di-set maka tampilan produk tersebut akan ditampilkan sesuai dengan nilai pada “tampilan product” di General Options.
Halaman Terima Kasih
Menu ini dapat diakses dari Options > Halaman Terima Kasih. Pada halaman ini Anda bisa
mengatur tampilan untuk Contact, kalimat reset password, Testimonial dsb .
47
48
49
Fitur
6
50
Page Generator
Dengan fitur Page Generator Anda dapat menambahkan halaman tambahan. Fitur ini dapat di akses dari Page > Page Generator
Setelah itu...
Tips Cara agar hasil copy tulisan dari MS Word dapat tersalin dengan rapih pada WYSIWYG:
Klik “Add New” untuk menambahakan halaman baru
Masukkan nama halaman, gunakan tanda minus “-” sebagai ganti spasi.
Masukkan isi halaman di sini, Fitur ini dilengkapi dengan WYSIWYG sehingga Anda dapat mengubah Jenis font, Size font, font style dengan mudah seperti menggunakan MS Word.
4.Klik [Save]
1. Klik “HTML” untuk menampilkan HTML editor
51
WYSIWYG
Anda akan sering menemukan WYSIWYG Editor pada saat melakukan penambahan atau update data. Jika Anda pernah menulis email dari website Yahoo! maka Anda akan menemukan kemiripannya. Editor ini tidak selengkap Microsoft Word, namun cukup untuk merancang tulisan yang menarik dengan pernak perniknya seperti bold, italic, underline, link URL, image, dsb. Mari kita coba!
Menggunakan Editor
Login di BackOffice. Klik pada menu Page > Home. Anda akan menemukan WYSIWYG Editor dengan deretan icon di atasnya. Combo box Font family digunakan untuk mengatur jenis font. Sedangkan Font size untuk mengatur ukuran font. Jika Anda familiar dengan MS Word, Anda tidak akan kesulitan menggunakannya. Cara penggunaan beberapa icon lainnya mirip dengan jika Anda menggunakan MS Word. Nah, yang perlu Anda pelajari adalah: 1. menambahkan link/URL 2. memasukkan image/gambar
Menambah link/URL
Untuk menambah link/URL, select text yang ingin Anda beri link. Lalu klik pada icon . Setelah itu, akan muncul window baru seperti ini:
2. Salin / Paste Isi tulisan pada box HTML editor. Kemudian Kilk Update
52
Pada Link URL masukkan URL yang Anda inginkan. Contoh: • http://www.google.co.id untuk alamat website ke Google, atau • mailto:[email protected] untuk alamat email. Jangan lupa awalan http:// atau mailto:. Pada Target: • jika ingin link terbuka pada window yang sama, tidak perlu mengubah pilihan • jika ingin link terbuka pada window baru, pilihlah Open in new window (_blank) Pada Title masukkan text yang ingin Anda munculkan saat mouse pengunjung berada di atas text link. Selain untuk link ke URL lain atau email, fasilitas ini bisa juga digunakan untuk menyediakan file download kepada pengunjung. Caranya persis sama dengan link ke URL lain. Misalnya link ke http://www.NamaDomainAnda/image-upload/NamaFile.zip. Untuk menginputkan gambar pada WYSIWYG Editor. Klik terlebih dahulu pada Editor untuk memfokuskan Editor. Lalu klik pada icon .image dan akan muncul window seperti ini:
53
Image URL URL yang tadi telah dicopy (Pelajari pada Memasukan image/gambar, Page > Upload Image/File yang akan dijelaskan setelah ini). Description text pengganti image (pada browser yang hanya menampilkan text, image tidak muncul dan text description akan ditampilkan). Title text ini akan muncul saat mouse diletakkan di atas gambar. Untuk mengatur letak image, klik pada tab Appearance Alignment Baseline untuk standar, pilih Left supaya gambar tampil dengan rapi. Dimensions Untuk mengatur size Constrain proportions Apakah gambar ditampilkan proporsional (jika ya maka beri centang) Vertical space jarak dengan object lain di atas dan bawah (dalam satuan pixel) Horizontal space jarak dengan object lain di kiri dan kanan (dalam satuan pixel) Border jika ingin diberi border, masukkan angka di sini Setelah selesai, klik OK. Voila, image Anda akan muncul di dalam Editor. Setelah itu jangan lupa tekan tombol Save.
Memasukkan image/gambar (Page > Upload Image/File)
Image/gambar ini harus sudah di-upload ke webserver atau bisa pula image yang ada di server lain. Syaratnya Anda harus tahu alamat URL-nya. Untuk meng-upload image, gunakan menu Page > Upload Image/File. Lalu klik Add New. Pada Description, masukkan deskripsi image yang akan di-upload. Untuk memilih image dari harddisk komputer Anda, klik pada Browse. Jika sudah selesai, klik Save. Anda akan kembali ke halaman File Upload. Cari image yang telah Anda upload. Di bawah deskripsi image tersebut, Anda akan temukan URL-nya. Copy-lah URL tersebut. Sebaiknya Anda buka 2 window untuk mengerjakan hal ini.
54
Klik Page > Upload Imge/ File
2. Masukkan deskripsi File/gambar
3. Klik browse untuk Memilih gambar di computer anda
4. Klik Save
Copy Alamat URL file/gambar
1.Klik Add New
Page > Upload Imge/
File
55
SEO
Search Engine Optimization atau sering disingkat dengan SEO, adalah sebuah metode untuk meningkatkan visibilitas website di Search Engine (Mesin Pencari) seperti Google / Bing. Dengan menerapkan metode SEO diharapkan ranking website Anda akan semakin meningkat dengan demikian akan semakin banyak pengunjung yang datang ke website Anda.
Keyword
Hal pertama yang perlu Anda pahami adalah KEYWORD atau terjemahan bebasnya kata kunci. Keyword adalah kata atau frase yang Anda masukkan di kolom pencarian Google. Jika Anda ingin mencari Pizza Hut di Surabaya, mungkin Anda masukkan frase [pizza hut surabaya] (tanpa kurung siku) pada kolom pencarian. Frase [pizza hut surabaya] itulah yang disebut dengan keyword.
Aspek SEO
SEO memiliki dua aspek optimasi: 1. on site (optimasi pada website) 2. off site (optimasi di luar website)
Mari kita bahas lebih lanjut Aspek on site
Aspek ini juga terbagi dua bagian: a. aplikasi website
i. aplikasi website tergantung dari web developer atau designernya. Salah satu contohnya adalah membuat URL yang search engine friendly
b. isi/content i. isi/content adalah faktor utama yang menentukan peringkat di hasil
pencarian. Isi/content tergantung administrator atau pengelola website. Apa yang dientrykan ke dalam website akan dibaca oleh Google.
Salah satu poin yang penting pada isi/content adalah keyword density (kepadatan keyword). Keyword density adalah seberapa banyak keyword tersebut tertulis dalam sebuah halaman. Hitungannya adalah berapa persen. Semakin banyak, bobotnya semakin tinggi. Tapi ada batasannya. Google menyukai isi website yang natural. Jika terlalu banyak maka akan dianggap curang oleh Google. Poin lain yang penting adalah meletakkan keyword di tempat yang tepat. Jangan lupa untuk “menitipkan” keyword di Title website karena title sangat diperhatikan oleh Google.
Aspek off site
Untuk optimasi di luar website, kita lakukan dengan cara membangun link (backlink) sebanyak mungkin dari website lain. Link adalah suatu text atau gambar yang bisa diklik dan akan membuka halaman lain. Perlu diperhatikan hal-hal sbb:
1. link dengan property no follow tidak diperhitungkan 2. link dari website sejenis / setema mempunyai bobot lebih tinggi 3. jangan membeli jasa backlink secara otomatis 4. Website yang memungkinkan kita memberikan backlink:
o Iklan baris http://www.iklanbaris.co.id, http://www.iklanpromo.com, http://iklanbaris.detik.com (bayar) , dsb
o Forum http://www.kaskus.us, http://forum.detik.com, dsb Direktori http://www.seribusatu.com, http://direktoribisnis.co.id, http://daftartokoonline.com, dsb
56
5. Social Bookmark
Blog Caranya adalah dengan memberikan komentar di suatu blog. Tulislah komentar yang berkualitas dan berhubungan dengan post tersebut, jangan memberikan komentar spam.
SEO - Beberapa pertanyaan yang sering ditanyakan (FAQ):
Tanya: Saya mau belajar lebih dalam. Di mana saya bisa belajar tentang SEO? Jawab: Kami sarankan baca buku Googlepreneur tulisan Bob Julius Onggo. Tanya: Kemarin saya sudah coba, kenapa hingga sekarang masih belum nampak hasilnya? Jawab: Perlu diketahui bahwa Google belum tentu berkunjung atau mengindex website kita setiap hari. Semakin sering Anda mengupdate website Anda, semakin sering Google berkunjung. Kalau Google belum berkunjung tentu perubahan yang sudah Anda kerjakan belum dibaca oleh Google. Tanya: Saya sudah lakukan semua sarannya, kenapa kok masih belum tampil di halaman pertama? Jawab: Salah satu faktor yang perlu kita perhatikan yaitu seberapa ketat kompetisi untuk keyword yang Anda tuju. Semakin berat kompetisinya, semakin banyak usaha yang harus Anda lakukan. Misalnya kompetitor Anda memiliki 100 backlink, tentu Anda harus memiliki lebih banyak backlink. Pengaturan SEO website dilakukan dari menu Tampilan > Header & Footer pada Tab SEO:
57
Pengaturan fitur SEO per halaman dapat Anda lihat di menu berikut.
• Page Generator (Page > Page Generator)
• News (Sidebar > News)
• Add Product
• Add Category Pada menu-menu diatas terdapat Tab SEO seperti gambar di bawah ini
Title, di sini Anda bisa memasukkan keyword yang Anda tuju (maksimal 3 frase atau 70 karakter). Title akan tampil pada header window dari browser kita. Contoh Title: Jual baju murah | Grosir baju wanita | Grosir baju pria
Description untuk Search Engine, di sini Anda bisa mengisi deskripsi website yang akan digunakan oleh Search Engine. Contoh : “Kami menjual baju murah dan melayani grosir baju wanita dan pria.”. Contoh yang salah: “peluang usaha, bisnis kaya, cara gampang dapat duit, dst”. Panjang maksimal untuk deskripsi adalah 300 karakter karena search engine hanya membatasi kira-kira sepanjang itu
Meta Keyword untuk Search Engine, di sini bisa diabaikan karena sudah tidak diperhatikan oleh Google maupun Yahoo.
Script Google Analytics, untuk menggunakan layanan statistik website yang disediakan oleh Google. Silakan mendaftar di http://www.google.com/analytics.
58
Pada Tab SEO, aplikasi kami telah memberikan pilihan default. Jika sudah sesuai maka tidak perlu diubah. Kapan perlu diubah? Jika Anda rasa keyword yang tampil di situ masih kurang lengkap. Title Salah satu komponen dengan bobot yang tinggi. Title tampil di bagian atas dari window browser. URL Alias Alamat URL halaman tersebut. Meta Keyword Diisi dengan keyword yang diperlukan, namun sudah tidak dipakai oleh Google maupun Yahoo. Meta Description Diisi dengan deskripsi atau rangkuman dari halaman tersebut.
1. Pilih opsi ini dan isikan Judul untuk search engine
2. Pilih opsi ini dan isikan deskripsi untuk search engine
59
Download
Jika Anda ingin menyediakan file untuk didownload oleh pengunjung, maka di sinilah tempatnya untuk menaruh file tersebut.
Contoh kegunaannya adalah untuk menyediakan price list atau katalog yang dengan mudah didownload oleh pengunjung. Menu diakses dari Sidebar > Download. Simak gambar di bawah ini untuk mengetahui cara mengunggah file download.
1. Klik Add New untuk mulai Mengunggah file
4. Klik Save untuk Menyimpan data-data Yang telah dimasukkan
3. Klik [Browse] untuk mencari Dan memilih file yang akan anda unggah
2. Masukkan Judul file. (Contoh): Brosut Edisi 1
60
News
Berita sangat penting. Rata-rata orang haus akan berita, khususnya berita yang sesuai dengan minatnya. Updatelah berita dengan rutin sehingga menunjukkan bahwa website Anda aktif. Selain itu berita juga berguna untuk menjaring pengunjung dari search engine. Jika Anda suka menulis, inilah saatnya mengembangkan bakat Anda. Menu News dapat diakses dari Sidebar > News.
1. Klik Add New untuk menambahkan Arsip berita
61
Berita baru berhasil tersimpan
3. Masukkan tanggal dimuatnya berita
4. Pilih Aktif untuk memunculkan Berita atau Arsip untuk hanya Menyimpan berita sebagai arsip
Masukkan isi berita pad kolom ini
5. Klik [Save] untuk menyimpan data berita
62
Testimonial
Setiap kiriman testimonial dari pengunjung membutuhkan approval dari Anda sebagai pemilik website. Ketika user melakukan submit testimonial, Anda akan menerima email pemberitahuan.
Approve Testimonial
Bukalah menu Sidebar > Testimonial > Testimonial on Hold. Anda akan melihat daftar testimonial yang statusnya “on hold”. Untuk melihat detail isi testimonial, silakan klik pada nama pemberi testimonial. Bagian yang mungkin baru bagi Anda adalah pada “Video”. Pemberi testimonial bisa memberikan testimonial dalam format video. Caranya, ia harus meng-upload video terlebih dahulu di website seperti YouTube. Setelah itu, tag html yang diberikan YouTube di-copy-kan. Otomatis video akan ditampilkan di bagian testimonial. Anda dapat mengubah isi testimonial. Setelah selesai, klik Save. Untuk melakukan approve atau reject pada sebuah testimonial, Anda klik link “Approve” atau “Reject” di bagian kanan sebuah testimonial.
Testimonial yang telah disetujui dapat dilihat pada menu Sidebar > Testimonial > Approved Testimonial.
Banner
Pada menu banner ini ada 3 macam banner, yaitu: 1. banner yang tampil di dalam body website 2. banner yang tampil mengambang/floating di sisi kiri 3. banner yang tampil mengambang/floating di sisi kanan
Untuk banner b dan c hanya bisa menampilkan 1 banner saja. Banner yang a bisa lebih dari 1 banner yang ditampilkan turun ke bawah. Untuk memasang banner Anda bisa menggunakan file image jpg, gif, atau file flash(swf ). Ukuran lebar maksimal banner yang tampil dalam body website adalah 200 pixel.
Product Options
Melalui menu ini, Anda bisa membuat option untuk product. Contoh option adalah Ukuran, Warna, dsb. Sebagai contoh panduan kali ini kami akan memasukkan Product Options Ukuran
63
Tambahkan product options sesuai dengan kebutuhan bisnis Anda.
1. Klik [Add New] untuk Menambahkan Product Options
2. Masukkan jenis opsi (Contoh): Ukuran atau Warna
2. Klik “Add Detail” untuk menambahkan
3. Masukan isi ukuran seperti S,M dst.
4. (Saran) Klik Save & Add More untuk menyimpan detail ukuran dan menambahkan detail selanjutnya
64
Facebook Comment
Bayangkan seorang pengunjung sedang browsing website Anda. Kemudian dia tertarik pada produk yang Anda jual. Namun sebelum membeli dia ingin menanyakan sesuatu tentang produk tersebut. Tapi rupanya dia lagi malas kirim SMS apalagi email. Nah, kini kami tambahkan fasilitas dimana pengunjung bisa langsung mengisi pertanyaan ke halaman produk Anda. Dengan demikian pengunjung tidak perlu repot kirim SMS atau email. Bahkan website akan nampak semakin hidup karena ada diskusi atau pertanyaan dari pengunjung.
Mengapa Facebook Comment?
Kemudahan: Pengunjung tidak perlu memasukkan data berulang kali setiap kali akan mengisi komentar. Social: Komentar yang diisikan pengunjung akan tampil sebagai aktivitasnya di Facebook. Untuk mengaktifkan Facebook Comment, Anda harus memiliki ID Facebook App dan ID account Facebook. Setelah kedua ID tersebut tersedia, Anda bisa login ke BackOffice untuk mengaktifkan feature Facebook Comment. Berikut ini langkah untuk membuat Facebook Apps.
Daftar Facebook Apps
Login dulu di www.facebook.com lalu buka halaman https://developers.facebook.com/apps. Selanjutnya ikuti petunjuk di bawah.
Selanjutnya tampil window Security Check. Ketikkan sesuai kata yang tertera. Saat ini Facebook Apps Anda sudah jadi. Anda akan melihat tampilan berikut. Simpanlah App ID karena kita akan memerlukannya nanti. Selanjutnya kita akan setting URL dan domain untuk App ini. Silakan klik pada menu Web.
1. Klik Create New App
2. App Name: Masukkan nama aplikasi, Contoh: namadomain.com comment
3. Centang I agree to the Facebook Terms.
4. Klik Continue
65
Selanjutnya kita memerlukan ID Facebook Anda untuk mengelola comment. Bukalah www.facebook.com (jika belum login, silakan login dulu). Kemudian klik pada foto profil Anda di sebelah kiri atas. Setelah itu lihat pada address bar browser yang Anda gunakan. Alamatnya menjadi seperti ini: http://www.facebook.com/profile.php?id=100000555055515 Maka ID Facebook Anda adalah 100000555055515
Jika tampilnya seperti ini: http://www.facebook.com/NamaAnda Simpanlah ID yang ditampilkan. ==
Aktivasi Facebook Comment
Buka BackOffice website Anda, lalu klik menu Facebook.
Silakan cek halaman product Anda.
1. Simpanlah App ID Anda
2. Masukkan Info dasar App. Seperti App Display Name (Tampilan Nama App) Appnamespace, Email, dan App Domain.
3. Masukkan URL pada kolom ini, contoh http://www.namadomain.com
Klik Save Changes
66
67
Mobile View
7
68
Fasilitas Mobile yang kami sediakan ini menjadikan website Anda dapat diakses melalu perangkat mobile seperti iPhone, Blackberry, Nokia dll. Untuk mengatur tampilan mobile silahkan klik menu Mobile. Pada menu mobile ini ada 4 sub-menu yaitu:
Header & Footer (Mobile)
Hampir sama seperti mengatur Header & Footer pada menu tampilan utama website. Hanya saja, untuk ukuran ideal gambar header mobile adalah 150 x 150 px (72 dpi) agar dapat dilihat dengan sempurna pada perangkat mobile dengan ukuran layar kecil.
Menu (Mobile)
Sedikit berbeda dengan menu pada tampilan utama. Untuk menu mobile Anda dapat menambahkan jumlah menu mobile sesuai dengan kebutuhan Anda. Menu dapat di akses di Mobile > Menu Untuk tutorialnya, silahkan simak gambar berikut:
Tampilan (Mobile)
Pada menu tampilan mobile Anda dapat mengaktifkan dan menata urutan sidebar yang akan tampil pada website versi mobile menu ini dapt diakses di Mobile > Tampilan
1. Klik Add New
2. Masukkan nama link menu
3. Masukkan Link URL
4. klik Save
69
Options (Mobile)
Beberapa option yang bisa Anda ubah di Options Mobile:
Display product/page: Berapa jumlah produk yang akan ditampilkan di halaman produk .
Display hot items: Berapa jumlah produk yang akan ditampilkan di halaman depan.
70
Display news: di index berita berapa banyak berita yang ditampilkan dalam satu halaman di Index Berita
Display news di baca juga berapa banyak berita yang ditampilkan di Baca juga. Bagian Baca juga akan tampil di setiap detail suatu berita.
Display testimonial di kiri nilai yang Anda masukkan menentukan berapa banyak testimonial yang ditampilkan di kolom kiri
Tampilkan Messenger (Y/N) ingin menampilkan Yahoo Messenger/Skype Anda, isilah dengan Y. Cara pengisian ID untuk YM atau Skype dapat dibaca di bagian Messenger di bawah ini. Pilihan ini tergantung juga dengan setting Information di Tampilan > Sidebar. Jika Information tidak ditampilkan, maka messenger pun tidak ditampilkan.
71
Transaksi & Member
8
72
Setelah website Anda online dan dibanjiri banyak pengunjung, kemungkinan akan banyak order yang masuk. Untuk mengecek order yang masuk silahkan klik menu Transaksi di BackOffice. History Transaksi berdasarkan tanggal)
Selain berdasarkan tanggal, Anda juga bisa mencari histori transaksi berdasarkan Nama, Email, dan No. Nota.
1. Klik di salah satu kolom input tanggal
2.Keitka muncul Date Picker seperti tambar di bawah ini, pilihlah rentang tanggal yang ingin Anda lihat Catatan transaksinya
3. Kemudian klik Go untuk melihathasilnya
73
Melihat Detail Transaksi
Pada detail transaksi Anda dapat melihat laporan transaksi lebih rinci, diantaranya: Alamat pengiriman, Metode pembayaran dsb..
Tampilan detail catatan transaksi
1. Pilih kolom entry yang ingin anda cari, masukkan kata kunci
2. Masukkan kata kunci pada klom ini setelah itu Klik [Go]
Klik pada salah satu No. Nota Untuk melihat detail invoice
74
Member
Pelanggan yang melakukan transaksi secara online, kemungkinan besar telah terdaftar sebagai anggota. Untuk melihat daftar anggota klik menu Member di BackOffice
Klik Back untuk kembali ke Daftar history transaksi
Daftar member di sorting berdasarkan Alphabet. Klik salah satu huruf.
KLik Download untuk menngunduh Daftar member ke dalam file CSV
75
Penutup Akhir kata, terima kasih telah menggunakan paket website kami. Semoga sukses!
