Pengantar. sangat susah. Bahkan mendengarnya pun sudah tutup telinga karena ini sesuatu yang terbilang tidak

Pengantar Untuk membuat website kebanyakan orang masih berfikir bahwa hal tersebut merupakan sesuatu yang sangat susah. Bahkan mendengarnya pun sudah “tutup telinga” karena ini sesuatu yang terbilang tidak umum dijumpai dimasyarakat. Padahal sebenarnya tidak dibutuhkan keahlian khusus untuk membuat sebuah website yang powerfull dan interaktif. Berikut ini akan dijabarkan tahapan apa saja yang harus dilalui untuk membuat website, apabila domain dan hosting sudah aktif maka dibutuhkan waktu sekitar 1 jam untuk membuat sebuah website toko online dan langsung online di Internet. Pembahasan kali ini akan menguraikan cara membuat website toko online dengan CMS Opencart versi 1.5. Hal yang harus disiapkan adalah membeli domain dan hosting dilayanan web hosting yang banyak tersedia diinternet, anda bisa mencari di google dengan keyword “web hosting Indonesia”. Sebagian besar layanan web hosting menggunakan aplikasi CPanel dalam mengelola file website di server. Sebelumnya kita akan membahas tentang domain dan hosting.

Tutorial ini dibuat oleh Ikhsan, dan telah memiliki nomor ISBN untuk Penerbitan Bukunya dengan judul asli “Cara Mudah Membuat Website Toko Online dengan Opencart”, dilarang menyebarluaskan tanpa seizin penulis. Ebook ini berisi panduan praktis dan penulis tidak melayani pembuatan website yang berkaitan dengan pembelian ebook ini, terkecuali sepakat menggunakan Jasa Tambahan Untuk Pembuatan Website, Hubungi email : [email protected]

Apa itu Domain & Hosting Domain bisa diumpamakan sebagai identitas atau nama, dan hosting bisa diistilahkan sebagai tempat atau rumah. Misalnya nama saya hasan tinggal di Depok, Hasan ini adalah domain dan depok adalah hosting. Pada pengertian yang lebih jauh domain secara internasional dikelola menggunakan TLD (Top Level Domain). TLD adalah identitas akhir pada sebuah nama domain misalnya .com, .net, .org dan juga secara local seperti di Indonesia menggunakan identitas Indonesia yaitu .co.id, .or.id dan lain-lain.

Cara Mendapakan Domain dan Hosting Mendapatkan domain dan hosting sangatlah mudah namun harus teliti dengan memilih yang terbaik dan terpercaya, anda bisa mencari di google dengan keyword “webhosting no. 1 di Indonesia “ maka akan keluar banyak pilihan yang bisa anda pilih, atau lebih mudahnya anda bisa masuk ke website www.web-murah.com dan klik banner yang berada di sebelah kiri bawah yang bertuliskan “webhosting no. 1 di Indonesia”, banner tersebut adalah link referral saya ke salah satu webhosting yang saya rekomendasikan kepada pembaca. Setelah masuk, anda tinggal membuat akun dengan cara mendaftar dan ikuti langkah selanjutnya dengan memesan akun hosting dan domain anda. Proses pemesanan domain dan hosting Kurang lebih 10 menit sampai kepada proses pembayaran. sangat mudah dan praktis dalam proses pemilihan paket hosting, kemudian memasukkan nama domain yang anda inginkan dan setelah itu silahkan melakukan pembayaran. Setelah domain dan hosting aktif, pihak webhosting akan mengirimkan notifikasi melalui email tentang akses login keserver.


Instalasi Website Toko Online Anda ingin memiliki website toko online seperti tampilan berikut ?

Mudah, silahkan ikuti langkah-langkah berikut. Pada Email yang dikirim oleh pihak server menyertakan link akses untuk membuka halaman hosting kita, misalnya www.namatokoku.com/cpanel anda tinggal memasukan username dan password yang diberikan. Gambarnya seperti dibawah ini.


