61
1 Green Green ConCept ConCept Management Management USER GUIDE TOKO ONLINE

Panduan toko online

Embed Size (px)

Citation preview

Page 1: Panduan toko online

1

1

Green Green ConCeptConCept

ManagementManagement

USER GUIDETOKO ONLINE

Page 2: Panduan toko online

Daftar IsiEntry Product............................................................................................................................................................4

Login BackOffice.............................................................................................................................. 5Kategori Produk.................................................................................................................................5Menambahkan Produk.......................................................................................................................6Menambahkan Sub-Category............................................................................................................ 7

Setting Halaman Website..........................................................................................................................................8Menambahkan tulisan di halaman depan...........................................................................................9Hot Item.............................................................................................................................................9Slideshow.........................................................................................................................................10

Yahoo Messenger, Pembayaran & Pengiriman.........................................................................................................12Yahoo! Messenger........................................................................................................................... 13

Menampilkan Yahoo! Messenger di Sidebar.............................................................................. 14Mengatur Pembayaran (Sidebar)..................................................................................................... 15Paypal.............................................................................................................................................. 16

Cara kerja.................................................................................................................................... 16Kelebihan penggunaan PayPal....................................................................................................17Kekurangan penggunaan PayPal.................................................................................................17Simulasi perhitungan.................................................................................................................. 17Cara daftar Paypal.......................................................................................................................18

KlikBCA..........................................................................................................................................22Mengatur Pengiriman...................................................................................................................... 23

Apa itu KGP (kilogram pertama)?.............................................................................................. 24Apa itu KGP (kilogram pertama)?.............................................................................................. 24Apa itu biaya penerus?................................................................................................................24

Mempercantik Tampilan Website............................................................................................................................26Mengubah Template Website...........................................................................................................27Header, Footer & Running Text......................................................................................................28Background......................................................................................................................................28

Hasil Akhir ................................................................................................................................. 30Options...................................................................................................................................................................31

General Options...............................................................................................................................32Email........................................................................................................................................... 34Template Email........................................................................................................................... 35

Fitur........................................................................................................................................................................37Page Generator.................................................................................................................................38Tips.................................................................................................................................................. 38WYSIWYG..................................................................................................................................... 39

Menggunakan Editor...................................................................................................................39Menambah link/URL.................................................................................................................. 39

Memasukkan image/gambar............................................................................................................40SEO..................................................................................................................................................42

Keyword......................................................................................................................................42Aspek on site...............................................................................................................................42

Download.........................................................................................................................................45News................................................................................................................................................ 45Testimonial...................................................................................................................................... 47

Approve Testimonial...................................................................................................................47

2

Green Green ConCeptConCept

ManagementManagement

Page 3: Panduan toko online

Green Green ConCeptConCept

ManagementManagement

Banner..............................................................................................................................................47Product Options............................................................................................................................... 48Facebook Comment.........................................................................................................................49

Mengapa Facebook Comment?...................................................................................................49Daftar Facebook Apps.................................................................................................................49Aktivasi Facebook Comment......................................................................................................55

Mobile.....................................................................................................................................................................56Header & Footer (Mobile)............................................................................................................... 57Menu (Mobile).................................................................................................................................57Tampilan (Mobile)........................................................................................................................... 57Options (Mobile)............................................................................................................................. 58

Transaksi & Member...............................................................................................................................................59Melihat Detail Transaksi..................................................................................................................61Member............................................................................................................................................62

Penutup...................................................................................................................................................................63

3

Page 4: Panduan toko online

Entry Product

4

1

Green Green ConCeptConCept

ManagementManagement

Page 5: Panduan toko online

Login BackOfficeSebelum 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.

Kategori ProdukPertama 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

Tambahkan kategori-kategori lain, sesuai dengan produk yang Anda jual, dengan mengikuti langkah-langkah seperti di atas.

5

Masukkan Username dan Password

