Tutorial and User Guide

Tutorial and User Guide www.websiteinstant.com

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

1

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

2

3

Input Product

1

4

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.

Masukkan Username dan Password Anda pada form ini

Lost your password, jika anda lupa password

Ketika menggunakan fasilitas ”Lost your Password”.

Masukan email yang anda gunakan ketika mendaftar website ini, contoh : [email protected]

Masukan Security Code dengan dipisahkan oleh spasi

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

5

1. Klik [Add New] untuk mulai menambahkan kategori baru

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

Tambahkan kategori-kategori lain, sesuai dengan produk yang Anda jual, dengan mengikuti langkahlangkah 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

Telah terdapat produk pada subcategory “Laminine”, sehingga anda tidak dapat menambahkan subcategory (link inactive)

Klik “Add Subcategory” pada kategori utama yang ingin anda tambahkan sub-category

6

Catatan : Anda hanya dapat menambah sub category pada sebuah category yang belum pernah terisi produk

Selanjutnya... Langkah berikutnya sama dengan ketika pertama kali membuat kategori Utama. Hasil Akhir

Sub kategori telah ditambahkan pada kategori Utama “Baju Wanita” Patikan sub-category tampil pada menu dropdown

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

7

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 “-“

8

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. Kemudian klik tombol [Save], Untuk menyimpan semua data produk yang telah anda dimasukkan

9

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).

Anda dapat memasukan stock dari produk yang baru ditambahkan melalui tab “Stock” -

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

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

10

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).

Menampilkan Hot Items, barang-barang yang hangat dalam website anda

Tampilan Hot Item dapat Anda atur pada menu Category > Hot Items.

11

Setelah anda masuk menu Hot Items Klik ”Add new” untuk mulai menambahkan Produk yang akan ditampilkan sebagai hot item

Selanjutnya....

12

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

Ulangi langkah di atas untuk menambahkan produk-produk Hot Items yang lain.

13

Setting Halaman Website

2

14

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

Anda dapat menambahkan Sub Menu diatas dengan Add New

Centang untuk menampilkan Menu tersebut ke pengunjung web anda

Icon edit untuk merubah menu tersebut

Setelah anda klik pada “Add New” anda akan menuju halaman untuk Menambahkan Sub Menu

Tentukan data yang ingin ditambahkan dan “Save”

15

Anda juga dapat mengatur urutan menu atas tersebut dengan klik mouse dan drag n drop untuk mengatur urutan menu yang tampil tersebut

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

Sebelum me-upload pastikan anda telah mempersiapkan Gambar untuk slideshow dengan ukuran 450 x 200 px (72 dpi) 1. Masukkan Nama / Judul Slide Kolom ini boleh tidak diisi. 2. Klik Browseuntuk menambahkan gambar yang akan di upload dari komputer

4.Klik [Save]

16

3. Masukkan link, jika ingin menautkan Gambar slideshow ke halaman website (kolom ini boleh tidak diisi)

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.

17

Messenger, Pembayaran & Pengiriman

3 18

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

19

1. Klik [Add New] untuk menambahkan Mesenger baru

2. Masukkan nama tampilan Messenger (Contoh): Marketing

3. Masukkan user ID Messenger Anda 4. PIlih tampilan Icon Messenger Anda & klik [Save]

Bagian yang membedakan antara penggunaan Yahoo Messenger dengan Skype messenger adalah pada icon Logo

Pemilihan “skype1.gif” yang menandakan bahwa tipe messgenger adalah Skype messenger

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

20

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

21

Jangan lupa, persiapkan gambar logo bank tujuan, dengan ukuran maksimal120 x 60 px (72 dpi) 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

Ulangi langkah-langkah di atas untuk menambahkan rekening pembayaran lainnya. 

22

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.

23

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.

24

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

25

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

26

11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. 25. 26. 27. 28. 29. 30. 31. 32. 33. 34. 35. 36. 37. 38. 39. 40. 41. 42. 43. 44. 45. 46. 47. 48. 49. 50. 51. 52. 53. 54. 55. 56. 57. 58. 59. 60. 61. 62. 63. 64. 65. 66. 67. 68. 69. 70.