Masukan Username dan Password anda, setelah login akan muncul menu-menu yang tersedia didalam aplikasi Cpanel, dari menu ini kita bisa mengontrol website kita sepenuhnya. Untuk membuat toko online yang tampilanya cukup menarik sebenarnya sudah tersedia di dalam menu hosting, menu yang digunakan pada umumnya adalah Softaculous atau Fantastico. Dimenu aplikasi ini tersedia berbagai macam toko online e-commerce seperti opencart, prestashop, cubecart, oscommerce, dll. Toko online di Indonesia pada umumnya menggunakan opencart dan prestashop karena fiturfiturnya sesuai dengan kebutuhan pasar di Indonesia.

Softaculous

Gambar tampilan menu aplikasi Cpanel (Control Panel Hosting)


1. Menginstal opencart

Klik menu aplikasi softaculous, setelah itu akan muncul berbagai macam pilihan aplikasi website yang siap diinstal. Karena kita akan membuat toko online menggunakan opencart maka klik tulisan “install” pada icon opencart seperti pada gambar dibawah ini.

Klik instal

Setelah itu akan muncul pilihan menginstal website di direktori domain anda.


Gambar Instalasi direktori Pada form pengisian diatas yang perlu anda perhatikan adalah: 1. Form In Directory

= kosongkan/hapus tulisanya

2. Store Name

= Isikan dengan nama toko online anda

3. Store Deskriptions

= Penjelasan singkat tentang toko online anda

4. Store Owner

= Isikan nama pemilik

5. Store Address

= Alamat toko online anda

6. Admin Username

= Isi dengan username anda

7. Admin Password

= Isi password anda

8. Admin Email

= Isi dengan email anda

Catatlah dengan baik username dan password login anda. Untuk Form isian yang lain biarkan sesuai dengan yang ada, setelah itu saatnya menginstal website tersebut dengan mengklik tombol “instal”. Apabila berhasil akan muncul pemberitahuan bahwa website anda telah online untuk mengeceknya silahkan buka di web browser anda nama websitenya.


Tampilan yang ada sekarang adalah tampilan standar dari openCart dan isi website tersebut adalah produk-produk komputer seperti dibawah ini.

Pada tahapan ini website anda sudah online, tahap selanjutnya yang harus dilakukan adalah mengelola toko online anda, misalnya cara membuat kategori, memasukan produk dan membuat halaman informasi. Mengelola Toko Online Untuk mengelola toko online anda silahkan masuk ke halaman admin dengan mengakses url administrator seperti pada contoh link berikut: www.namatokoanda.com/admin Selanjutnya masukan username dan password seperti pada tahapan instalasi diatas, pada form login seperti gambar berikut. Tutorial ini dibuat oleh Ikhsan, dan telah memiliki nomor ISBN untuk Penerbitan Bukunya dengan judul asli “Cara Mudah Membuat Website Toko Online dengan Opencart”, dilarang menyebarluaskan tanpa seizin penulis. Ebook ini berisi panduan praktis dan penulis tidak melayani pembuatan website yang berkaitan dengan pembelian ebook ini, terkecuali sepakat menggunakan Jasa Tambahan Untuk Pembuatan Website, Hubungi email : [email protected]

Setelah login anda akan masuk ke halaman dashbord/administrator.

1. Mengganti logo, alamat dan regional area Logo website toko online anda sekarang ini masih menggunakan standart dari opencart. Untuk mengganti logo sebelumnya anda harus membuat sebuah logo dengan ukuran yang pas. Ukuran logo yang pas adalah lebar (width)= 268 px, tinggi (height ) = 50 px. Di menu area untuk mengganti logo juga terdapat option untuk mengatur alamat dan regional area website toko online anda sehingga kita bisa sekaligus mengerjakan hal tersebut secara bersamaan.


