Tutorial cara membuat toko online dengan wordpress – WordPress adalah CMS mengagumkan yang laris digunakan di mana-mana yang sampai saat ini menjadi yang terbaik diantara semua CMS. Dalam tutorial kali ini kita akan belajar membuat website yang memiliki fungsi toko online di dalamnya. Lebih sederhananya kita akan menciptakan sebuah toko online busana yang berfungsi penuh.
Jika Anda belum pernah membuat sebuah website toko online sebelumnya, berikut ini adalah tutorial kilat yang mungkin bisa membantu. Ada banyak plugin yang tersedia untuk membuat WordPress berfungsi sebagai toko online, tapi kita akan menggunakan WP e-Commerce.
Berikut ini yang akan kita pelajari dalam tutorial cara membuat toko online:
- Menginstal di WordPress, kemudian melakukan setting plugins WP eCommerce
- Membuat beberapa contoh product kemudian mempublishnya.
Ok.. mari kita mulai saja tutorial cara membuat toko online profesional dengan wordpress. Sebelum mulai,Saya asumsikan bahwa Anda sudah memiliki wordpress versi terbaru terinstal di server hosting anda. Bagi yang belum mengetahui bagaimana membuat blog, silahkan baca-baca dulu di gugel 
. Saran saya sebaiknya gunakan hosting aman dan handal seperti MWN.
. Saran saya sebaiknya gunakan hosting aman dan handal seperti MWN.1. Persiapan setting sebelum instal plugin:
- Silahkan login ke admin WordPress Anda (http://www.tokoonline.com/wp-admin) lalu klik Post >>All Post dan hapus Posting default bawaan intalasi.Juga page defaultPages>>All Pages.
- Sekarang kita akan mengganti Theme default dengan sebuah theme gratis, silahkan mencari sendiri theme apa yang paling cocok namun sangat tidak di sarankan untuk menggunakan theme selain dari WordPress. Pada tutorial ini Budhe memilih themeCatch Box (silahkan download disini ) Klik Appearance>>Themes>>Instal Themes. Setelah selesai, aktifkan theme.
- 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.
- Edit permalink dengan klik Settings>>Permalinks , pilih Post name lalu simpan. Setting permalinks ini akana menjadikan url halaman jadi lebih baik. Url hasil setting akan seperti ini: http://tokoonlinekamu.com/baju-batik. Url defaut wordpress seperti ini:http://tokoonlinekamu.com/?p=123.
- Buka Settings>> Discussions lalu hapus semua centang dari semua opsi dan simpan. Ini akan mencegah semua jenis komentar ke dalam situs e-commerce Anda.
2. Instal plugin WP e-Commerce
Untuk menginstal plugin WP eCommerce prosesnya sama saja seperti instal plugin pada umumnya. Setelah plugin aktif, Anda akan menemukan menu baru Product di bawah menuComment di halaman admin wordpress Anda. Juga menu Store berada di sub menu dari menu Settings.
Secara ringkas proses instal plugin seperti ini:
Buka Plugins>>Add New lalu di kolom pencarian masukkan “WP e-commerce” klikSearch Plugins.setelah ketemu plugin bernama WP e-commerce klik install now danactivate plugin untuk mulai memasang plugin WP e-Commerce yang merupakan plugin dasar toko online kita.
3. Setting WP e-Commerce.
Silahkan login ke halaman admin wordpress Anda http://tokoonline.com/wp-admin.
Setelah plugin terinstal, Anda akan melihat menu baru Products di dashboard dan opsiStore 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 Store Upgrades danSales Store Sales.
Beberapa Setting penting sebelum mengkonfigurasi plugin.
- Silakan buka Settings -> Reading
- Front page displays pilih A static page (select below) kemudian pada drop downFront page: pilih Products page. Ini akan memastikan bahwa ketika pelanggan mengunjungi situs toko online Anda, halaman produk akan ditampilkan secara default di halaman depan.
4. Membuat halaman Contact Us.
Kita akan menggunakan plugin Contact Form 7 untuk membuat halaman Contact Us. Untuk itu silahkan lakukan proses instalasinya seperti waktu instsalasi WP eCommerce tadi lalu aktifkan.
Setelah aktivasi silahkan klik pada Settings Contact Form 7 .Setting cukup mudah dilakukan,cukup isi alamat email Anda di kolom To: di bawah opsi Mail kemudian salin kode pendek yang dihasilkan dan paste ke dalam posting,page atau dalam konten text widgets.
Contoh penggunaanya:
- kode tersebut seperti ini [contact-form-7 id="10" title="Contact form 1_copy"]
- Buat page baru Pages>>Add New kemudian beri nama halaman Contact Us.
- Pada pilihan Edit Visual dan Html pilih HTML,paste kode ke dalam isi page.
- Klik Publish.
5. Setting WP e-Commerce
Buka Settings>>Store. Di sini Anda dapat membuat pengaturan yang berbeda sesuai kebutuhan.
5a. 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.
5b. Presentation
- Pilih Add to Cart untuk Button Type.
- Anda dapat mengaktifkan opsi tambahan dari Show Product Ratings, Show Stock Availability, Display Fancy Purchase Notifications, Display per item shippingdll.Untuk saat ini kita hanya akan memilih tampilan Display per item shipping.
- Gird View Settings masukkan 3 products per row dan contreng Display Description, Display “Add to Cart” Button dan opsi Display “More Details” Button.
- Shopping Cart Settings; pada Cart Location pilih Widget dan contreng Display “+ Postage & Tax”:
- Anda dapat mengatur format dari gambar thumbnail produk pada Thumbnail Settings.
- Anda bisa mengaktifkan opsi lain sesuai kebutuhan Anda. Tapi untuk saat ini biarkan saja yang lainnya default.
- Simpan
- Perhatikan Kotak Advance Theme Settings di sebelah kanan, contreng semua list kemudian klik Move Template Files. Ini akan memastikan Theme WordPress Yang Anda pakai akan terintegrasi dengan plugin WP e-commerce. Dan setiap kali Anda mengganti Theme dengan yang baru, langkah ini jangan sampe ketinggalan!.
5c. 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.
5d. (Taxes) Pajak
Di sini Anda dapat mendefinisikan aturan pajak yang sesuai dengan kebutuhan Anda. Anda juga dapat menentukan pajak per item.
5e. 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.
Anda harus mengatur biaya pengiriman dengan klik IndoShipping>>Manage dan menambahkan harga untuk Kota atau provinsi tertentu.
5f. 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.0 dapat 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:
5g. Checkout
Pada pilihan Misc Checkout Options aktifkan Users must register before checking out, Enable Shipping as Billing Option:dan Force users to use SSL.
Form Fields Anda 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
5h. 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.
5h. Import
Opsi impor digunakan untuk meng-upload produk secara otomatis menggunakan file csv. Kita bahas ini nanti.
Tutorial cara membuat toko online dengan wordpress – WordPress adalah CMS mengagumkan yang laris digunakan di mana-mana yang sampai saat ini menjadi yang terbaik diantara semua CMS. Dalam tutorial kali ini kita akan belajar membuat website yang memiliki fungsi toko online di dalamnya. Lebih sederhananya kita akan menciptakan sebuah toko online busana yang berfungsi penuh.
Jika Anda belum pernah membuat sebuah website toko online sebelumnya, berikut ini adalah tutorial kilat yang mungkin bisa membantu. Ada banyak plugin yang tersedia untuk membuat WordPress berfungsi sebagai toko online, tapi kita akan menggunakan WP e-Commerce.
Berikut ini yang akan kita pelajari dalam tutorial cara membuat toko online:
- Menginstal di WordPress, kemudian melakukan setting plugins WP eCommerce
- Membuat beberapa contoh product kemudian mempublishnya.
Ok.. mari kita mulai saja tutorial cara membuat toko online profesional dengan wordpress. Sebelum mulai,Saya asumsikan bahwa Anda sudah memiliki wordpress versi terbaru terinstal di server hosting anda. Bagi yang belum mengetahui bagaimana membuat blog, silahkan baca-baca dulu di gugel . Saran saya sebaiknya gunakan hosting aman dan handal seperti MWN.
. Saran saya sebaiknya gunakan hosting aman dan handal seperti MWN.1. Persiapan setting sebelum instal plugin:
- Silahkan login ke admin WordPress Anda (http://www.tokoonline.com/wp-admin) lalu klik Post >>All Post dan hapus Posting default bawaan intalasi.Juga page defaultPages>>All Pages.
- Sekarang kita akan mengganti Theme default dengan sebuah theme gratis, silahkan mencari sendiri theme apa yang paling cocok namun sangat tidak di sarankan untuk menggunakan theme selain dari WordPress. Pada tutorial ini Budhe memilih themeCatch Box (silahkan download disini ) Klik Appearance>>Themes>>Instal Themes. Setelah selesai, aktifkan theme.
- 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.
- Edit permalink dengan klik Settings>>Permalinks , pilih Post name lalu simpan. Setting permalinks ini akana menjadikan url halaman jadi lebih baik. Url hasil setting akan seperti ini: http://tokoonlinekamu.com/baju-batik. Url defaut wordpress seperti ini:http://tokoonlinekamu.com/?p=123.
- Buka Settings>> Discussions lalu hapus semua centang dari semua opsi dan simpan. Ini akan mencegah semua jenis komentar ke dalam situs e-commerce Anda.
2. Instal plugin WP e-Commerce
Untuk menginstal plugin WP eCommerce prosesnya sama saja seperti instal plugin pada umumnya. Setelah plugin aktif, Anda akan menemukan menu baru Product di bawah menuComment di halaman admin wordpress Anda. Juga menu Store berada di sub menu dari menu Settings.
Secara ringkas proses instal plugin seperti ini:
Buka Plugins>>Add New lalu di kolom pencarian masukkan “WP e-commerce” klikSearch Plugins.setelah ketemu plugin bernama WP e-commerce klik install now danactivate plugin untuk mulai memasang plugin WP e-Commerce yang merupakan plugin dasar toko online kita.
3. Setting WP e-Commerce.
Silahkan login ke halaman admin wordpress Anda http://tokoonline.com/wp-admin.
Setelah plugin terinstal, Anda akan melihat menu baru Products di dashboard dan opsiStore 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 Store Upgrades danSales Store Sales.
Beberapa Setting penting sebelum mengkonfigurasi plugin.
- Silakan buka Settings -> Reading
- Front page displays pilih A static page (select below) kemudian pada drop downFront page: pilih Products page. Ini akan memastikan bahwa ketika pelanggan mengunjungi situs toko online Anda, halaman produk akan ditampilkan secara default di halaman depan.
4. Membuat halaman Contact Us.
Kita akan menggunakan plugin Contact Form 7 untuk membuat halaman Contact Us. Untuk itu silahkan lakukan proses instalasinya seperti waktu instsalasi WP eCommerce tadi lalu aktifkan.
Setelah aktivasi silahkan klik pada Settings Contact Form 7 .Setting cukup mudah dilakukan,cukup isi alamat email Anda di kolom To: di bawah opsi Mail kemudian salin kode pendek yang dihasilkan dan paste ke dalam posting,page atau dalam konten text widgets.
Contoh penggunaanya:
- kode tersebut seperti ini [contact-form-7 id="10" title="Contact form 1_copy"]
- Buat page baru Pages>>Add New kemudian beri nama halaman Contact Us.
- Pada pilihan Edit Visual dan Html pilih HTML,paste kode ke dalam isi page.
- Klik Publish.
5. Setting WP e-Commerce
Buka Settings>>Store. Di sini Anda dapat membuat pengaturan yang berbeda sesuai kebutuhan.
5a. 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.
5b. Presentation
- Pilih Add to Cart untuk Button Type.
- Anda dapat mengaktifkan opsi tambahan dari Show Product Ratings, Show Stock Availability, Display Fancy Purchase Notifications, Display per item shippingdll.Untuk saat ini kita hanya akan memilih tampilan Display per item shipping.
- Gird View Settings masukkan 3 products per row dan contreng Display Description, Display “Add to Cart” Button dan opsi Display “More Details” Button.
- Shopping Cart Settings; pada Cart Location pilih Widget dan contreng Display “+ Postage & Tax”:
- Anda dapat mengatur format dari gambar thumbnail produk pada Thumbnail Settings.
- Anda bisa mengaktifkan opsi lain sesuai kebutuhan Anda. Tapi untuk saat ini biarkan saja yang lainnya default.
- Simpan
- Perhatikan Kotak Advance Theme Settings di sebelah kanan, contreng semua list kemudian klik Move Template Files. Ini akan memastikan Theme WordPress Yang Anda pakai akan terintegrasi dengan plugin WP e-commerce. Dan setiap kali Anda mengganti Theme dengan yang baru, langkah ini jangan sampe ketinggalan!.
5c. 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.
5d. (Taxes) Pajak
Di sini Anda dapat mendefinisikan aturan pajak yang sesuai dengan kebutuhan Anda. Anda juga dapat menentukan pajak per item.
5e. 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.
Anda harus mengatur biaya pengiriman dengan klik IndoShipping>>Manage dan menambahkan harga untuk Kota atau provinsi tertentu.
5f. 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.0 dapat 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:
5g. Checkout
Pada pilihan Misc Checkout Options aktifkan Users must register before checking out, Enable Shipping as Billing Option:dan Force users to use SSL.
Form Fields Anda 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
5h. 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.
5h. Import
Opsi impor digunakan untuk meng-upload produk secara otomatis menggunakan file csv. Kita bahas ini nanti.
