1
www.alafgani.web.id
TABLE OF CONTENT
Introduction 2
Bab 1 Kenalan 3
Bab 2 Pengertian Toko Online 4
Bab 3 Manfaat Memiliki Toko Online 5
Bab 4 Toko Online Jurus Dalam Usaha 6
Bab 5 Jumlah Pengguna Internet Di Indonesia 7
Bab 6 Pengertian Wordpress 8
Bab 7 Persiapan 9
Bab 8 Install Xampp 10
Bab 9 Install Wordpress dilocal 16
Bab 10 Persiapan Thema 21
Bab 11 Install Plugin 24
Bab 12 Konfigurasi Tahap 1 28
Bab 13 Konfigurasi Tahap 2 32
Bab 14 Menambah Produk 36
Bab 15 Cara Mengorder Produk sebagai sisi User 42
Bab 16 Cara Menerima Order Produk sebagai sisi Admin 45
Bab 17 Cara Online Kan Website Anda 49
Penutup 50
2
www.alafgani.web.id
INTRODUCTION
Assalamu’alaikum Warahmatullahi Wabarakaatuh, Sebelumnya, Saya mengucapkan terimakasih sudah mengorder e-book “10 MENIT MEMBUAT WEBSITE TOKO ONLINE V.1” semoga bagi para pembaca buku ini dapat langsung memahami dan mempraktikkannya dengan lancar.
E-Book ini ditujukan untuk para pemula yang ingin belajar cara membuat website toko online dan khususnya bagi yang belum memahami kemampuan bahasa pemrograman web. Selain itu, pengembangan usaha berbasis web ini sangat penting bagi para pelaku usaha yang belum memiliki toko online. Materi yang disajikan bersifat praktik dan diharapkan pembaca bisa langsung memperaktikkan materi yang disajikan pada e-book ini. Disarankan dalam praktiknya kepada para pembaca untuk tidak dipraktikkan oleh orang lain melainkan oleh diri anda sendiri, agar pembaca dapat memahami cara pembuatan website ini secara mandiri.
E-Book ini ditulis oleh M. Abdu Al-Afgani, S.Kom. Pada tanggal 12 Oktober 2023.
Biografi Penulis
M.ABDU AL-AFGANI, S.Kom
Freelancer Web Developer, SEO Specialist.
Tersertifikasi Microsoft Office Specialist Excel 2010 oleh MicrosoftCorporation Sejak Juni 2017 (MOS).
Email :[email protected] Whatsapp: +6289529369960
Disclaimer : Segala sesuatu yang tercantum dalam ebook ini berlaku saat ebook ini ditulis Segala perubahan apapun di luar tanggung jawab dan kekuasaan penulis.
» DILARANG MEMBAGIKAN EBOOK INI TANPA SEIZIN PENULIS «
3
www.alafgani.web.id
BAB 1 KENALAN
Secara garis besar pada pembahasan yang akan kita bahas tentang pembuatan toko online ini adalah sebuah objek yang sangat popular di dunia. Toko online ini masih digunakan sampai sekarang, Secara umum. Toko online adalah salah satu strategi untuk membuat daya tarik para konsumen untuk membeli produk yang ditawarkan.
4
www.alafgani.web.id
BAB 2
PENGERTIAN TOKO ONLINE
Toko online adalah sebuah bentuk toko dalam sistem online atau dapat diartikan sebagai tempat untuk melakukan transaksi jual beli secara global dalam dunia maya (internet). Istilah toko online tersebut tidak memiliki bentuk fisik seperti bangunan toko asli pada umumnya dan tidak ada interaksi antara penjual dan pembeli secara langsung.
Toko online dapat mengefesiensikan waktu konsumen sehingga memudahkan proses transaksi jual beli, tanpa harus keluar rumah seorang bisa mendapatkan barang yang dicarinya dengan membeli secara online. Hal yang dibutuhkan dalam mengakses toko online adalah koneksi internet. Komputer atau smartphone yang memiliki koneksi internet yang baik, maka dapat mengakses dan membuka website toko online yang menjual produk atau barang yang dicari. Adapun hal yang perlu diperhatikan saat menggunakan toko online, yaitu dengan membaca keterangan sebuah produk yang tertera dalam toko online tersebut. Sehingga, memudahkan anda untuk bertransaksi dan melakukan proses pembayaran.
Proses pembayaran dalam toko online memiliki banyak pilihan. Anda dapat melakukan proses pembayaran melalui mini market, transfer antar bank, dan bayar ditempat atau COD (Cash On Delivery).
Semakin praktisnya sesuatu maka semakin banyak dicari. Begitu juga penerapannya dalam toko online, semakin praktisnya toko online tersebut maka semakin banyak pula orang yang ingin bertransaksi di toko online. Sehingga, para pelaku bisnis atau wirausahawan yang tadinya hanya memiliki satu toko (offline) beralih dan membuat toko online untuk mendukung penjualan produknya.
5
www.alafgani.web.id
BAB 3
MANFAAT TOKO ONLINE
Hasil Pemasaran Online yang Bisa untuk Anda Ukur
Usahawan ataupun Pebisnis menemukan bahwa mereka dapat menjangkau lebih banyak pelanggan yang berkualitas dengan penargetan yang lebih baik, sehingga meningkatkan peluang promosi online dan menurunkan biaya pemasaran. Adanya peningkatan profil pelanggan, memberikan peluang untuk menargetkan produk dan layanan pada kelompok tertentu berdasarkan pada data pembelian yang jauh lebih mudah dengan analitik yang baik dan dapat dibangun ke dalam situs web Anda. Selain itu, dengan investasi dalam optimasi mesin pencari maka sebuah toko online menjadi lebih mudah diakses oleh pelanggan yang mencari produk anda. Tidak ada keraguan bahwa manfaat toko online bagi penjual sangatlah banyak. Penjualan online dapat membawa banyak manfaat tambahan untuk bisnis tertentu.
Mudah untuk Mempromosikan Bisnis Anda
Keuntungan terbaik dari toko online adalah anda akan lebih mudah untuk menawarkan bisnis kepada konsumen secara online jika anda sudah memiliki website produk pada toko online. Cukup sertakan strategi pemasaran digital yang tepat dan anda akan mulai melihat hasil yang produktif. Tidak masalah anda memiliki anggaran besar atau terbatas, pemasaran online memberi peluang untuk mencapai tujuan pemasaran yang lebih efisien, salah satunya mengenalkan produk anda secara global maupun client.
Jangkauan Pelanggan yang Diperluas
Sebagai penjual produk, anda dapat meningkatkan penjualan dan keuntungan yang lebih cepat selain dari toko offline, karena penjualan pada toko online menawarkan keuntungan yaitu memiliki toko yang selalu terbuka selama 24 jam sehari dan tujuh hari dalam seminggu. Menjual produk secara online juga memungkinkan anda sebagai penjual untuk menampilkan barang dagangan di bagian manapun di dunia tanpa biaya tambahan.
6
www.alafgani.web.id
BAB 4
TOKO ONLINE JURUS DALAM USAHA
Di dalam dunia usaha kita perlu mengenal kata promosi, iklan, sponsor, bahkan tempat. Tetapi hal tersebut masih kurang cukup dalam bisnis tanpa adanya sebuah toko virtual atau online. Kenapa ini begitu penting?
Ya Penting! toko online memliki manfaat yang sudah terbukti oleh beberapa jenis bidang usaha maupun pembisnis untuk menjual produknya agar dikenal secara global.
Untuk kamu yang memiliki Usaha ataupun bisnis yang masih dalam tahap proses pengembangan jangan pernah takut untuk meluncurkan pasar penjualan produk kamu. “GO ONLINE”, karna Toko online adalah jurus paling ampuh untuk mengenalkan bidang usaha, meyakinkan konsumen, dan meningkatkan citra bisnis kamu.
7
www.alafgani.web.id
Dari sumber diatas hampir setengah penduduk Indonesia menggunakan akses internet, dalam kondisi seperti ini sangat menguntungkan bagi pebisnis yang mempunyai toko online untuk menjual produknya.
BAB 5
JUMLAH PENGGUNA INTERNET DI INDONESIA
indonesiabaik.id - Berdasarkan laporan terbaru indonesiabaik.id, Berdasarkan hasil survei Asosiasi Penyelenggara Jasa Internet Indonesia (APJII), pengguna internet di Indonesia mencapai 215,63 juta orang pada periode 2022-2023.
Jumlah tersebut meningkat 2,67% dibandingkan pada periode sebelumnya yang sebanyak 210,03 juta pengguna. Jumlah pengguna internet tersebut setara dengan 78,19% dari total populasi Indonesia yang sebanyak 275,77 juta jiwa.
Sumber : https://indonesiabaik.id/infografis/orang-indonesia-makin-melek-internet
8
www.alafgani.web.id
BAB 6
PENGERTIAN WORDPRESS
WordPress adalah sebuah aplikasi sumber terbuka (open source) yang sangat populer digunakan sebagai mesin blog (blog engine). WordPress dibangun dengan bahasa pemrograman PHP dan basis data (database) MySQL. PHP dan MySQL, keduanya merupakan perangkat lunak sumber terbuka (open source software). Selain sebagai blog, WordPress juga mulai digunakan sebagai sebuah CMS (Content Management System) karena kemampuannya untuk dimodifikasi dan disesuaikan dengan kebutuhan penggunanya. WordPress adalah penerus resmi dari b2/cafelog yang dikembangkan oleh Michel Valdrighi. Nama WordPress diusulkan oleh Christine Selleck, teman Matt Mullenweg. WordPress saat ini menjadi platform content management system (CMS) bagi beberapa situs web ternama seperti CNN, Reuters, The New York Times, TechCrunch, dan lainnya.
Sumber:https://id.wikipedia.org/wiki/WordPress
WordPress memiliki banyak keunggulan dan fitur untuk dunia blog, antara lain:
Gratis, untuk mendapatkan perangkat lunak WordPress hanya perlu mengunduh dari situsnya tanpa dipungut biaya, bahkan untuk blog komersial sekalipun.
Berbasis kode sumber terbuka (open source), pengguna dapat melihat dan memperoleh barisan kode-kode penyusun perangkat lunak WordPress tersebut secara bebas, sehingga pengguna tingkat lanjut yang memiliki kemampuan pemrograman dapat bebas melakukan modifikasi, bahkan dapat mengembangkan sendiri program WordPress tersebut lebih lanjut sesuai keinginan.
Template atau desain tampilannya mudah dimodifikasi sesuai keinginan pengguna. Sehingga, apabila pengguna memiliki pengetahuan HTML yang memadai, maka pengguna tersebut dapat berkreasi membuat template sendiri. Pengguna yang tidak mengerti HTML, tentu saja masih dapat memilih ribuan template yang tersedia di internet secara bebas, yang tentu saja gratis.
Pengoperasiannya mudah.
Selain membuat blog wordpress juga bisa digunakan untuk membuat toko online, pada materi kali ini kita akan memulai cara membuat toko online menggunakan wordpress.
9
www.alafgani.web.id
BAB 7 PERSIAPAN
Software yang harus kita persiapkan :
1. Xampp Versi 5 s/d 7 kamu bisa download di website resmi apache:
https://www.apachefriends.org/download.html
2. Wordpress kamu bisa download di website resmi wordpress Indonesia : https://id.wordpress.org/download/
3. Tema Gratis dari kami setelah pembelian e-book ini silahkan download melalui email
Setelah dipersiapkan semuanya, kamu bisa lanjut ke bab 8. Diharapkan jika mengalami error saat penginstalan silahkan dicoba ulang Kembali atau di uninstall Kembali Xampp atau Wordpressnya.
Note : Disarankan Unduh di Website Resmi yang tertera link diatas.
TEMA INI ADALAH, TEMA GPL (GENERAL PUBLIC LICENSE) , GPL BAGUS UNTUK BELAJAR.
JIKA UNTUK KEPERLUAN BISNIS, GUNAKANLAH TEMA PREMIUM.
10
www.alafgani.web.id
BAB 8
INSTALL XAMPP
XAMPP merupakan software untuk menjalankan web server dan database di localhost komputer, sebelum Website anda dibuat online maka alangkah baiknya anda mempelajari terlebih dahulu cara menginstall server local di komputer.
Untuk cara penginstallan diharapkan mengikuti tahap berikut ini dengan step by step:
1. Pastikan sudah mendowload xampp nya pada bab 7
2. Klik double klik pada software xampp
3. Nanti akan muncul Pop Up seperti ini. Klik OK
11
www.alafgani.web.id 4. Klik Next
5. Klik Next
12
www.alafgani.web.id 6. Klik Next.
13
www.alafgani.web.id 7. Klik Next
14
www.alafgani.web.id 8. Klik Next
15
www.alafgani.web.id 9. Tunggu sampai
selesai proses instalasi. Jika sudah selesai klik Next.
16
www.alafgani.web.id 10. Jika sudah
selesai proses penginstallan klik Finish.
11. Pilih Bahasa English.
17
www.alafgani.web.id 12. Klik Button
Start Apache dan MySQL.
13.Buka Browser Chrome/Firefox.
Dengan ketikan di URL localhost/phpMyAdmi n.
Jika muncul seperti gambar disamping artinya webserver kamu sudah bisa digunakan
18
www.alafgani.web.id
BAB 9
INSTALL WORDPRESS LOCAL
Diharapakan sudah disiapkan CMS Wordpress yang telah di download di website resmi wordpress.
Beberapa cara pemasangan wordpress ikuti cara dibawah ini : 1.Extract Terlebih
dahulu Zip menjadi Folder
19
www.alafgani.web.id 2.Simpan Folder
Wordpress ke dalam
C:/xamppserver/h tdocs/Dan ganti nama foldernya menjadi
“tokoonline”
4.Sekarang buat database terlebih dahulu di
localhost/phpMyA dmin dengan nama database
“tokoku”
20
www.alafgani.web.id 4.Setelah
membuat
database silahkan ketik URL :
localhost/tokoonli ne. Dan klik Ayo!
5.Isi sesuai gambar di samping.
6.Klik OK.
21
www.alafgani.web.id 7.Isi judul situs
toko anda
“jeansQ.ind” di ganti dengan nama toko anda, email diganti dengan email anda,
Sandi
disesuaikanagar tidak lupa dan Klik install wordpress.
8.Anda sudah berhasil menginstall wordpress!
22
www.alafgani.web.id 9.Masukan
Username password untuk melakukan login.
Ingat untuk login web server toko online anda
“localhost/tokoonl ine/wp-login.php”
23
www.alafgani.web.id
BAB 10
PERSIAPAN TEMA
Apa itu Tema? tema adalah sebuah template yang siap digunakan untuk proses tampilan Front End website kita. Wordpress sangat familiar dengan Tema. Banyak tema-tema yang ada di wordpress seperti Toko Online.
Template Kapee - Fashion Store WooCommerce Theme salah satu Tema Wordpress yang akan kita gunakan, Tema ini sangat User Friendly dan cocok digunakan untuk E-Commerce.
Kapee v1.3.7 – Fashion Store WooCommerce Theme
24
www.alafgani.web.id 1. Masuk ke
halaman dashboard menggunakan username dan password anda.
2. Masuk ke menu Tampilan->Tema
3. Upload Tema yang sudah di download Klik
“Tambah Baru”.
4. Extract terlebih dahulu tema yang sudah di download kemudian pilih File “kapee.zip”
25
www.alafgani.web.id 5. KLIK “Install”
6. Tunggu sampai selesai.
Kemudian Klik
“Ke Laman Tema”.
7. Tema sudah terpasang namun masih tetap ikuti beberapa Tahap lagi ya.
26
www.alafgani.web.id
BAB 11 INSTALL PLUGIN
Tahap ini diharapkan plugin di install sesuai urutan ya.
1. Masuk ke menu plugin dan pilih
“Tambah Baru”
2. Pilih
“Unggah Plugin”
3. Cari Plugin di folder plugin yang sudah disediakan oleh kami.
Tahapan instalasi sesuai urutan.
27
www.alafgani.web.id 4. Kemudian install sekarang
dan tunggu hingga muncul seperti ini dan klik
“Aktifkan Plugin”.
5. Kemudian pasang kembali plugin selanjutnya yang ada di folder yang sama dan klik “Aktifkan Plugin”.
28
www.alafgani.web.id 6. Installasi Woocommerce.
Isi semua data yang ada di form tersebut. Kemudian klik “Lanjutkan”
7. Pilh jenis kategori toko anda apa yang anda jual kemudian klik “Lanjutkan”
8. Pilih Produk Fisik kemudian “Lanjutkan”
29
www.alafgani.web.id 9. Pilih sesuai kebutuhan
anda jika memiliki produk lebih atau memiliki toko lain. Klik “Lanjutkan”.
10. Klik tema defaultnya saja.
11. Plugin Jetpack dan
WooCommerce. Anda pilih
“Tidak Terimakasih”.
30
www.alafgani.web.id
BAB 12
KONFIGURASI TAHAP 1
Jika Xampp,Tema dan Plugin sudah di install semua. Kita akan melakukan konfigurasi Tahap 1.
Untuk melakukan pengaktifan tema. Perhatikan Langkah nya lagi ya!
1. Masuk ke menu Tampilan -> Tema
2. Pilih Tema Kape.
Klik Aktifkan.
Maka tema akan aktif seperti gambar disamping
3. Pilih Menu KAPE kemudian Demo Import
31
www.alafgani.web.id 4. Pilih Tema yang
sesuai Selera kemudian klik Import
5. Klik All Import dan selanjutnya klik INSTALL DEMO.
Tunggu hingga proses installasi berhasil kurang lebih 10 menit.
32
www.alafgani.web.id 6. Jika sudah selesai
Klik OK
7. Klik Kunjungi situs di pojok kiri atas atau ketik URL localhost/tokoonli ne.
33
www.alafgani.web.id 8. Tampilan tema
yang anda pilih sudah siap digunakan!
Tema anda sudah aktif, Untuk tema bisa anda pilih sesuai dengan keinginan anda yang ada di menu KAPE.
34
www.alafgani.web.id
BAB 13
KONFIGURASI TAHAP 2
Dalam Konfigurasi Tahap 2 ini , kita membahas bagaimana cara merubah tata letak website kita?
35
www.alafgani.web.id
Ikuti Langkah berikut ini untuk menambah kan gambar-gambar atau posisi website anda:
1. Masuk Ke localhost/tok oonline 2. Pilih “Edit
Laman”
3. WpBakery yaitu plugins yang
berfungsi untuk mengubah posisi
website anda atau
menambahka n beberapa tata letak pada website.
36
www.alafgani.web.id
Setup Metode Pembayaran Pada Toko Online Anda
Pengaturan ini untuk mempermudah proses transaksi pembayaran produk, anda bisa memiliki 2 jenis metode pembayaran yaitu ada COD dan Bank Transfer.
1. Pilih menu WooCommerce -
> Beranda
2. Pilih Setup Payment
37
www.alafgani.web.id
3. Atur 2 Payment COD dan Transfer Bank.
4. Jika anda ingin Transfer silahkan aktifkan Setup Transfer Bank.
Konfigurasi ini bisa kalian mencoba untuk setup yang lain seperti logo,alamat dan lain-lain dimenu WooCommerce/ThemeOptions.
38
www.alafgani.web.id
BAB 14
MENAMBAH PRODUK
Cara untuk menambah produk bisa kita lihat dengan cara berikut ini : 1. Menu Produk -
>Tambah Produk.
2. Isi jenis produk anda dan deskripsi lengkap
39
www.alafgani.web.id 3. Simpan produk
kamu di kategori, klik tambah kategori baru yang berada di samping kanan.
40
www.alafgani.web.id 4. Pilih kategori
baru yang sudah anda buat di
samping kanan menu kategori
5. Pilih ‘Gambar Produk’ yang ada di samping kanan dibawah menu tag produk dan klik
“Atur Gambar Produk”
6. Kemudian Pilih Berkas
41
www.alafgani.web.id 7. kemudian klik
“Atur Gambar Produk”
8. Klik Terbitkan.
Tunggu proses sampai produk kamu terbit
42
www.alafgani.web.id 9. Produk berhasil
di upload.
Untuk mengecek produk berhasil di upload.
Bagaimana Cara Menghapus/Mentiadakan Produk yang ada pada website ? Untuk cara Menghapus/Mentiadakan produk dengan cara berikut ini :
43
www.alafgani.web.id
1. Pilih menu semua produk.
2. Klik ‘Produk’
kemudian pilih
‘Tindakan masal’
pindahkan ke
‘Trash/Tempat Sampah’.
3. Produk Akan hilang dan tidak akan muncul di tampilan website Ketika sudah di klik
“Terapkan”
44
www.alafgani.web.id
BAB 15
CARA MENGORDER PRODUK DARI SISI USER
Di dalam kondisi toko online ada 2 Pihak yaitu, Admin dan Pembeli Untuk proses transaksi.
Bagaimana pembeli melakukan proses transaksi ? 1. Masuk ke url
localhost/tokoon line daftar sebagai user.
Pilih “Sign Up”
*Note ini masih dalam area server local belum di online kan jadi masi belum bisa di akses di computer lain.
2. Masukan email untuk daftar
45
www.alafgani.web.id 3. Setelah berhasil
daftar maka akan di alihkan ke halaman
dashboard user.
4. Cari produk yang ingin dipesan klik
“BUY NOW”
5. Isi data pemesanan dengan lengkap.pilih metode pembayaran COD/Bank Transfer “Klik Buat Pesanan”
lalu tunggu proses hingga selesai
46
www.alafgani.web.id 6. Jika sudah selesai
silahkan Transfer dan kirim bukti pembayaran tersebut
7. Untuk mengecek Order bisa lihat di My Order- Dashboard
47
www.alafgani.web.id
BAB 16
CARA MENERIMA ORDER PRODUK SEBAGAI SISI ADMIN
Setelah mengetahui proses transaksi pembeli, sekarang kita lakukan cara melihat order dan menerima order user.
1. Login dan Masuk Ke halaman Admin Beranda dan Lihat Pesanan.
2. Cek dan Klik Pesanan yang ada
48
www.alafgani.web.id 3. Pilih
status
“Selesai”
jika sudah bayar.
Klik
“batalkan
” Jika pesanan ingin dibatalka n
4. Selesaika n proses transaksi dengan klik
“Perbarui
” 5. Status
berubah
49
www.alafgani.web.id
BAB 17
CARA ONLINE KAN WEBSITE ANDA
Untuk membuat Website menjadi online mengonline, anda memerlukan Hosting dan Domain.
Apa itu Hosting?
Pengertian hosting atau web hosting adalah sebuah tempat di mana file dan data yang diperlukan website disimpan serta dapat diakses dan dikelola melalui internet yang diakses menggunakan data internet. File website yang disimpan pada hosting berupa video, gambar, email, script, aplikasi dan database.
Apa itu Domain?
Sedangkan untuk domain adalah nama dari website anda atau sebuah alamat yang dapat diakses oleh pengguna melalui internet Contoh : www.namadomain.com
Untuk membeli Hosting dan Domain Bisa hubungi Penulis atau ditempat Penyedia layanan hosting favorite Anda.
PENUTUP
E-Book ini adalah buku elektronik yang menyajikan informasi dan memandu atau memberikan tuntunankepada pembaca untuk melakukan apa yang disampaikan di dalam buku ini.
Besar harapan kami semogapembaca bisa paham apa yang disampaikan mengenai “10 MENIT MEMBUAT WEBSITE TOKO ONLINE V.1”.
Terimakasih kepada semua teman dan pembaca yang sudah mendukung adanya e-book ini.
Kurang dan lebihnya mohon maaf Kami ucapkan, Terimakasih.
Wassalamu’alaikum Warahmatullahi Wabarakaatuh.