Membangun Toko Online untuk Profesional

Software Developer
MATERI YANG AKAN DIPELAJARI

HARI KE 3 DAN 5
MEMAHAMI APA ITU DOMAIN DAN HOSTING MEMAHAMI

CARA INSTALL WEBSITE DI HOSTING MEMAHAMI CARA

MEMBUAT KONTEN UNTUK WEBSITE

MELAKUKAN INSTALASI PLUGIN & TEMA DI WORDPRESS

MELAKUKAN SETUP ONGKOS KIRIM & PEMBAYARAN DI

WORDPRESS

MELAKUKAN SETUP PRODUK & KATEGORI DI WORDPRESS

MELAKUKAN SETUP NAVIGASI & WIDGET DI WORDPRESS

MEMAHAMI CARA MENDASIN TAMPILAN WEBSITE E-

COMMERCE YANG MENARIK

HAL YANG HARUS DI PERSIAPKAN
UNTUK MEMBUAT TOKO ONLINE
DI HOSTING

Domain

Hosting

wordpress

Plugin Elementor atau brizy

 APA ITU DOMAIN &
HOSTING ?

Domain Hosting
Domain adalah nama yang diberikan untuk
Hosting adalah tempat untuk menyimpan semua
mengidentifikasi sebuah jaringan tanpa data website
menggunakan internet protocol (IP), mengingat
biasanya IP menggunakan angka-angka yang
sulit dihafal.
Contoh: digimind.com. Uph.edu,
univpancasila.ac.id
CARA MEMBELI DOMAIN & HOSTING
KETIKAN KATA KUNCI DI MESIN PENCARI GOOGLE , KEMUDIAN PILIH
PENYEDIA DAN CEK PAKET YANG MEREKA TAWARKAN
CARA MEMBELI DOMAIN & HOSTING
Pilih Salah Satu Layanan Penyedia Domain & Hosting

DI Kolom Cek Domain masukan nama

domain yang ingin anda beli, untuk
mengecek apakah nama domain yang
anda inginkan apakah masih tersedia
atau belum ada yang menggunakan.
 Cara Membeli Domain & Hosting
Jika Nama Domin Tersedia , Kemudian Tingal Klik
Tambahkan ke Cart
CARA MEMBELI DOMAIN & HOSTING
LANGKAH SELANJUTNYA TINGGAL LAKUKAN
PEMBAYARAN
CARA INSTALL WORDPRESS DI HOSTING

Silahkan anda Login Ke CPANEL Anda dengan

cara

Contoh :
Namadomain.com/cpanel

digimind.com/cpanel
 CARA INSTALL WORDPRESS DI HOSTING

Klik Icon Wordpress Klik Icon Wordpress

 CARA INSTALL WORDPRESS DI HOSTING
Isi Form Instalasi Wordpress

Jika sudah silahkan anda Klik Install

 CARA INSTALL WORDPRESS DI HOSTING

Proses Instalasi Selesai

 CARA INSTALL WORDPRESS DI HOSTING

Tampilan Front End Tampilan Admin

 CARA INSTALL THEM

UnĨuk InsĨalasi Them :

1. Klik Appearance kemudian Klik
Themes
 CARA INSTALL THEM

Proses Install Theme:

2. Klik Add New Kemudian Klik
Add New Theme
 REKOMENDASI THEME YANG BISA DIGUNAKAN
UNTUK MEMBUAT TOKO ONLINE

1. Astra
2. Zakra
3. Best Shop
4. Th Hot Shop
5. Elegant Shop
6. Royal Elementor Kit
7. Bosa Ecommerce Shop
 IINSTALL THEME

Terdapat 4557 Theme

Untuk Study case
disini saya pilih
Astra

Klik InsTall
Theme
Astra
 IINSTALL
THEME

Klik
Activate
 IINSTALL
THEME

Klik Get
Started
 IINSTALL THEME

Klik Build Your Website

Now
 IINSTALL THEME

Pilih Page Builder

Elementor
 IINSTALL THEME

Klik Tab atau Menu eCommerce

dan silahkan Pilih Template
Toko Online yang diinginkan
 IINSTALL THEME

Pilih Theme yang

diinginkan, Disini
saya pilih yang
ini
 IINSTALL THEME

Klik Skip &

Continue
 IINSTALL THEME

Klik
Continue
 IINSTALL THEME

Klik Submit &

Build My
Website
 IINSTALL THEME

Klik Submit &

Build My
Website
 IINSTALL THEME