27

BANK MEGA = 426 BANK SYARIAH MEGA = 506 BANK HSBC - THE HONGKONG & SHANGHAI B.C. = 041 STANDARD CHARTERED BANK = 050 BTN - BANK TABUNGAN NEGARA = 200 BRI - BANK RAKYAT INDONESIA = 002 BANK NIAGA = 022 NISP - BANK NILAI INTI SARI PENYIMPAN = 028 AMERICAN EXPRESS BANK LTD. = 030 BANK OF AMERICA, N.A = 033 BANK OF CHINA LIMITED = 069 DEUTSCHE BANK AG. = 067 JP. MORGAN CHASE BANK = 032 ANGLOMAS INTERNASIONAL BANK = 531 BANK AGRONIAGA, Tbk. = 494 BANK AKITA = 525 BANK ALFINDO = 503 BANK ANTARDAERAH = 088 BANK ARTA NIAGA KENCANA. = 020 BANK ARTHA GRAHA INTERNASIONAL = 037 BANK ARTOS INDONESIA = 542 BANK BINTANG MANUNGGAL = 484 BANK BISNIS INTERNASIONAL = 459 BANK BNP PARIBAS INDONESIA = 057 BANK BUMI ARTA = 076 BANK BUMIPUTERA INDONESIA = 485 BANK CAPITAL INDONESIA = 054 BANK CENTURY = 095 BANK CHINA TRUST INDONESIA = 949 BANK COMMONWEALTH = 950 BANK CREDIT AGRICOLE INDOSUEZ = 039 BANK DBS INDONESIA = 046 BANK DIPO INTERNATIONAL = 523 BANK EKONOMI RAHARJA = 087 BANK EKSEKUTIF INTERNASIONAL = 558 BANK EKSPOR INDONESIA = 003 BANK FAMA INTERNASIONAL = 562 BANK FINCONESIA = 945 BANK GANESHA = 161 BANK HAGA = 089 BANK HAGAKITA = 159 BANK HARDA INTERNASIONAL = 567 BANK HARFA = 517 BANK HARMONI INTERNATIONAL = 166 BANK HIMPUNAN SAUDARA 1906, Tbk. = 212 BANK IFI = 093 BANK INA PERDANA = 513 BANK INDEX SELINDO = 555 BANK INDOMONEX = 498 BANK INTERNASIONAL INDONESIA Tbk. = 016 BANK JASA ARTA = 422 BANK JASA JAKARTA = 472 BANK KEPPEL TATLEE BUANA = 053 BANK KESAWAN. = 167 BANK KESEJAHTERAAN EKONOMI = 535 BANK MASPION INDONESIA = 157 BANK MAYAPADA INTERNATIONAL Tbk. = 097 BANK MAYBANK INDOCORP = 947 BANK MAYORA = 553 BANK MERINCORP = 946

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

28

131. 132. 133. 134.

BPD SUMATERA BARAT (BANK NAGARI) = 118 BPD SUMATERA SELATAN = 120 BPD SUMATERA UTARA = 117 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.

29

Pilih Y untuk mengaktifkan Metode pembayaran klikBCA Set masa berlaku transaksi Klik Save

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.

30

Masukan Pengiriman, Contoh : Fedex

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

31

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

32

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].

33

Tampilan Website

4

34

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

Klik Trial Template untuk Mencoba sementara sebuah template

Secara otomatis ketika Anda klik “Trial Template” Anda akan dihantarkan ke Halaman depan website. Setelah anda lihat template yang anda coba sudah cukup menarik untuk website anda. Klik “Stop template Trial” untuk Menghentikan coba template

35

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

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.

36

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

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.

37

38

Options

5

39

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

40

o o o o o

o o o o o o

o o o o

