39
Membuat Situs Diskon Sudarma Sopian

Membuat Situs Diskon - ilmukomputer.orgilmukomputer.org/wp-content/uploads/2012/08/situs-diskon.pdfPlugin ini gratis dan kebetulan yang membuatnya orang Indonesia. ... instal WordPress

  • Upload
    lyhanh

  • View
    234

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Membuat Situs Diskon - ilmukomputer.orgilmukomputer.org/wp-content/uploads/2012/08/situs-diskon.pdfPlugin ini gratis dan kebetulan yang membuatnya orang Indonesia. ... instal WordPress

Membuat Situs Diskon Sudarma Sopian

Page 2: Membuat Situs Diskon - ilmukomputer.orgilmukomputer.org/wp-content/uploads/2012/08/situs-diskon.pdfPlugin ini gratis dan kebetulan yang membuatnya orang Indonesia. ... instal WordPress

Daftar Isi Daftar Isi .......................................................................................... 2

Membuat Situs Diskon..................................................................... 3

Menginstal WordPress ................................................................ 3

Instal Plugin ................................................................................. 7

Mengatur Situs Diskon .............................................................. 10

Menambah Produk Diskon ........................................................ 15

Mengubah Tulisan Buy Now ...................................................... 22

Mencoba Beli ............................................................................. 25

Mengubah Status Transaksi ...................................................... 27

Membuat Website Dua Bahasa ..................................................... 30

Menginstal Plugin qTranslate .................................................... 30

Menambahkan Bahasa Indonesia ............................................. 33

Mencoba Posting Artikel ........................................................... 36

Tentang Penulis ............................................................................. 39

Page 3: Membuat Situs Diskon - ilmukomputer.orgilmukomputer.org/wp-content/uploads/2012/08/situs-diskon.pdfPlugin ini gratis dan kebetulan yang membuatnya orang Indonesia. ... instal WordPress

Membuat Situs Diskon Pernah melihat situs diskon? Bagaimana membuatnya?

Gampangkah? Gampang sekali. Dengan WordPress, kita bisa

membuat situs diskon seperti disdus.com, Groupon.com, dan lain-

lain.

Kita hanya membutuhkan sebuah plugin untuk membuat situs

diskon. Salah satunya adalah plugin WpDeals. Plugin ini gratis dan

kebetulan yang membuatnya orang Indonesia. Jika Anda ingin

membuat situs diskon lebih lengkap, Anda harus membeli plugin

atau theme yang sudah disediakan. Meskipun demikian, dengan

plugin WpDeals saja sudah cukup.

Menginstal WordPress Karena WpDeals adalah plugin untuk WordPress, tentu saja hal

pertama yang harus dilakukan adalah menginstal WordPress.

Terlebih dahulu, buatlah database di phpmyadmin. Setelah

membuat database, instal WordPress dengan cara sebagai

berikut.

1. Buka http://localhost/namafolder. Misalnya,

http://localhost/diskon.

2. Klik Create a Configuration File.

Page 4: Membuat Situs Diskon - ilmukomputer.orgilmukomputer.org/wp-content/uploads/2012/08/situs-diskon.pdfPlugin ini gratis dan kebetulan yang membuatnya orang Indonesia. ... instal WordPress

3. Klik Let’s go!

4. Isi database lalu klik Submit.

Page 5: Membuat Situs Diskon - ilmukomputer.orgilmukomputer.org/wp-content/uploads/2012/08/situs-diskon.pdfPlugin ini gratis dan kebetulan yang membuatnya orang Indonesia. ... instal WordPress

5. Klik Run the install.

6. Isi informasi website lalu klik Install WordPress.

Page 6: Membuat Situs Diskon - ilmukomputer.orgilmukomputer.org/wp-content/uploads/2012/08/situs-diskon.pdfPlugin ini gratis dan kebetulan yang membuatnya orang Indonesia. ... instal WordPress