Anda pada form ini

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

2. Masukkan Nama kategoripada 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

Page 6: Panduan toko online

Menambahkan ProdukSetelah selesai menambahkan kategori, kini saatnya Anda memasukkan produk-produk ke dalam kategori tersebut. Silahkan ikuti langkah-langkah di bawah ini:

Selanjutnya....

6Kemudian klik tombol [Save], Untuk menyimpan semua data produk yang

telah anda dimasukkan

1. Klik Add Product pada salah satu

Kategori yang telah anda tambahkan

sebelumnya

Name: Masukkan nama produk pada kolom ini (contoh) : Baju 100101

Publish & Date Entry: Set status & tanggal entri produk, jika Anda tidak mencentang “Publish”

maka produk tidak akan tampil pada halaman website

Price: Price adalah harga produk saat ini, Old Price adalah harga lama produk, berguna jika Anda ingin

memberikan potongan harga.

Category: Produk Pilih kategori produk, satu produk bisa dimasukkan ke beberapa kategori

Berat: masukkan berat produk, jika berat produk “0” maka biaya pengiriman tidak dapat dihitung.

Image: Klik kolom ini untuk memasukkan gambar produk. Kualitas image yang tampil di browser tidak

sebagus kualitas cetak. Karena itucukup gunakan resolusi 72 dpi (dot per inch atau pixels

/inch di Photoshop).

Anda dapat menambahkan Deskripsi atau keterangan tambahan produk pada kolom Description. Kolom ini

dilengkapidengan fitur WYSIWYG sehingga anda dapat mengatur

Ukuran Font, Tebal Font, Rata Kanan/Kiri, Bullet & Numberingseperti Anda menggunakan software Ms Word.

Green Green ConCeptConCept

ManagementManagement

Page 7: Panduan toko online

Menambahkan Sub-CategoryPada 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

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

Hasil Akhir

7

Klik “Add Subcategory” pada kategori utama yang ingin

anda tambahkan sub-category

Sub kategori telah ditambahkan pada kategori Utama “Baju Wanita”

Patikan sub-category tampil pada menudropdown

Green Green ConCeptConCept

ManagementManagement

Page 8: Panduan toko online

Setting Halaman Website

8

2

Green Green ConCeptConCept

ManagementManagement

Page 9: Panduan toko online

Menambahkan tulisan di halaman depanJika Anda ingin menambahkan tulisan singkat pada halaman depan, seperti, ucapan selamat datang atau keterangan singkat tentang toko online Anda. Anda dapat mengaturnya di Page > Home.

Cara menambahkan / mengubah isi tulisan di Home sama dengan menambahkan deskripsi produk (halaman. 5). Kolom editor Home ini dilengkapi fitur WYSIWYG sehingga Anda dapat mengatur ukuran font, tebal font, rata kanan/kiri, Bullet & Numbering layaknya Anda menggunakan software Ms Word.

Hot ItemAnda 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.

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

9

2. Select (Pilih) daftar produk yang ingin

Anda set sebagai Hot Item.

3. Jika sudah jangan lupa Klik “Save” untuk menyimpan

Produk Hot Item berhasiltersimpan

Setelah anda masuk menu Hot Items Klik ”Add new” untuk mulai menambahkan

Produk yang akan ditampilkan sebagai hot item

Green Green ConCeptConCept

ManagementManagement

Page 10: Panduan toko online

SlideshowPercantik tampilan website Anda dengan fitur slideshow, yaitu beberapa gambar yang dapat berubah-ubah dengan efek transisi. Fitur slideshow ini dapat Anda atur pada menu Page > Slide Show

Ulangi langkah di atas untuk upload gambar Slideshow yang lain, upload min. 2 gambar untuk efek transisi.

10

Setelah anda masuk menu Hot Items Klik ”Add new” untuk mulai menambahkan

Gambar slide show

1. Masukkan Nama / Judul SlideKolom ini boleh tidak diisi.