o o o o o o

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. 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. Display product/page (detail) jika Anda pilih detail, nilai di sini yang akan dipakai Display product/page (column) jika Anda pilih column, nilai di sini yang akan dipakai. Sebaiknya angka yang dimasukkan merupakan kelipatan dari 4 karena per baris terdiri dari 4 item produk. 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. Display hot items berapa banyak product yang ditampilkan di bagian Hot items ditentukan dari sini. Display news di sidebar nilai yang Anda masukkan menentukan berapa banyak berita yang ditampilkan di kolom kiri. 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 tergantungjuga dengan setting Information di Tampilan > Sidebar. Jika Information tidak ditampilkan, maka messenger pun tidak ditampilkan. 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. 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. 1 USD jika USD Calculator tampil, berapa nilai 1 USD? Silakan diisikan di sini 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). Auto resize image product (Y/N) jika Y maka setiap Anda upload image untuk produk maka image tersebut akan di-resize secara otomatis. Auto resize thumbnail product (Y/N) jika Y maka setiap Anda upload thumbnail untuk produk maka thumbnail tersebut akan di-resize secara otomatis. Kirim statistik web mingguan (Y/N) jika Y maka Anda akan menerima laporan statistik mingguan. 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. Aktifkan modul pengiriman Jika Anda telah mengisi data biaya pengiriman, Anda harus mengaktifkan modul ini supaya terintegrasi dengan shopping cart. Watermark option (jika diaktifkan maka gambar produk yang diupload setelahnya akan di beri watermark).

41

Email

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.

42

Contoh setting menggunakan SMTP server hosting Sender Email : [email protected] Nama Pengirim : PT Merapi Google Apps : N Password : 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.

43

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

44

45

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 .

46

47

48

Fitur

6

49

Page Generator Dengan fitur Page Generator Anda dapat menambahkan halaman tambahan. Fitur ini dapat di akses dari Page > Page Generator

Setelah itu...

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]

Tips Cara agar hasil copy tulisan dari MS Word dapat tersalin dengan rapih pada WYSIWYG:

1. Klik “HTML” untuk menampilkan HTML editor

50

2. Salin / Paste Isi tulisan pada box HTML editor. Kemudian Kilk Update

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 akan muncul window baru seperti ini:

51

. Setelah itu,

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:

52

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.

53

Klik Page > Upload Imge/ File

1.Klik Add New

Page > Upload Imge/ File

2. Masukkan deskripsi File/gambar

4. Klik Save

3. Klik browse untuk Memilih gambar di computer anda

Copy Alamat URL file/gambar

54

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

55

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:

56

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.

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

57

1. Pilih opsi ini dan isikan Judul untuk search engine

2. Pilih opsi ini dan isikan deskripsi untuk search engine

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.

58

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

2. Masukkan Judul file. (Contoh): Brosut Edisi 1

4. Klik Save untuk Menyimpan data-data Yang telah dimasukkan

59

3. Klik [Browse] untuk mencari Dan memilih file yang akan anda unggah

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

60

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

Berita baru berhasil tersimpan

61

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

62

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

Tambahkan product options sesuai dengan kebutuhan bisnis Anda.

63

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.

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

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.

64

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

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.

65

66

Mobile View

7

67

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:

1. Klik Add New

2. Masukkan nama link menu

3. Masukkan Link URL

4. klik Save

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

68

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.

69

   

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.

70

Transaksi & Member

8

71

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)

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

Selain berdasarkan tanggal, Anda juga bisa mencari histori transaksi berdasarkan Nama, Email, dan No. Nota.

72

1. Pilih kolom entry yang ingin anda cari, masukkan kata kunci

2. Masukkan kata kunci pada klom ini setelah itu Klik [Go]

Melihat Detail Transaksi Pada detail transaksi Anda dapat melihat laporan transaksi lebih rinci, diantaranya: Alamat pengiriman, Metode pembayaran dsb..

Klik pada salah satu No. Nota Untuk melihat detail invoice

Tampilan detail catatan transaksi

73

Klik Back untuk kembali ke Daftar history transaksi

Member Pelanggan yang melakukan transaksi secara online, kemungkinan besar telah terdaftar sebagai anggota. Untuk melihat daftar anggota klik menu Member di BackOffice

Daftar member di sorting berdasarkan Alphabet. Klik salah satu huruf.

KLik Download untuk menngunduh Daftar member ke dalam file CSV

74

Penutup Akhir kata, terima kasih telah menggunakan paket website kami.

Semoga sukses!

75