7. Instalasi selesai, klik Log In untuk masuk ke halaman admin.

Page 7: Membuat Situs Diskon - ilmukomputer.orgilmukomputer.org/wp-content/uploads/2012/08/situs-diskon.pdfPlugin ini gratis dan kebetulan yang membuatnya orang Indonesia. ... instal WordPress

Instal Plugin Setelah menginstal WordPress, kini saatnya menginstal plugin

WpDeals. Caranya sebagai berikut.

1. Masuk ke halaman admin.

2. Klik Plugins > Add New.

Page 8: Membuat Situs Diskon - ilmukomputer.orgilmukomputer.org/wp-content/uploads/2012/08/situs-diskon.pdfPlugin ini gratis dan kebetulan yang membuatnya orang Indonesia. ... instal WordPress

3. Klik Upload.

4. Klik Telusuri (Browse).

Page 9: Membuat Situs Diskon - ilmukomputer.orgilmukomputer.org/wp-content/uploads/2012/08/situs-diskon.pdfPlugin ini gratis dan kebetulan yang membuatnya orang Indonesia. ... instal WordPress

5. Pilih wp-deals.1.1.2 (saat buku ini ditulis) lalu klik Open.

6. Klik Install Now.

7. Klik Activate Plugin.

Page 10: Membuat Situs Diskon - ilmukomputer.orgilmukomputer.org/wp-content/uploads/2012/08/situs-diskon.pdfPlugin ini gratis dan kebetulan yang membuatnya orang Indonesia. ... instal WordPress

Mengatur Situs Diskon Sebelum menambahkan produk diskon, sebaiknya mengatur

informasi yang akan ditampilkan pada produk yang akan didiskon.

Caranya sebagai berikut.

1. Klik WP Deals > Settings.

2. Di bagian General, pilih mata uang.

3. Ceklis Enable WP Deals CSS style.

4. Klik Save changes.

Page 11: Membuat Situs Diskon - ilmukomputer.orgilmukomputer.org/wp-content/uploads/2012/08/situs-diskon.pdfPlugin ini gratis dan kebetulan yang membuatnya orang Indonesia. ... instal WordPress

5. Klik tab Deals lalu atur sesuai keinginan.

6. Klik Save changes.

7. Klik Payment Gateways.

Page 12: Membuat Situs Diskon - ilmukomputer.orgilmukomputer.org/wp-content/uploads/2012/08/situs-diskon.pdfPlugin ini gratis dan kebetulan yang membuatnya orang Indonesia. ... instal WordPress

8. Ceklis Bank dan Paypal (optional).

9. Klik Save changes.

10. Klik Bank.

11. Isi informasi Bank Anda.

Page 13: Membuat Situs Diskon - ilmukomputer.orgilmukomputer.org/wp-content/uploads/2012/08/situs-diskon.pdfPlugin ini gratis dan kebetulan yang membuatnya orang Indonesia. ... instal WordPress

12. Di bagian Payment Description, isi informasi yang akan

ditampilkan di invoice. Misalnya, cara konfirmasi pembelian

setelah konsumen melakukan transfer.

13. Klik Save changes.

14. Klik Paypal.

15. Masukkan alamat email akun Paypal Anda.

Page 14: Membuat Situs Diskon - ilmukomputer.orgilmukomputer.org/wp-content/uploads/2012/08/situs-diskon.pdfPlugin ini gratis dan kebetulan yang membuatnya orang Indonesia. ... instal WordPress

16. Klik Save changes.

17. Klik Invoice lalu isi informasi yang akan ditampilkan di invoice.

18. Klik Save changes.

Page 15: Membuat Situs Diskon - ilmukomputer.orgilmukomputer.org/wp-content/uploads/2012/08/situs-diskon.pdfPlugin ini gratis dan kebetulan yang membuatnya orang Indonesia. ... instal WordPress

Menambah Produk Diskon Setelah pengaturan selesai, kita bisa menambahkan produk yang