3. Masukkan link, jika ingin menautkan Gambar slideshow ke halaman website

(kolom boleh tidak diisi)

2. Klik Kolom ini untuk menambahkan gambar yang akan di upload dari komputer

Sebelum me-upload pastikan anda telah mempersiapkan Gambar untuk slideshow dengan ukuran 450 x 200 px (72 dpi)

4.Klik [Save]

Green Green ConCeptConCept

ManagementManagement

Page 11: Panduan toko online

Hasil AkhirHasil pengaturan di atas, kurang lebih akan tampak seperti gambar di bawah ini. :-)

11

Green Green ConCeptConCept

ManagementManagement

Page 12: Panduan toko online

Yahoo Messenger, Pembayaran &

Pengiriman

12

3

Green Green ConCeptConCept

ManagementManagement

Page 13: Panduan toko online

Yahoo! MessengerYahoo Messenger (YM) adalah layanan online chat & VoIP dari Yahoo. Dengan menggunakan fasilitas YM ini Anda dapat berkomunikasi secara langsung dengan pengunjung / pelanggan.

Untuk mengatur fasilitas YM ini silahkan klik Sidebar > Messenger

13

pastikan anda sudah memilik Akun Yahoo! (Daftar)Dan Software Yahoo! Messenger. (Donwload)

1. Klik [Add New] untuk menambahkan Mesenger baru

3. Masukkan user ID Messenger Anda

4. PIlih tampilan Icon Messenger Anda & klik [Save]

2. Masukkan nama tampilanMessenger (Contoh): Marketing

Page 14: Panduan toko online

Tambahkan beberapa akun Messenger sesuai kebutuhan Anda, dengan mengikuti langkah-langkah di atas

Menampilkan Yahoo! Messenger di Sidebar

Untuk menampilkan YM pada Sidebar website Anda silahkan klik Tampilan > Sidebar

Pastikan Sidebar Information tercentantg [ √ ], agar Icon messenger tampil pada sidebar website.

14

Green Green ConCeptConCept

ManagementManagement

Page 15: Panduan toko online

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

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

15

2. Klik kolom ini untuk memasukkanGambar logo bank.

3. masukkan detail pembayaran Seperti atas nama rekening (a.n.)

dan no. rekening tujuan (a.c.)

4. Klik [Save] untuk menyimpanSemua data yang telah dimasukan

1.Masukkan nama bank tujuan

Green Green ConCeptConCept

ManagementManagement

Page 16: Panduan toko online

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

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

16

Page 17: Panduan toko online

menu PayPal lalu isikan informasi yang dibutuhkan.

Aktifkan pembayaran via PayPal (Y/N) → pilih Y untuk aktivasi pembayaran PayPal di website AndaEmail→ em ail Anda yang terdaftar di PayPalTransaction Fee→ Bi aya tambahan yang akan dibebankan ke pembeli AndaRate → 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.000Kurs : Rp. 9.000Maka 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 tertentuPenarikan 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

Jika pembeli membayar dengan dana ilegal, ada kemungkinan dana tersebut akan di-hold oleh PayPal. Jika penjual sudah telanjur mengirim barang maka kerugian tidak dapat dihindarkan.

• Ada kemungkinan disputeBarang sudah Anda kirim, pembeli sudah terima. Namun ada kemungkinan pembeli yang nakal komplain ke PayPal bahwa barang belum diterima. Jika pembeli melakukan dispute seperti ini maka PayPal akan melakukan investigasi mengenai transaksi yang terjadi. 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.000Kurs Rp. 9.000Transaction Fee 0%

17

Green Green ConCeptConCept

ManagementManagement

Page 18: Panduan toko online

Konversi nilai transaksi ke USD→ $ 55,56PayPal mengenakan biaya 3,4% + $ 0,3→0 $ 2,19Dana yang Anda terim→a $ 53,37Misal Anda withdraw (menarik uang) dengan kurs Rp. 8.800 maka Anda terim→a Rp . 469.656