Setelah anda membuat ukuran logo yang pas kita akan mengupload logo tersebut ke website anda caranya adalah: Masih dihalaman dashbord/admin, arahkan mouse anda ke menu “system” dan pada dropdown menu klik “settings”, setelah itu akan muncul tampilan seperti dibawah ini.

Selanjutnya klik “edit” maka akan muncul menu pengaturan website anda

Di menu “General” silahkan isi form yang tersediasesuai dengan identitas website anda. Di menu “Store” isilah title dan Meta Tag Description jika dianggap masih kurang. Di menu “Local” isilah form Country dan Region/State sesuai dengan wilayah anda, untuk language : (biarkan bahasa inggris) Tutorial ini dibuat oleh Ikhsan, dan telah memiliki nomor ISBN untuk Penerbitan Bukunya dengan judul asli “Cara Mudah Membuat Website Toko Online dengan Opencart”, dilarang menyebarluaskan tanpa seizin penulis. Ebook ini berisi panduan praktis dan penulis tidak melayani pembuatan website yang berkaitan dengan pembelian ebook ini, terkecuali sepakat menggunakan Jasa Tambahan Untuk Pembuatan Website, Hubungi email : [email protected]

Administration Language : (biarkan bahasa inggis) Currency : (Sementara biarkan US Dolar) Auto Update Currency : (Ceklist “No”) Selanjutnya dimenu “option” ada beberap form yang mesti diubah untuk yang lainya biarkan standart, yang perlu dirubah adalah: Display Prices With Text : (Ceklist “No”) Invoice Prefix : (Ubah bagian tahun sesuai tahun sekarang) Display Weight On Cart Page : (Ceklist “No”) Di menu “Image” adalah tempat untuk mengganti logo website toko online anda, klik pada box “browse files”, setelah itu akan muncul gambar seperti berikut:

Selanjutnya kita akan mengupload logo website dari komputer kita caranya adalah klik tulisan “upload” yang ada di menu atas box. Setelah di klik akan mengarah ke direktori komputer kita, silahkan masukan logo anda dengan mengklik tombol “choose”. Gambar logo telah masuk ke folder gambar anda, klik dua kali pada logo tersebut sehingga form box akan tertutup dan kembali ke menu image. Pada tahapan ini logo telah diganti.


Di menu “Mail” yang perlu anda ganti adalah pada pilihan “New Order Alert Mail” pilihlah “Yes” agar setiap transaksi di website, anda akan mendapatkan notifikasi melalui email. Pada tahapan ini pengaturan standart selesai, agar pengaturan tadi tersimpan klik dipojok kanan atas tombol “Save”.

2. Mengganti Mata Uang menjadi Rupiah Arahkan kursor atau mouse anda ke menu system, pada sub menu “localisation” klik menu “Currencies”, setelah itu akan muncul list mata uang yang tersedia. Anda bisa menambahkan mata uang baru dengan mengklik tombol “insert”, maka akan muncul form berikut:

Yang perlu anda isi adalah sebagai berikut: “Currency Title” = Rupiah “Code”

= IDR

“Simbol Left”

= Rp.

“Value”

= 1.00000000

“Status”

= Enabled

Setelah selesai klik tombol “save” dipojok kanan atas. Tutorial ini dibuat oleh Ikhsan, dan telah memiliki nomor ISBN untuk Penerbitan Bukunya dengan judul asli “Cara Mudah Membuat Website Toko Online dengan Opencart”, dilarang menyebarluaskan tanpa seizin penulis. Ebook ini berisi panduan praktis dan penulis tidak melayani pembuatan website yang berkaitan dengan pembelian ebook ini, terkecuali sepakat menggunakan Jasa Tambahan Untuk Pembuatan Website, Hubungi email : [email protected]

Agar mata uang rupiah aktif dan menjadi default masuklah ke system -> setting -> Edit, pada menu “local” dipilihan “Currency” pilihlah rupiah sebagai default mata uang website anda. Lalu klik tombol save dipojok kanan atas.