akan didiskon. Caranya sebagai berikut.

1. Klik Deals > Add Deal.

2. Ketik judul dan informasi produk.

3. Isi harga, stok, dan tanggal diskon berakhir.

Page 16: Membuat Situs Diskon - ilmukomputer.orgilmukomputer.org/wp-content/uploads/2012/08/situs-diskon.pdfPlugin ini gratis dan kebetulan yang membuatnya orang Indonesia. ... instal WordPress

4. Masukkan kategori.

Page 17: Membuat Situs Diskon - ilmukomputer.orgilmukomputer.org/wp-content/uploads/2012/08/situs-diskon.pdfPlugin ini gratis dan kebetulan yang membuatnya orang Indonesia. ... instal WordPress

5. Masukkan tag produk supaya gampang dikenali mesin

pencari.

Page 18: Membuat Situs Diskon - ilmukomputer.orgilmukomputer.org/wp-content/uploads/2012/08/situs-diskon.pdfPlugin ini gratis dan kebetulan yang membuatnya orang Indonesia. ... instal WordPress

6. Klik Set featured image.

7. Klik Add Files.

Page 19: Membuat Situs Diskon - ilmukomputer.orgilmukomputer.org/wp-content/uploads/2012/08/situs-diskon.pdfPlugin ini gratis dan kebetulan yang membuatnya orang Indonesia. ... instal WordPress

8. Pilih gambar produk lalu klik Open.

9. Klik Use as featured image.

10. Klik ikon Close.

Page 20: Membuat Situs Diskon - ilmukomputer.orgilmukomputer.org/wp-content/uploads/2012/08/situs-diskon.pdfPlugin ini gratis dan kebetulan yang membuatnya orang Indonesia. ... instal WordPress

11. Gambar telah dimasukkan di Featured image.

Page 21: Membuat Situs Diskon - ilmukomputer.orgilmukomputer.org/wp-content/uploads/2012/08/situs-diskon.pdfPlugin ini gratis dan kebetulan yang membuatnya orang Indonesia. ... instal WordPress

12. Klik Publish.

Hasilnya sebagai berikut.

Page 22: Membuat Situs Diskon - ilmukomputer.orgilmukomputer.org/wp-content/uploads/2012/08/situs-diskon.pdfPlugin ini gratis dan kebetulan yang membuatnya orang Indonesia. ... instal WordPress

Mengubah Tulisan Buy Now Kita bisa mengubah tulisan (Buy Now) dalam tombol. Misalnya,

diganti menjadi Beli. Serta simbol mata uang yang tadinya RP.

menjadi Rp.

Page 23: Membuat Situs Diskon - ilmukomputer.orgilmukomputer.org/wp-content/uploads/2012/08/situs-diskon.pdfPlugin ini gratis dan kebetulan yang membuatnya orang Indonesia. ... instal WordPress

Caranya mengubahnya sebagai berikut.

1. Buka folder \wp-content\plugins\wp-deals.

2. Buka file deals_templates.php menggunakan Notepad atau

Notepad++.

Page 24: Membuat Situs Diskon - ilmukomputer.orgilmukomputer.org/wp-content/uploads/2012/08/situs-diskon.pdfPlugin ini gratis dan kebetulan yang membuatnya orang Indonesia. ... instal WordPress

3. Cari kata Buy Now lalu ubah menjadi Beli.

4. Buka juga file deals.php. Cari RP. lalu ubah menjadi Rp.

Page 25: Membuat Situs Diskon - ilmukomputer.orgilmukomputer.org/wp-content/uploads/2012/08/situs-diskon.pdfPlugin ini gratis dan kebetulan yang membuatnya orang Indonesia. ... instal WordPress

5. Refresh halaman web. Hasilnya seperti gambar berikut.

Mencoba Beli Yakin website sudah berjalan dengan baik? Untuk

membuktikannya, coba saja melakukan transaksi.