Di sini Anda lihat ada selisih sebesa→r Rp . 30.344 (sekitar 6,07 %)Dengan kurs Rp. 9.200 pembeli membaya→r Rp . 511.152

2. Transaction Fee 3,5%Nilai transaksi Rp. 500.000Kurs Rp. 9.000Transaction Fee 3,5%

Konversi nilai transaksi ke USD→ $ 55,56Nilai transaksi ditambah Transaction Fee 3,5 %→ $ 57,50PayPal mengenakan biaya 3,4% + $ 0,3→0 $ 2,26Dana yang Anda terim→a $ 55,24Misal Anda withdraw dengan kurs Rp. 8.800 maka Anda terim→a Rp . 486.112

Di sini Anda lihat ada selisih sebesa→r Rp . 13.888 (sekitar 2,78%)Dengan kurs Rp. 9.200 pembeli membaya→r Rp . 529.000

3. Transaction Fee 5%Nilai transaksi Rp. 500.000Kurs Rp. 9.000Transaction Fee 5%

Konversi nilai transaksi ke USD→ $ 55,56Nilai transaksi ditambah Transaction Fee 5 %→ $ 58,34PayPal mengenakan biaya 3,4% + $ 0,3→0 $ 2,28Dana yang Anda terim→a $ 56,06Misal Anda withdraw dengan kurs Rp. 8.800 maka Anda terim→a Rp . 493.328

Di sini Anda lihat ada selisih sebesa→r Rp . 6.672 (sekitar 1,33%)Dengan kurs Rp. 9.200 pembeli membaya→r Rp . 536.728

Cara daftar Paypal

Sumber: http://www.paypalindonesia.com

Pemegang account PayPal harus berusia minimal 18 tahun atau lebih dan mempunyai : 1. Alamat email: Sebagai username account PayPal Anda nantinya 2. Kartu kredit: Digunakan untuk menjadi Terverifikasi / Verified

Untuk mendaftar, bukalah www.paypal.com lalu klik Sign Up di kanan atas.

Tips: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 danaSumber: http://www.paypalindonesia.com

18

Page 19: Panduan toko online

Syarat dan ketentuan withdraw PayPal ke rekening bank lokal : 1. Untuk bisa withdraw Anda harus :

- Account sudah verified- 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.

2. Bank lokal yang Anda pakai harus dapat menerima Rupiah3. Diperlukan 5-7 hari kerja atau mungkin lebih tergantung Bank Anda untuk memproses withdraw 4. Minimal jumlah withdraw adalah $10 USD atau Rp100.0005. 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 Account3. 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 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 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

19

Page 20: Panduan toko online

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 71. BANK MESTIKA DHARMA = 151 72. BANK METRO EXPRESS = 152 73. BANK MITRANIAGA = 491 74. BANK MIZUHO INDONESIA = 048 75. BANK MUAMALAT INDONESIA = 147

20

Green Green ConCeptConCept

ManagementManagement

Page 21: Panduan toko online

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 102. HALIM INDONESIA BANK = 164 103. ING INDONESIA BANK = 034 104. KOREA EXCHANGE BANK = 059 105. LIMAN INTERNATIONAL BANK = 526 106. PAN INDONESIA BANK = 019 107. PRIMA MASTER BANK = 520 108. THE BANGKOK BANK. = 040 109. THE BANK OF TOKYO MITSUBISHI UFJ = 042 110. BANK DKI = 111 111. BPD ACEH = 116 112. BPD BALI = 129 113. BPD BENGKULU = 133 114. BPD JAMBI = 115 115. BPD JAWA BARAT DAN BANTEN = 110 116. BPD JAWA TENGAH = 113 117. BPD JAWA TIMUR = 114 118. BPD KALIMANTAN BARAT = 123 119. BPD KALIMANTAN SELATAN = 122 120. BPD KALIMANTAN TENGAH = 125 121. BPD KALIMANTAN TIMUR = 124 122. BPD LAMPUNG = 121 123. BPD MALUKU = 131 124. BPD NUSA TENGGARA BARAT = 128 125. BPD NUSA TENGGARA TIMUR = 130 126. BPD PAPUA (DAHULU BPD IRIAN JAYA) = 132 127. BPD RIAU = 119

