Panduan Bikin Website Toko Online

Berikut ini saya berbagi ilmu panduan gratis & mudah cara membuat situs web toko online store / e-commerce sendiri dengan wordpress. Membuat sebuah situs toko online/e-commerce tidaklah sesulit yang Anda bayangkan. Silahkan ikuti saja langkah-langkah yang saya tulis ini, maka toko online Anda akan segera jadi.
Sebelumnya perlu Anda ketahui bahwa bisnis online adalah bisnis yang sangat mengandalkan kepercayaan. Untuk itulah diperlukan keseriusan Anda dalam berbisnis. Disini Anda saya sarankan untuk membuat website berbayar karena akan meningkatkan kepercayaan konsumen anda dalam berbelanja. Mengapa? karena kebanyakan situs-situs penipu menggunakan website gratisan.
Ok, langsung saja. Berikut ini langkah-langkahnya :

Cara Membuat Toko Online

Tahap I: Menyiapkan Domain & Hosting

1. Buka / klik halaman Hosting Terbaik Indonesia ini.
2. Selanjutnya masukkan nama domain yang Anda inginkan, misalnya “habibimustafa.com”,  lalu klik tombol “Cek Ketersediaan”.
   
3. Jika domain yang Anda inginkan masih tersedia, maka sebaiknya segeralah Anda pesan dengan klik tombol “Pesan Sekarang”.  Domain dengan nama yang bagus pasti banyak dicari orang, jadi jika Anda tidak segera memesan maka mungkin esok hari nama domain yang Anda inginkan tersebut sudah diambil orang lain.
   
4. Klik  tulisan berwarna merah [Tanpa Hosting! Klik Untuk Menambahkan] untuk menambahkan paket hosting.
   
5. Pada kotak kategori, pilih Shared Hosting Linux (cPanel/WHM) lalu pilih salah satu paket yang ditawarkan, misalnya MWN BISNIS C CPANEL dan pada drop down pilih tipe pembayaran saya sarankan pilih Per 1 Tahun atau Per 2 Tahun ( lebih murah + dapet domain gratis euy ). Lalu Klik Pesan Sekarang.
   
6. Langkah selanjutnya biarkan saja default, langsung klik Tambah Ke Keranjang Belanja.
7. Selanjutnya Anda dapat menambahkan Proteksi ID  atau tidak, lalu klik Update Keranjang Belanja lalu Checkout.
   
8. Muncul halaman pengisian data, isi semua data, pilih juga tipe pembayaran dengan BCA/Mandiri atau Paypal dan Selesaikan Pesanan.
   
   
9. Setelah semua proses selesai, lakukan konfirmasi pembayaran sesuai petunjuk dari penyedia hosting.
   
   
   
   
10. Segera setelah anda melakukan konfirmasi Domain dan paket hosting anda akan segera aktif.  Anda akan menerima email yang berisi username, password dan link ke cpanel website anda, juga username dan password ke cpanel domain anda. Karena kita membeli satu paket maka kita belum perlu membuka cpanel domain. Anda cukup login ke cpanel website anda. Informasi login ke cpanel akan anda terima melalui email. Alamat cpanel biasanya http://namadomain.com/cpanel/ atau http://cpanel.namadomain.com/

nb: klik gambarnya untuk memperbesar.

Tahap II: Instalasi Website (WordPress)

Instal WordPress Menggunakan Softaculous

Untuk melakukan instalasi WordPress menggunakan software Softaculous, berikut adalah langkah-langkahnya:

1. Masuk ke akun cPanel hoting Anda. Ketik cpanel.domainanda.com atau domainanda.com/cpanel pada browser Anda, kemudian masukkan user dan password. Setelah itu Anda akan dibawa ke panel Home cPanel.
2. Pada bagian Software (seperti gambar di atas), pilih Softaculous.
3. Setelah itu Anda akan masuk ke panel Softaculous. Di dashboard bagian kiri, akan terdapat sangat banyak pilihan software yang bisa Anda instal. Untuk menginstal WordPress, pilih kategori Blog dan kemudian pilih WordPress.
   Setelah masuk ke dashboard WordPress, pilih Install pada tab bagian atas.