Page 26: Membuat Situs Diskon - ilmukomputer.orgilmukomputer.org/wp-content/uploads/2012/08/situs-diskon.pdfPlugin ini gratis dan kebetulan yang membuatnya orang Indonesia. ... instal WordPress

Klik Beli.

Akan keluar informasi seperti gambar berikut.

Page 27: Membuat Situs Diskon - ilmukomputer.orgilmukomputer.org/wp-content/uploads/2012/08/situs-diskon.pdfPlugin ini gratis dan kebetulan yang membuatnya orang Indonesia. ... instal WordPress

Sangat sederhana? Ya. Supaya lebih bagus, kita harus membeli

plugin dan theme yang sudah disediakan WpDeals.

Mengubah Status Transaksi Jika ada yang berbelanja, tentu akan disimpan di database.

Statusnya masih pending, menunggu konfirmasi pembayaran dari

pembeli. Jika sudah dibayar, kita bisa mengubah statusnya

menjadi complete. Caranya sebagai berikut.

1. Klik WP Deals > Sales.

2. Klik Sales ID yang akan diubah statusnya.

3. Pilih barang yang dibeli.

Page 28: Membuat Situs Diskon - ilmukomputer.orgilmukomputer.org/wp-content/uploads/2012/08/situs-diskon.pdfPlugin ini gratis dan kebetulan yang membuatnya orang Indonesia. ... instal WordPress

4. Pilih status.

5. Pilih metode pembayaran.

6. Klik Save.

Page 29: Membuat Situs Diskon - ilmukomputer.orgilmukomputer.org/wp-content/uploads/2012/08/situs-diskon.pdfPlugin ini gratis dan kebetulan yang membuatnya orang Indonesia. ... instal WordPress
Page 30: Membuat Situs Diskon - ilmukomputer.orgilmukomputer.org/wp-content/uploads/2012/08/situs-diskon.pdfPlugin ini gratis dan kebetulan yang membuatnya orang Indonesia. ... instal WordPress

Membuat Website Dua

Bahasa Menentukan target pengunjung website sebaiknya dilakukan

sebelum dipublikasikan ke internet. Hal ini sangat penting dalam

memilih lokasi server hosting. Jika targetnya hanya pengunjung

dalam negeri, sebaiknya memilih server lokal. Sebaliknya, kita bisa

memilih server luar bila target pengunjungnya memang dari luar

negeri.

Jika target pengunjung Anda adalah dari dalam dan luar negeri,

alangkah baiknya menyediakan pilihan bahasa. Memang, kita bisa

menggunakan Google Translate, tetapi akan lebih baik lagi bila

konten kita buat secara manual sesuai bahasa yang kita sajikan.

Menginstal Plugin qTranslate Pada WordPress, ada plugin bahasa yang bisa kita gunakan secara

gratis. Dengan plugin ini, kita harus menyiapkan konten sebanyak

bahasa yang ingin kita sajikan. Misalnya, jika ingin menyajikan

bahasa Indonesia dan Inggris, kedua jenis konten tersebut harus

kita siapkan.

Untuk menginstalnya, silakan ikuti langkah berikut.

1. Klik Plugin > Add New.

Page 31: Membuat Situs Diskon - ilmukomputer.orgilmukomputer.org/wp-content/uploads/2012/08/situs-diskon.pdfPlugin ini gratis dan kebetulan yang membuatnya orang Indonesia. ... instal WordPress

2. Klik Upload.

3. Klik Telusuri.

4. Pilih qtranslate.2.5.28 (versi saat ditulis) lalu klik Open.

Page 32: Membuat Situs Diskon - ilmukomputer.orgilmukomputer.org/wp-content/uploads/2012/08/situs-diskon.pdfPlugin ini gratis dan kebetulan yang membuatnya orang Indonesia. ... instal WordPress

5. Klik Install Now.

6. Klik Activate Plugin.