21

Green Green ConCeptConCept

ManagementManagement

Page 22: Panduan toko online

128. BPD SULAWESI SELATAN = 126 129. BPD SULAWESI TENGAH = 134 130. BPD SULAWESI TENGGARA = 135 131. BPD SULAWESI UTARA = 127 132. BPD SUMATERA BARAT (BANK NAGARI) = 118 133. BPD SUMATERA SELATAN = 120 134. BPD SUMATERA UTARA = 117 135. 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 PayPalSebelum 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→ W ithdraw 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 selanjutnya5. Dana akan masuk rekening bank Anda dalam 5-7 hari kerja atau mungkin lebih tergantung

Bank yang bersangkutan

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

22

Page 23: Panduan toko online

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.

23

Pilih Y untuk mengaktifkanMetode pembayaran klikBCA

Set masa berlaku transaksi

Klik Save

Green Green ConCeptConCept

ManagementManagement

Page 24: Panduan toko online

Mengatur PengirimanJika usaha Anda menggunakan jasa pengiriman seperti Tiki/JNE, Anda dapat mengatur perhitungan biaya pengiriman di website Anda dengan klik Options > Pengiriman.

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 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 KGP (kilogram pertama)?

Sekian kilogram pertama akan dikalikan dengan biaya KGP. Sisanya akan dikalikan dengan biaya KGS.

24

Green Green ConCeptConCept

ManagementManagement

Page 25: Panduan toko online

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:Berat total : 10 kgKGP : 1 kgBiaya KGP : Rp. 5.000Biaya KGS : Rp. 3.000Ongkos kirim = 1 x Rp. 5.000 + 9 x Rp. 3.000Ongkos kirim = Rp. 32.000

Berat total : 1 kgKGP : 1 kgBiaya KGP : Rp. 5.000Biaya KGS : Rp. 3.000Ongkos kirim = 1 x Rp. 5.000 + 9 x Rp. 3.000Ongkos 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:Berat total : 10 kgBiaya admin : Rp. 2.000

StAndar:KGP : 1 kgBiaya KGP : Rp. 5.000Biaya KGS : Rp. 3.000

Penerus:KGP : 1 kgBiaya KGP : Rp. 6.000Biaya KGS : Rp. 4.000Ongkos 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 menuOptions > General. Cari bagian Aktifkan modul pengiriman. Isi dengan Y lalu [Save] .

25

Green Green ConCeptConCept

ManagementManagement

Page 26: Panduan toko online

Mempercantik Tampilan Website

26

4

Green Green ConCeptConCept

ManagementManagement

Page 27: Panduan toko online

Mengubah Template WebsiteKini 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.

27

Klik Trial Template untukMencoba sementara sebuah

template

Kembali ke back offcie, pada menuTemplate. Klik “Pakai Template ini”

Untuk mengaktifkan template Yang anda pilih

Setelah anda lihat templateyang anda coba sudah cukup menarik untuk website anda.

Klik “Stop template Trial” untukMenghentikan coba template

Green Green ConCeptConCept

ManagementManagement

Page 28: Panduan toko online

Header, Footer & Running TextSebelum 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.

BackgroundCara 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,

28

Klik Browse pada kolom File HeaderUntuk me-upload file header dari

Komputer anda

Tuliskan isi Running Text anda di sini

Klik Browse pada kolom File faviconUntuk me-upload / mengganti

Favicon webiste

Tuliskan content Footer anda di sini