4. Sekarang adalah tahap inti, yaitu proses instalasi. Pada bagian ini, Anda akan mengatur setting dasar website/blog WordPress Anda.
   Berikut adalah keterangan-keterangan berdasarkan nomor yang terdapat pada gambar di bawah:
   • Choose Protocol – Pilih jenis protocol alamat website/blog Anda, apakah ingin menggunakan alamat dengan www atau tanpa www.  Terdapat http://; http://www.; https://; dan http://www.
   • Choose Domain – Pilih di domain mana Anda ingin menginstal website/blog Anda.
   • In Directory – Ini adalah direktori tempat Anda meletakkan blog Anda. Misalnya Anda ingin menjalankan blog pada direktori lain, misalnya http://domainanda.com/blog atau http://domainanda.com/archive, maka isilah dengan blog atau archive. Namun jika Anda tetap ingin menginstal dengan direktori utama, maka biarkan kolom ini kosong, sehingga blog Anda akan terintall di alamat utama domain Anda (seperti halnya pada blog ini).
   • Database Name – Ini adalah nama database yang akan terbentuk di hosting Anda setelah proses instalasi WordPress selesai. Biarkan sesuai default, atau isi dengan nama domain Anda (tanpa .com) untuk memudahkan Anda menemukannya pada File Manager atau untuk keperluan lainnya.
   • Table Prefix – Biasanya wp_ namun untuk keamanan bisa diganti dengan yang lain misal w3bq_ (maks. 7 huruf) . Ini adalah awalan yang digunakan pada database blog Anda.
   • Site Settings – Terdapat Site Name dan Site Description. Isi saja sesuai keinginan Anda, yaitu Nama dan Deskripsi blog Anda. Setting ini juga dapat diubah nanti melalui dashboard WordPress Anda.
   • Admin Account -  Pada bagian ini Anda akan mengatur Username, Password dan Email admin blog ini. Isikan semuanya dengan  benar. Anda akan menggunakan data ini untuk bisa masuk ke blog WordPress Anda (http://domainanda.com/wp-admin)
     Untuk lebih jelasnya, lihat gambar di bawah (klik gambar untuk memperbesar).

Pengaturan selesai. Pada bagian bawahnya terdapat Language, pilih saja sesuai dengan keinginan Anda. Setelah itu, klik Install dan proses instalasi akan berjalan.
Prosesnya biasanya sangat sebentar, hanya beberapa detik.
** WordPress Anda telah selesai di-instal. Untuk membukanya, langsung saja menuju http://domainanda.com/wp-admin dan masukkan user dan password sesuai yang Anda isikan pada proses sebelumnya.

Cara Install WordPress Dengan Fantastico

Berikut adalah cara install wordpress menggunakan Fantastico :

1. Silahkan login ke Cpanel hosting yang anda punyai.
2. Carilah Icon Fantastico kemudian klik pada icon tersebut.
3. Alihkan perhatian ke sebelah kiri atas, kemudian klik “WordPress“.
4. Klik pada link New Installation.
5. Akan muncul form untuk diisi, maka silahkan isilah dengan apa yang diminta. Akhiri dengan klik tombolInstall WordPress.
   • Install on domain : pilih nama domain yang ingin anda install wordpress
   • Install in directory : Kosongkan jika ingin menginstall pada domain utama.
   • Administrator-username (you need this to enter the protected admin area) : isi dengan username admin yang di inginkan.
   • Password (you need this to enter the protected admin area) : Isi dengan password yang diinginkan. Ingat, dalam mengisi password jangan sampai asal isi, anda harus mengingatnya atau mencatatnya agar tidak lupa.
   • Admin nickname : Isi dengan nama panggilan anda.
   • Admin e-mail (your email address) : isi dengan email yang anda miliki.
   • Site name : isi dengan nama blog yang di inginkan, misal : Catatan Sang Pemimpi
   • Description : isi dengan deskripsi blog yang anda inginkan.
6. Apabila tidak ada error, lanjutkan dengan klik tombol Finish Installation.
7.  Sampai disini instalasi wordpress telah selesai. Apabila anda ingin mengirimkan catatan instalasi ke email anda, cantumkan alamat email dan klik tombol Send E-mail.
8. Selesai.

Dengan menggunakan Fantastico atau Softacolous, instalasi wordpress bisa sangat cepat dan mudah karena anda tidak perlu download serta upload software wordpress, semua file wordpress telah disediakan oleh software installer tersebut.

Tahap III: Instalasi Plugins (WP E-Commerce)

1. Silahkan login ke admin WordPress Anda (http://www. nama-toko-online .com/wp-admin) lalu klik Post >>All Post dan hapus posting default bawaan intalasi. Juga page default Pages>>All Pages.
2. Klik Posts -> Categories dan buat kategori yang relevan dengan produk Anda. Di sini kita akan membuat kategori Pakaian Pria, Pakaian Wanita, Pakaian Anak-anak dan Pakaian Bayi. Isi nama kategori sekaligus deskripsinya. Untuk kategori Uncategorized, silahkan ubah menjadi kategori baru dengan nama yang lain misalnya Assesories.
   
3. Sekarang kita akan mengganti Theme default dengan sebuah theme wodpress premium untuk toko online. Klik Appearance>>Themes>>Instal Themes>>Uploads lalu arahkan ke theme ecommerce kamu. Setelah selesai, aktifkan theme. Untuk mencari tema wordpress gratis silahkan gunakan google atau obok-obok aja web ini. hehe..
4. Buka Settings -> General lakukan perubahan berikut:
   • Site Title isi dengan nama toko online Anda misalnya Toko Online
   • Tagline dengan tagline toko Anda misalnya Semua Pakaian Murah
   • Pilih opsi Anyone can Register .
   • Kemudian klik  Save Changes.
     
5. Edit permalink dengan klik Settings>>Permalinks  Pilih Custom Structure dan masukkan /%postname%/ lalu simpan. Permalinks menjadikan url halaman jadi lebih baik. Url hasil setting akan mengubah struktur URL Default dari http://nama-toko-online.com/?p=123 menjadi seperti ini: http://nama-toko-online.com/baju-batik
   
6. Buka Settings>> Discussions lalu hapus semua centang dari semua opsi dan simpan. Ini akan mencegah semua jenis komentar ke dalam situs e-commerce Anda.
7. Buka Plugins>>Add New lalu di kolom pencarian masukkan “WP e-commerce” klik Search Plugins.setelah ketemu plugin bernama WP e-commerce klik install now dan activate plugin untuk mulai memasang plugin WP e-Commerce yang merupakan plugin dasar toko online kita. Plugin WP e-Commerce telah terpasang dan siap di gunakan.
8. Setelah plugin terinstal, Anda akan melihat menu baru Products di dashboard dan opsi Store di bagian Settings. Menu Products ini digunakan untuk menambahkan produk yang berbeda untuk situs Toko Online Anda dan opsi Store digunakan untuk pengaturan plugin. Di dashboard Anda, Anda juga akan menemukan tiga item baru yaitu Sales by Quarter, Sales by Month dan Sales Summary.
   

Tahap IV: Setting Permalink & Kontak

1. Silakan masuk ke menu Settings -> Reading
2. Pada Front page displays pilih A static page (select below) kemudian pada drop down Front page: pilih Products page. Setting ini bertujuan untuk menampilkan halaman produk di halaman depan ketika pelanggan mengunjungi situs toko online Anda.
3. Klik Save Changes
   
   
4. Selanjutnya ialah membuat halaman halaman Contact Us atau halaman kontak menggunakan plugin Contact Form 7. Caranya buka Plugins>>Add New lalu di kolom pencarian masukkan “Contact Form 7” klik Search Plugins, setelah ketemu pluginnya klik install now dan activate plugin untuk mulai memasang plugin Contact Form 7.
5. Masuk ke menu Settings -> Reading lalu isi kolom To: di bawah opsi Mail dengan alamat email Anda.
6. Salin kode pendek yang dihasilkan seperti ini [ contact-form-7 id="10" title="Contact form 1_copy" ]
7. Buat page baru Pages >>Add New kemudian beri nama halaman Contact Us / Kontak Kami.
8. Pada pilihan Edit Visual dan HTML pilih HTML
9. Paste kode tersebut ke dalam isi page atau bisa juga Anda taroh di sidebar pinggir dengan text widgets.
10. Hasilnya akan seperti ini :
    [contact-form-7 id="1" title="Contact form 1" ]

Tahap V: Setting WP E-Commerce

Buka Settings>>Store. Di sini Anda dapat membuat pengaturan yang berbeda sesuai kebutuhan.

1.  General
   
   • Base Country/Region: pilih Indonesia
   • Target Markets: Pilih Indonesia sedang untuk target Internasional contreng semua negara.
   • Current Type : Pilih Indonesia (Indonesian Rupiah)
   •  Lalu simpan.
2. Presentation
   1. Pilih Add to Cart untuk Button Type.
   2. Anda dapat mengaktifkan opsi tambahan dari Show Product Ratings, Show Stock Availability, Display Fancy Purchase Notifications, Display per item shipping dll.Untuk saat ini kita hanya akan memilih tampilan Display per item shipping.
   3.  Gird View Settings masukkan 3 products per row dan contreng Display Description, Display “Add to Cart” Button dan opsi Display “More Details” Button.
   4. Shopping Cart Settings; pada Cart Location pilih Widget dan contreng Display “+ Postage & Tax”:
   5. Anda dapat mengatur format dari gambar thumbnail produk pada Thumbnail Settings.
   6. Anda bisa mengaktifkan opsi lain sesuai kebutuhan Anda. Tapi untuk saat ini biarkan saja yang lainnya default.
   7. Simpan
3. Admin
   • Tiga opsi pertama digunakan untuk Anda yang menjual produk download seperti software, musik, game dll
   • Purchase Log Email dan Purchase Receipt – Reply Address: masukkan alamat email Anda.
   • Masukkan nama Anda  pada Purchase Receipt – Reply Name:
   • Atur Syarat dan Ketentuan (Set Terms and Conditions) jika ada.
   • Anda dapat mengedit  Purchase Receipt dan Admin Report (Penerimaan Pembelian dan format Laporan Admin) pada Custom Messages.
   • Tracking responses (Pelacakan tanggapan) juga dapat dibuat dari halaman ini.
   • Terakhir klik Update.
4.  (Taxes) Pajak
   Di sini Anda dapat mendefinisikan aturan pajak yang sesuai dengan kebutuhan Anda. Anda juga dapat menentukan pajak per item.
5. Shipping (pengiriman)
   Kali ini kita akan menambahkan Plugin WP E-commerce yang terintegrasi dengan system penentuan tarif kirim lokal indonesia seperti JNE atau TIKI yaitu WPE-Indoshipping.Plugin ini fleksibel,jadi tidak hanya untuk JNE saja, tetapi bisa dipakai untuk semua jenis pengiriman di Indonesia yang tarifnya berdasarkan tujuan pengiriman.
   • Upload file plugin wpe-indoshipping.zip melalui plugin installer di admin WP anda.
   • Atifkan plugin ini.
   • Masuk ke bagian settings wp e-commerce –> Shipping.
   • Centang plugin ini, dan update. Ini untuk memberitahu WP E-commerce supaya system shipping kita dikenali.
   • Untuk mengganti nama Shipping sesuai dengan jasa pengiriman yang anda gunakan, tinggal klik menu Edit, dan ganti Shipping Name.
   • Untuk merubah harga, klik Plugin -> Editor ->Select Plugin to edit: arahkan ke WPE indoshipping klik select.

Tahap V: Setting Pembayaran

1. Payments (Setting Pembayaran)
   Di sini Anda dapat menentukan gateway pembayaran bagi pelanggan. Di antara berbagai pilihan yang tersedia, kita akan menggunakan Test Gateway dan PayPal Payments Standard 2.0.PayPal Payments Standard 2.0dapat digunakan jika Anda memiliki account PayPal. Ini akan memungkinkan pelanggan untuk membeli produk menggunakan PayPal.Kita juga bisa menggunakan opsi Test Gateway sebagai alat pembayaran manual. Setelah memilih dan mengedit opsi pembayaran,Anda harus memberikan semua rincian pembayaran yang di perlukan.Perhatikan Screenshot berikut:
2. Checkout
   Pada pilihan Misc Checkout Options  aktifkan Users must register before checking out, Enable Shipping Same as Billing Option: dan Force users to use SSL.Form FieldsAnda dapat mengatur bentuk formulir checkout untuk kostumer. Anda dapat membuat bentuk formulir baru atau menggunakan default. Anda dapat mengubah Name, Type,  dan pilihan Mandatory. Anda juga dapat melakukan drag dan drop, untuk menghapus dan menentukan bidang yang berbeda berdasarkan kebutuhan Anda.Klik Save Changes
3. Marketing (pemasaran)
   Pilihan ini digunakan untuk share dan mempromosikan produk Anda di berbagai situs jejaring sosial, RSS dan Google  Merchant Center. Untuk saat ini kita akan pilih opsi Show Share This, Customer Survey dan Facebook Like.Klik Update.
4. Import
   Opsi impor digunakan untuk meng-upload produk secara otomatis menggunakan file csv. Kita bahas ini nanti.

Tahap V: Tahap Akhir

Di sini kita akan melalui langkah-langkah akhir menyelesaikan situs toko online Anda. Anda akan ditunjukkan dengan proses menambahkan produk ke situs Anda, menggunakan widget yang berbeda untuk meningkatkan situs Anda, dengan menggunakan laporan yang berbeda untuk melacak penjualan dan efisiensi penggunaan shortcodes. Setelah selesai dengan setting wp e-commerce, menambahkan produk dan proses penjualan menjadi seperti permainan anak-anak.
Sebelum Mulai menambah Produk
Mari kita membahas sebuah pilihan berguna sebelum kita menambahkan beberapa produk pertama.

1. Product -> Coupons memungkinkan kita menambahkan kupon diskon khusus untuk produk.Di sini Anda dapat menentukan Kode Kupon, Diskon, Tanggal Kadaluwarsa Kupon dan kondisi lain sesuai kebutuhan Anda.
2. Product -> Variations memungkinkan Anda menambahkan variasi untuk produk Anda. Sebagai contoh Anda menjual T-Shirts dan Anda ingin menentukan variasinya dalam Ukuran atau warna.Anda menentukan pilihan pada Variations Set dulu dan kemudian menentukan variasi yang berbeda di bawahnya. Anda juga dapat menetapkan harga untuk setiap variasi.
3. Product -> Product Tags memungkinkan Anda mendefinisikan tag  produk Anda sendiri berguna untuk mencari produk saat menggunakan widget Produk Tags.

Menambahkan Kategori Produk
Sebelum menambahkan produk kita tambahkan dulu kategori produk,

1. klik Products -> Categories.
2. Tentukan Name, Parent Category (jika ada) dan Description. Anda juga dapat menentukan gambar Miniatur dan juga membatasi negara mana yang bisa mengakses produk ini. Misalnya Pakaian Pria, Pakaian Wanita, Pakaian Anak-anak dan Pakaian Bayi.

Menambah Produk Pertama Anda

1. Klik Products -> Add New
2. Tentukan Product Name, Product Description, Product Tags
3. Tentukan kategori produk Anda di bawah Categories.
4. Pilihan Variations memungkinkan Anda menambahkan Variasi baru untuk produk yang anda buat.