Page 33: Membuat Situs Diskon - ilmukomputer.orgilmukomputer.org/wp-content/uploads/2012/08/situs-diskon.pdfPlugin ini gratis dan kebetulan yang membuatnya orang Indonesia. ... instal WordPress

Menambahkan Bahasa

Indonesia Setelah diinstal, kita bisa menambahkan bahasa Indonesia dengan

cara sebagai berikut.

1. Klik Settings > Languages.

2. Karena defaultnya ada tiga bahasa, klik Disable pada bahasa

yang tidak akan digunakan.

Page 34: Membuat Situs Diskon - ilmukomputer.orgilmukomputer.org/wp-content/uploads/2012/08/situs-diskon.pdfPlugin ini gratis dan kebetulan yang membuatnya orang Indonesia. ... instal WordPress

3. Untuk menginstal bahasa Indonesia, ketik id pada Language

Code.

4. Pilih bendera.

5. Ketik Bahasa Indonesia pada Name lalu ketik id_ID pada

Locale.

6. Klik Add Language.

Page 35: Membuat Situs Diskon - ilmukomputer.orgilmukomputer.org/wp-content/uploads/2012/08/situs-diskon.pdfPlugin ini gratis dan kebetulan yang membuatnya orang Indonesia. ... instal WordPress

7. Klik Enable pada Bahasa Indonesia.

8. Pilih default bahasa. Jika memilih Bahasa Indonesia, otomatis

WordPress akan berubah menjadi bahasa Indonesia (termasuk

halaman admin).

Page 36: Membuat Situs Diskon - ilmukomputer.orgilmukomputer.org/wp-content/uploads/2012/08/situs-diskon.pdfPlugin ini gratis dan kebetulan yang membuatnya orang Indonesia. ... instal WordPress

Mencoba Posting Artikel Setelah menginstal bahasa, cobalah posting sebuah artikel.

Caranya sebagai berikut.

1. Pada bagian judul, ketik judul sesuai bahasa masing-masing.

2. Pada kotak artikel, tab Bahasa Indonesia, isi dengan artikel

bahasa Indonesia.

3. Pada tab English, isi dengan artikel berbahasa Inggris.

4. Klik Publish bila sudah selesai.

Page 37: Membuat Situs Diskon - ilmukomputer.orgilmukomputer.org/wp-content/uploads/2012/08/situs-diskon.pdfPlugin ini gratis dan kebetulan yang membuatnya orang Indonesia. ... instal WordPress

5. Masuk ke Tampilan > Widget.

6. Masukkan widget gTranslate lalu pilih opsi yang disediakan.

7. Klik Simpan.

Hasilnya sebagai berikut.

Page 38: Membuat Situs Diskon - ilmukomputer.orgilmukomputer.org/wp-content/uploads/2012/08/situs-diskon.pdfPlugin ini gratis dan kebetulan yang membuatnya orang Indonesia. ... instal WordPress

Untuk artikel bahasa Inggris, klik bendera Inggris.

Page 39: Membuat Situs Diskon - ilmukomputer.orgilmukomputer.org/wp-content/uploads/2012/08/situs-diskon.pdfPlugin ini gratis dan kebetulan yang membuatnya orang Indonesia. ... instal WordPress

Tentang Penulis Sudarma Sopian, lahir di Sumedang, 5

September 1980. Anak pertama dari

empat saudara ini, mulai tertarik di

bidang menulis, sejak April 2008.

Meskipun sudah memiliki blog sejak

tahun 2006, tetapi mulai menulis artikel

di blog tersebut pada bulan April 2008.

Sampai saat ini, dia sudah menulis

duapuluhtiga buku di mediakita, dan beberapa di antaranya

diterbitkan dan diterjemahkan di Malaysia.

Jika Anda ingin konsultasi, bisa menghubungi dia, melalui:

Email : [email protected]

Website : www.sudarma.info | www.sudarmaster.com

Facebook : http://facebook.com/sudarma.sopian

Webhosting : www.hostamasta.com