Karena kita hanya menggunakan satu mata uang, maka mata uang yang lain harus dihapus caranya, masuk ke system -> Localisation -> Currencies, hapuslah mata uang yang lain selain rupiah, caranya adalah ceklist pada box disamping kiri box mata uang tersebut, seperti gambar dibawah:

Setelah diceklist klik tombol “delete” dipojok kanan atas, pada tahapan ini mata uang pada website kita telah menjadi rupiah. Selanjutnya tahapan terakhir disetup dan anda siap berjualan yaitu membuat kategori dan produk serta membuat halaman informasi seperti tentang kami, cara belanja dan sebagainya. MEMBUAT KATEGORI PRODUK Setelah selesai melakukan konfigurasi pada website toko online, tahap terakhir adalah memasukan produk dengan sebelumnya membuat kategori produk yang akan kita jual. Caranya adalah pada halaman admin klik pada bagian kategori di menu katalog, berikut akan muncul list kategori defaullt. Anda bisa mengedit kategori tersebut menjadi kategori produk yang akan anda jual dengan


menggunakan produk jualan anda atau menambahkan kategori baru dengan menghapus semua kategori yang ada. Kita akan memilih opsi menghapus semua kategori yang ada dan menambahkan kategori yang baru, caranya adalah: -

Ceklist semua kategori produk yang ada dan klik tombol hapus dipojok kanan atas. Contohnya seperti gambar dibawah ini:

-

Setelah semua kategori terhapus saatnya kita menambahkan kategori baru dengan mengklik tombol insert di pojok kanan atas setelah itu akan muncul seperti gambar berikut ini:


Isi Form yang tersedia sesuai dengan kategori produk yang anda inginkan, yang perlu di perhatikan dalam mengisi kategori produk ini hanya dua yaitu, “Category Name dan Ceklist box Top di menu Data”, selanjutnya anda bisa kosongkan opsi yang tersedia, setelah selesai mengisi kategori produk, selanjutnya klik tombol “save” di pojok kanan atas, anda bisa mengulangi opsi membuat kategori sesuai dengan kebutuhan produk anda. setelah kategori di buat, maka tahap selanjutnya adalah memasukkan produk yang akan kita jual sesuai dengan jenis kategori yang telah dibuat sebelumnya. caranya adalah klik “products” di menu “Catalog”, maka akan muncul list produk standart dari opencart. Anda bisa mengedit prouk tersebut menjadi produk yang akan anda jual atau menambahkan produk baru dengan menghapus semua produk yang ada. Kita akan memilih opsi menghapus semua produk yang ada dan menambahkan produk yang baru, caranya adalah:


-

Ceklist semua produk yang ada dan klik tombol “delete” dipojok kanan atas. Contohnya seperti gambar dibawah ini:

-

Setelah semua gambar terhapus anda bisa memasukan produk baru dengan mengklik tombol “insert” dipojok kanan atas, selanjutnya akan muncul opsi yang harus anda isi seperti dibawah ini:


Dibawah ini adalah opsi yang perlu anda isi, selain itu bisa anda kosongkan. -

Product Name: Isi dengan nama produk anda.

-

Description: Isi dengan deskripsi produk anda, misalnya bahan, ukuran, dan lainya. Diopsi ini anda bisa memasukan gambar, link, video dan sebagainya.

-

Model: Isikan dengan kode produk

-

Price: Isikan dengan harga, penulisan harga disambung. Contohnya 75000 (Tidak usah menggunakan tanda titik ribuan)

-

Quantity: Isikan dengan jumlah produk, misalnya 10

-

Requires Shipping: Ceklist option “No”

-

Image: Klik “browse file” untuk memasukan gambar produk anda, usahakan size gambar produk anda tidak melebihi 500kb, hal ini agar tidak memberatkan pengunjung saat mengakses website anda.