Tunggu Sampai
Beres Proses
InsĨalasi sampe
100%
 IINSTALL THEME

Pada Tahapan Ini Kita sudah

Berhasil Instal Theme,
Kemudian silahkan Klik
Tulisan

View Your Website

 IINSTALL THEME

Theme Website
Berhasil Diinstall
 Cara Mengganti Logo Website

Klik Menu
CUSTOMIZE
 CARA GANTI LOGO

2. Klik Site Title &

1. Klik Header
Logo
Builder
 CARA GANTI LOGO

Klik Change
Silahkan Ganti Logo
Logo
sesuai keinginan Anda
 CARA GANTI
LOGO

Silahkan Klik
Publish
SELANJUTNYA KITA AKAN BELAJAR
BAGAI MANA CARA GANTI ATAU
SETTING MENU
 CARA GANTI ATAU SETTING MENU

1
Untuk setting menu silahkan Klik Appearance ->
Menus 2 Klik create a new menu
 CARA GANTI ATAU SETTING MENU

Buat Menu dengan Nama Home, Selanjutnya Klik

Create Menu
Klik View All
 CARA GANTI ATAU SETTING MENU

Klik atau Ceklis halaman mana aja yang

mau di Ĩampilkan jadi menu Kemudian Klik
Add To Menu
 CARA GANTI ATAU SETTING MENU

Ceklist Primary Menu dan klik save Menu Menu sudah sesuai dengan yang kita setting
 CARA SETTING WOOCOMMERCE
JIKA BELUM TERDAPAT PLUGIN WOOCOMMERCE
KLIK PLUGINS -> KLIK ADD NEW

Klik Menu
woocommerce
Kemudian Klik
Setting
Silahkan isi form
General sesuai
lokasi Toko teman-
teman tujuanya
nanti untuk
perhitungan biaya
Ongkir

Jangan Lupa
Klik save
 CARA GANTI ATAU
WOOCOMMERCE

Untuk Shipping biarkan terlebih dahulu ya, nanti kita

Untuk Bagian Menu Product silahkan sesuaikan dengan produk akan tambahkan plugin untuk shipping
anda ya
 CARA SETTING WOOCOMMERCE

Untuk Payments
bisa pake
Transfer
, silahkan Klik
 CARA SETTING WOOCOMMERCE
Silahkan setting
Payments sesuai
pembayaran masing-
Masing Jika ingin
Pembayaranya otomaĨis
bisa pake plugins
midtrans
 CARA SETTING PLUGINS ONGKOS KIRIM

Klik Plugins
kemudian
Klik Add
New
Kemudian di
kolom Klik install Now
pencarian Klik dan aktifkan
Ongkoskirim
 CARA SETTING PLUGINS ONGKOS KIRIM

Klik setting di
Plugins
Ongkoskirim.id
 CARA SETTING PLUGINS ONGKOS KIRIM

Silahkan pilih Expedition yang

ingin digunakan

Pilih Store
Location

Jika sudah jangan

Lupa klik
Save
 CARA SETTING PLUGINS
WHATSAPP ORDER

Klik Plugins
kemudian Klik
Add New, cari
plugin One
Click Chat to
Order
Silahkan Klik Install Now
 CARA SETTING PLUGINS WHATSAPP
ORDER

Klik Install
dan Klik
Activate
 CARA SETTING PLUGINS WHATSAPP
ORDER

Klik
setting
 CARA SETTING PLUGINS WHATSAPP
ORDER

Klik Chat Order KlikAdd Whatsapp Number

 CARA SETTING PLUGINS WHATSAPP
ORDER
Klik
Publis
h

Klik
WhatsApp
Number
Klik Menu Floating ceklis menu
berikut

J a n g a n L u p a s i m p an
l i nk
Klik Menu Shop Silahkan
sesuaikan seperti gambar
disamping
Silahkan ceklis data sesuai yang
diinginkan
Jangan Lupa Klik Save
 CARA SETTING DAN UPLOAD
PRODUK

Klik Products
kemudian Klik
Categories
 CARA SETTING DAN UPLOAD PRODUK

Buat kategori baru,

Tujuanya untuk
mengelompokan produk

Kik Add
New
 CARA SETTING DAN UPLOAD
PRODUK

Klik Product dan Klik Add New

Silahkan Isi
ProdukHarga Produk JIKA SUDAH
Deskripsi Produk DIISI KLIK
Gambar Produk PUBLISH
Kategori Produk