cara buat website toko online

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]

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.


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 fitur-

fiturnya sesuai dengan kebutuhan pasar di Indonesia.

Gambar tampilan menu aplikasi Cpanel (Control Panel Hosting)

Softaculous


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.

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

Klik instal


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.


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)


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.


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.


2. Mengganti Gambar Slide

Untuk mengganti gambar slide caranya cukup mudah, namun sebelumnya siapkan dulu gambar-

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


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


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

cara buat website toko online

Documents