-

Categories: Ceklist kategori produk anda.

Setelah selesai memasukkan produk, klik tombol “save” dipojok kanan atas. Pada tahapan ini produk anda telah selesai dibuat untuk menambaah produk lainya silakan ulangi seperti cara yang diatas. KONFIGURASI MODUL Konfigurasi modul yang dimaksudkan adalah melakukan pengaturan terhadap produk, gambar slide, dan sebagainya. Sebgai contoh website kita saat ini tampilan depanya masih menggunakan slide standar dari opencart, melalui modul kita bisa mengatur hal tersebut.


Begitupun dengan manufacture/merk produk masih standart dari opencart. Tahapan awal yang akan dilakukan melalui modul yang tersedia adalah membuat ucapan selamat datang ditoko online anda. Caranya sebagai berikut: -

Modul Selama Datang Untuk mengaktifkan modul ini, silahkan klik “modules” di menu “Extensions”, selanjutnya akan muncul gambar berikut:

Klik “Install” di sebelah kanan modul “Welcome”, setelah diklik modul ini akan aktif, anda bisa menambahkan ucapan selamat datang dengan cara klik tulisan “Edit” dimodul welcome, setelah itu klik “add module”, maka akan muncul seperti gambar berikut:


-

Welcome Message: Isi dengan kata-kata selamat datang sesuai yang anda inginkan, dibox ini bisa menambahkan gambar, video, link pengaturan text, warna dan sebagainya.

-

Layout: Pilih Home(hal ini dimaksudkan agr tulisan muncul dihalaman home atau beranda)

-

Position: Content Top

-

Status: Enabled

-

Sort Order: Tulis “0” (agar tulisan selamat datang berada diatas gambar slide)

Sekarang cek website anda, apakah sudah muncul ucapan selamat datang seperti yang dibuat pada langkah diatas. Selanjutnya menonaktifkan modul yang tidak dibutuhkan, seperti modul “feature”, “manufacture” dan mengganti gambar slide dihalaman depan. 1. Menonaktifakan modul Manufacture, Feature serta banner Caranya klik “Modules” dimenu “Extentions” lalu akan muncul tampilan list “Modules”, Kemudian klik uninstal di pilihan “feature”, “Carousel” serta “banner”. Pada tahapan ini feature produk, manufacture serta banner yang muncul didepan sudah tidak ada lagi. Tutorial ini dibuat oleh Ikhsan, dan telah memiliki nomor ISBN untuk Penerbitan Bukunya dengan judul asli “Cara Mudah Membuat Website Toko Online dengan Opencart”, dilarang menyebarluaskan tanpa seizin penulis. Ebook ini berisi panduan praktis dan penulis tidak melayani pembuatan website yang berkaitan dengan pembelian ebook ini, terkecuali sepakat menggunakan Jasa Tambahan Untuk Pembuatan Website, Hubungi email : [email protected]

2. Mengganti Gambar Slide Untuk mengganti gambar slide caranya cukup mudah, namun sebelumnya siapkan dulu gambargambar yang akan anda jadikan slide didepan. Agar slide terlihat pas buatlah ukuran gambar yang sesuai, berikut ukurannya: o

width (Lebar) : 980 px

o

Height (Tinggi) : 280 px

Agar gambar slide bergantian, buatlah dua atau tiga gambar dengan ukuran seperti diatas. Cara mengganti gambar slide adalah klik di menu System -> Design -> Banners maka akan muncul seperti pada gambar dibawah ini:

Selanjutnya klik “edit” di halaman samsung tab maka akan muncul tampilan berikut:


Klik remove untuk menghapus gambar slide samsung tab yang sekarang aktif, kemudian di banner name isikan dengan nama slide gambar anda. Untuk memasukan gambar slide anda klik tombol “add banner” akan muncul box banner yang baru, yang perlu anda isi adalah : o

Title : Isikan dengan nama gambar anda.

o