Green Green ConCeptConCept

ManagementManagement

Page 29: Panduan toko online

jika sudah cocok dan ingin memakainya klik Stop trial background, kemudian kembali ke BackOffice menu Background klik Pakai background ini.

Contoh kali ini kami menggunakan Background021

29

Green Green ConCeptConCept

ManagementManagement

Page 30: Panduan toko online

Hasil Akhir

Berikut hasil akhir “Mempercantik Tampilan Website”, dengan mengikuti langkah-langkah di atas.

30

Green Green ConCeptConCept

ManagementManagement

Page 31: Panduan toko online

Options

31

5

Green Green ConCeptConCept

ManagementManagement

Page 32: Panduan toko online

General OptionsDi 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.

32

Green Green ConCeptConCept

ManagementManagement

Page 33: Panduan toko online

Beberapa option yang bisa Anda ubah di General Options:• 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 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 tergantung juga 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 bisa 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.

33

Page 34: Panduan toko online

Email

Pada menu Email ini, Anda bisa mengatur supaya email ditujukan ke email tertentu sesuai dengan kegunaannya.

Di menu ini ada beberapa bagian, yaitu:• 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.

• New Member Alamat email ini digunakan untuk menerima email dari pendaftaran member baru.• Transaction Alamat email ini digunakan untuk menerima email dari transaction.• Sender Anda dapat mengatur email yang dikirim dari web dikirim dari email mana. Perlu Anda pahami

bahwa ada dua cara pengiriman email, yaitu:• 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.

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

Contoh setting menggunakan SMTP server hostingSenderEmail : [email protected] Pengirim : PT MerapiGoogle Apps : NPassword : <kosong>Contoh setting menggunakan SMTP GoogleSenderEmail : [email protected] Pengirim : PT Merapi

34

Page 35: Panduan toko online

Google Apps : YPassword : <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 TransaksiEmail 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.

2. Email PendaftaranEmail 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:

1. Subject : Subject email yang akan dikirimkan2. Content : Isi emailPada 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. Seperticontoh tadi, {idtransaksi} nantinya akan diganti dengan nomor nota. Sebaiknya Anda tidakmenghapus text khusus tersebut karena berisikan informasi penting yang dibutuhkan.Text

35

Green Green ConCeptConCept

ManagementManagement

Page 36: Panduan toko online

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. Home : Bagian atas pengganti tulisan Selamat berbelanja di gambar atas2. Home : Hot Products pengganti tulisan SALEDisplay ProductMenu 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.

36

Green Green ConCeptConCept

ManagementManagement

Page 37: Panduan toko online

Fitur

37

6

Green Green ConCeptConCept

ManagementManagement

Page 38: Panduan toko online

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

Setelah itu...

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

38

Klik “Add New” untukmenambahakan halaman baru

Masukkan nama halaman, gunakantanda minus “-” sebagai ganti spasi.

Masukkan isi halaman di sini,Fitur ini dilengkapi dengan WYSIWYG

sehingga Anda dapat mengubahJenis font, Size font, font style dengan mudah

seperti menggunakan MS Word.

4.Klik [Save]

1. Klik “HTML”untuk menampilkan

HTML editor

2. Salin / PasteIsi tulisan pada box

HTML editor. KemudianKilk Update

Green Green ConCeptConCept

ManagementManagement

Page 39: Panduan toko online

WYSIWYGAnda 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/URL2. 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:

39

Green Green ConCeptConCept

ManagementManagement

Page 40: Panduan toko online

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.

Memasukkan image/gambarImage/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.

40

1. Klik Page > Upload Imge/ File

2. Masukkan deskripsiFile/gambar

3. Klik browse untukMemilih gambar di komputer

anda

4. Klik Save

Copy Alamat URL file/gambar

Page 41: Panduan toko online

Kembali ke WYSIWYG Editor. Klik terlebih dahulu pada Editor untuk memfokuskan Editor. Lalu klik pada icon . Akan muncul window seperti ini:

Image URL URL yang tadi telah dicopy. 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 AppearanceAlignment Baseline untuk standar, pilih Left supaya gambar tampil dengan rapi.Dimensions Untuk mengatur sizeConstrain proportions Apakah gambar ditampilkan proporsional (jika ya maka beri centang)Vertical space A 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 siniSetelah selesai, klik OK. Voila, image Anda akan muncul di dalam Editor. Setelah itu jangan lupa tekan tombol Save.

41

Green Green ConCeptConCept

ManagementManagement

Page 42: Panduan toko online

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

Aspek on site

Aspek ini juga terbagi dua bagian:a.aplikasi websiteaplikasi website tergantung dari web developer atau designernya. Salah satu contohnya adalah membuat URL yang search engine friendly b.isi/contentisi/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.

2. Aspek off siteUntuk 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:

link dengan property no follow tidak diperhitungkanlink dari website sejenis / setema mempunyai bobot lebih tinggijangan membeli jasa backlink secara otomatis

Website yang memungkinkan kita memberikan backlink:

Iklan baris http://www.iklanbaris.co.id, http://www.iklanpromo.com, http://iklanbaris.detik.com (bayar), dsbForum http://www.kaskus.us, http://forum.detik.com, dsbDirektori http://www.seribusatu.com, http://direktoribisnis.co.id, http://daftartokoonline.com, dsbSocial Bookmark

42

Green Green ConCeptConCept

ManagementManagement

Page 43: Panduan toko online

Blog Caranya adalah dengan memberikan komentar di suatu blog. Tulislah komentar yang berkualitas dan berhubungan dengan post tersebut, jangan memberikan komentar spam.

Beberapa pertanyaan yang sering ditanyakan:

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:

43

Green Green ConCeptConCept

ManagementManagement

Page 44: Panduan toko online

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

44

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 yangdisediakan oleh Google.

Silakan mendaftar di http://www.google.com/analytics.

Green Green ConCeptConCept

ManagementManagement

Page 45: Panduan toko online

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.

45

1. Pilih opsi ini dan isikanJudul untuk search engine

2. Pilih opsi ini dan isikandeskripsi untuk search engine

Green Green ConCeptConCept

ManagementManagement

Page 46: Panduan toko online

DownloadJika 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

NewsBerita sangat penting. Rata-rata orang haus 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.

46

1. Klik Add New untuk mulaiMengunggah file

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

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

anda unggah

4. Klik Save untukMenyimpan data-dataYang telah dimasukkan

1. Klik Add New untuk menambahkanArsip berita

Green Green ConCeptConCept

ManagementManagement

Page 47: Panduan toko online

Berita baru berhasil tersimpan

47

3. Masukkan tanggal dimuatnyaberita

4. Pilih Aktif untuk memunculkanBerita atau Arsip untuk hanya

Menyimpan berita sebagai arsip

Masukkan isi berita pad kolom ini

5. Klik [Save] untuk menyimpan databerita

Green Green ConCeptConCept

ManagementManagement

Page 48: Panduan toko online

TestimonialSetiap kiriman testimonial dari pengunjung membutuhkan approval dari Anda sebagai pemilik website. Ketika user 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.

BannerPada menu banner ini ada 3 macam banner, yaitu:

1. banner yang tampil di dalam body website2. banner yang tampil mengambang/floating di sisi kiri3. 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.

48

Green Green ConCeptConCept

ManagementManagement

Page 49: Panduan toko online

Product OptionsMelalui 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

49

1. Klik [Add New] untukMenambahkan Product Options

2. Masukkan jenis opsi (Contoh):Ukuran atau Warna

2. Klik “Add Detail”untuk menambahkan

isi ukuran

3. Masukan isi ukuranseperti S,M dst.

4. (Saran) Klik Save & Add Moreuntuk menyimpan detail ukuran