Link : Link ini berfungsi ketika anda mengklik gambar slide akan mengarah ke link yang anda masukan di box ini.

o

Image : Klik browse file untuk memasukan gambar. (cara memasukan gambar sudah pernah dibahas dibab sebelumnya)

Ulangi langkah ini sesuai dengan jumlah gambar yang akan anda masukan ke slide, setelah selesai klik tombol “save” dipojok kanan atas. 3. Memunculkan Produk terbaru dihalaman depan Website Masih berada dihalaman modules, klik “Install” pada modules “Latest” setelah aktif klik “edit” kemudian Klik tombol “Add Module”, setelah itu akan muncul gambar berikut:

-

Limit: “6” atau kelipatanya (angka tersebut adalah jumlah banyaknya produk terbaru yang akan dimunculkan).

-

Image (W x H): Standartnya 80x80, anda juga bisa mengubah sesuai ukuran produk yang anda

inginkan, misalnya 140 dengan 160. Tutorial ini dibuat oleh Ikhsan, dan telah memiliki nomor ISBN untuk Penerbitan Bukunya dengan judul asli “Cara Mudah Membuat Website Toko Online dengan Opencart”, dilarang menyebarluaskan tanpa seizin penulis. Ebook ini berisi panduan praktis dan penulis tidak melayani pembuatan website yang berkaitan dengan pembelian ebook ini, terkecuali sepakat menggunakan Jasa Tambahan Untuk Pembuatan Website, Hubungi email : [email protected]

-

Layout: Pilih “Home”.

-

Position: Content Bottom

-

Status: Enabled

-

Sort Order: Tidak usah diisi.

Setelah itu klik tombol “Save” dipojok kanan atas.

MENGAKTIFKAN PEMBAYARAN Untuk menambahkan opsi pembayaran dihalaman admin telah tersedia anda tinggal mengaktifkan fitur tersebut, Kali ini kita akan menggunakan opsi pembayaran transfer bank. Caranya klik “Payments” di menu “Extensions”, klik “instal” pada halaman bank transfer seperti terlihat pada gambar dibawah ini:

Setelah mennginstal bank transfer, kemudian klik “Edit” untuk menambahkan account bank anda, maka akan muncul halaman edit bank transfer seperti pada gambar berikut: Tutorial ini dibuat oleh Ikhsan, dan telah memiliki nomor ISBN untuk Penerbitan Bukunya dengan judul asli “Cara Mudah Membuat Website Toko Online dengan Opencart”, dilarang menyebarluaskan tanpa seizin penulis. Ebook ini berisi panduan praktis dan penulis tidak melayani pembuatan website yang berkaitan dengan pembelian ebook ini, terkecuali sepakat menggunakan Jasa Tambahan Untuk Pembuatan Website, Hubungi email : [email protected]

Opsi yang perlu anda isi adalah seperti berikut: -

Bank Transfer Instructions : Isikan dengan nama bank, nomor rekening dan pemilik rekening.

-

Order Status : Pending

-

Status : Enabled

Setelah itu klik tombol “Save” di pojok kanan atas. Pada tahapan ini anda sudah siap berjualan dan mempromosikan website anda. Bila ingin menambahkan halaman informasi seperti yang terlihat dihalaman bawah sebelah kiri website anda, misalnya menambahkan cara belanja, cara pengiriman dan sebagainya, klik “Information” di menu “Catalog” setelah itu akan muncul seperti gambar berikut;


Klik “Edit” pada halaman yang anda ingin ganti sesuai informasi yang ingin anda masukan atau klik “insert” untuk menambah halaman baru. Selamat toko online anda telah selesai, silahkan anda kembangkan sesuai yang anda inginkan. Website Toko Online sudah Jadi, selamat berjualan 


Pengantar. sangat susah. Bahkan mendengarnya pun sudah tutup telinga karena ini sesuatu yang terbilang tidak

Recommend Documents