dan menambahkan detail selanjutnya

Green Green ConCeptConCept

ManagementManagement

Page 50: Panduan toko online

Tambahkan product options sesuai dengan kebutuhan bisnis Anda.

Facebook CommentBayangkan 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.

50

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

Page 51: Panduan toko online

Selanjutnya kita akan setting URL dan domain untuk App ini. Silakan klik pada menu Web.

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

51

3. Klik Save Changes

1. Simpanlah App ID Anda

3. Masukkan URL pada kolom ini, contoh http://www.namadomain.com

2. Masukkan Info dasar App. Seperti App Display Name (Tampilan Nama App)

Appnamespace, Email, dan App Domain.

Page 52: Panduan toko online

Jika tampilnya seperti ini:

http://www.facebook.com/NamaAndaBukalah http://graph.facebook.com/NamaAnda , gantilah NamaAnda dengan username facebook anda. Simpanlah ID yang ditampilkan.

Contoh: http://graph.facebook.com/kevinrose

Aktivasi Facebook Comment

Buka BackOffice website Anda, lalu klik menu Facebook.

Silakan cek halaman product Anda.

52

1. Ubah jadi Y

2. Masukkan App ID

3. Masukkan Admin ID

4. Klik Save

Page 53: Panduan toko online

Mobile

53

7

Green Green ConCeptConCept

ManagementManagement

Page 54: Panduan toko online

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

54

1. Klik Add New

2. Masukkan nama link menu

3. Masukkan Link URL

4. klik Save

Green Green ConCeptConCept

ManagementManagement

Page 55: Panduan toko online

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

55

Green Green ConCeptConCept

ManagementManagement

Page 56: Panduan toko online

Transaksi & Member

56

8

Green Green ConCeptConCept

ManagementManagement

Page 57: Panduan toko online

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.

57

1. Klik di salah satu kolom input tanggal

2.Keitka muncul Date Picker sepertitambar di bawah ini, pilihlah rentang

tanggal yang ingin Anda lihatCatatan transaksinya

3. Kemudian klik Go untuk melihat hasilnya

1. Pilih kolom entry yang ingin andacari, masukkan kata kunci

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

Green Green ConCeptConCept

ManagementManagement

Page 58: Panduan toko online

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

Tampilan detail catatan transaksi

58

Klik pada salah satu No. NotaUntuk melihat detail invoice

Klik Back untuk kembali keDaftar historu transaksi

Green Green ConCeptConCept

ManagementManagement

Page 59: Panduan toko online

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

59

Daftar member di sorting berdasarkanAlphabet. Klik salah satu huruf.

KLik Download untuk menngunduhDaftar member ke dalam file CSV

Green Green ConCeptConCept

ManagementManagement

Page 60: Panduan toko online

PenutupAkhir kata, terima kasih telah menggunakan layanan kami. Kami masih jauh dari sempurna, karena itu kami sangat mengharapkan saran dari Anda sekalian sebagai pengguna. Kami sangat berharap Anda puas menggunakan layanan kami.

Seiring dengan pesatnya perkembangan Internet di Indonesia, kami pun berharap Anda turut ambil bagian di dalamnya. Jangan biarkan website Anda telantar. Secara teratur, updatelah dengan product-product terbaru, berita-berita terbaru, informasi yang tepat dan akurat. Aktiflah terlibat dalam forum dan mailing list yang tepat. Pasanglah iklan di tempat yang sesuai. Dan seperti slogan Google, “don’t be evil” jangan melakukan hal-hal yang merugikan orang lain seperti spam. Ini hanya menurunkan kredibilitas Anda. Gunakan cara yang elegan untuk mempromosikan website Anda. Semoga sukses!

60

Green Green ConCeptConCept

ManagementManagement

Page 61: Panduan toko online

Terima kasih atas kepercayaan andakepada Green ConCept

Green Green ConCeptConCept

ManagementManagement