Buat WEB Toko Online untuk Pemula pakai WooCommerce ,Cara Belajar Web Toko online Pemula dengan WooCommerce
- install XAMPP — > agar bisa mengistall local web (apache dan phpadmin)
- install wordpress —-> masuk localhost
3.buka http://localhost/phpmyadmin/ —–> aplikasi untuk membuat database
- informasi untuk di web wordpress
- edit profile foto di Gravatar: https://en.gravatar.com/emails?auto-applied=1
-menu utama:
Home Blog Shop Lacak Pesanan Account
-menu atas
About Contact FAQ
- install Tema WP —> tema oceanWP
– install plugin – Elementor dan Ocean Extra
– install Plug in – woocommerce.5.6.0
– install plugin – Essential Addon for Elementor —> untuk bar blog
- Edit Menu Bar dan top bar
- buat Blog dan artikel
– install plugin – Essential Addon for Elementor —> untuk bar blog untuk tampilan bisa bagus Mengatur Blog tampil di bawah footer.
– add post grid di menu plug in essential addon
membuat halaman bloq — isinya artikel artikel
- buat logo link
- buat menu Footer
– Theme Panel —> My library – add new —> name=footer –klik Edit with Elementor
- setting halaman home ke halaman dasboard awal buka tampilan beranda web
– dasboard – ke pengaturan —> klik membaca —> pilih tampilan beranda –>
—-> halaman statis – pilih beranda – halaman Home
—-> – pilih halaman pos -pos – halaman blog
- seting woocommerce
pengaturan account toko online
– seting general
Alamat toko dan tempat domisili perdagangan area ,mata uang Rupiah
– seting product
.general:
link shop page
pembelian langsung klik ke keranjang
karakteristik barang (kg ,cm ) , review product , ownner verifikasi untuk custamer, ranting.
.inventory:
kelola : total stok barang , total stok minimal , stok stok hbis , tampilan stok .
– setting shipping / Pengiriman
lewat ongkos kirim yand ada di indonesia ( tidak lewat ongkos kirim woocommerce)
– setting payment/pembayaran
pembayan lewat (transfer bank dan COD)- BNI , BRI
transfer bank, kartu kredit, virtual account, debit, e-wallet, dan gerai minimarket.
melalui payment gateway (pihak ke 3) untuk link ke bank, OVO , Gopay , gerai .
– DOKU – Midtrans – Faspay – iPaymu – Finpay – Xendit – Espay
– NicePay
- Menu product — di woocommerce
– create Kategori product
- Create new Product item
– create item product upload gambar – diskripsi – harga
- menghilangkan sidebar web
– Custamoze
– menu sidebare add sidebare dari WOocommerce
– di halan lain nya bisa hilang jika di rubah untuk page jadi full width
- Membuat setting di halaman Lacak Pesanan
untuk mengetahui barang pesanan apakah sudah di prosess
– cari di google kata ini Woocommerce shortcode —> pilih Shortcodes included with WooCommerce
cari kata – Order Tracking Form
-> di copy kata ini [woocommerce_order_tracking] ke web menu lacak pesana klik edit page
- Membuat setting di halaman about
buat tulisan menu dan vidio dilink vidio –> contoh link company backgroud vidio
- setting checkout – masuk halaman checkout — setting dengan elementor
buka link google Woocommerce shortcode —
pilih Shortcodes elementor —> untuk mengaktifkan Checkout
copy file ini ke elementro –> [woocommerce_checkout]
17 mambuat Halaman contact
– menjalin jalin hubungan dan kerjasama
– tanya pertanyaan pesanan belum sampai , selain pakai custamer service .
– peta toko online harus di daftarkan ke google bisnis
– isi nomer contact email
- Membuat Halaman FAQ
– Berisi seperti tanya jawab
– pertanyaan yang sering yang di ajukan dan beserta jawaban seputar toko online
misalkan dikirimkan kpan , cara pemesanan nya.
buat tambahan elementor – accordion
- memasukan product terbaru / favorite / terlaris di menu home
– ke product terbaru — buka link google Woocommerce shortcode —
pilih Shortcodes included with WooCommerce —> Scenario 4 – Newest Products –
copy file ini ke elementro –> [products limit=”4″ columns=”4″ orderby=”id” order=”DESC” visibility=”visible”]
– masuk ke elementore di page home –> cari wedget shortcode lalu drag ke product terbaru
– ke product terfavorite — buka link google Woocommerce shortcode —
pilih Shortcodes included with WooCommerce —> Scenario 2 – Featured Products –
copy file ini ke elementro –> [products limit=”4″ columns=”2″ visibility=”featured” ]
– ke product terfavorite — buka link google Woocommerce shortcode —
pilih Shortcodes included with WooCommerce —> Scenario 3 – Best Selling Products
copy file ini ke elementro –> [products limit=”4″ columns=”2″ visibility=”featured” ]
- seting untuk menfavoritkan product
– dasboard – > woocommerce – klik produk semua –> klik tombol bintang
- tambah plugin ke web —> Ti woocommerce wishlist
seting wish list:
default wishlist name = wishlist
my wishlist = wishlist atau klik create Automatically
button = after”add to cart”button
=tambah ke wishlist
prosesing == Manual
share == whatshapp dan facebook
ready
selanjutnya mengubah warna Button —> masuk ke setting plugin wishlist.
cari kalimat = product listing button setting
input name —> button custom CSS class = wishlist button
selamjutnya masuk dashboard –pilih style option di Ti wistlist.
aktifkan templae custom CSS
input shortcode= sebagai berikut:
.wishlist-button {
background: #3E7051;
color: white;
padding: 5px;
}
Langkah 1: Dapatkan Domain dan Hosting + Install WordPress
Jika Anda mau membuat toko online di website sendiri, anda membutuhkan 2 hal:
Domain – ini merupakan alamat website Anda, misalnya Tokopedia.com.
Hosting – ini merupakan tempat dimana Anda menyimpan data website seperti produk, gambar, artikel dan lain-lain. Simpelnya ini adalah ruko tempat penyimpanan barang Anda.
Sama seperti toko offline, toko online juga membutuhkan alamat dan tempat.
Ada banyak hosting diluaran sana. Tapi tenang Anda tidak perlu repot-repot dan bingung mencari hosting terbaik.
Dengan pengalaman saya ngeblog dan mempunyai toko online, saya sudah berkali-kali pindah hosting… Iya ini menghabiskan waktu saya .Website dengan isinya hanya blog aka berbeda dengan website yang di gunakan sebagai ecommerce atau toko online. Anda harus pastikan hosting tersebut reliable karena pemrosesan pada website toko online akan lebih memakan resource.
Kalau tidak, ujungnya website Anda susah diakses bahkan sering down… Dengan begitu, pengunjung sulit melakukan order dan pembelian bisa batal. Untuk pemula saya sarankan menggunakan Domainesia. Kenapa?Paket hosting bisa bulanan, harga lumayan murah, hosting reliable dan UI/UX dashboardnya newbie-friendly. Kalau sudah expert dan punya kartu kredit/Paypal, disarankan hosting SiteGround.
Disini saya akan memberikan tutorial khusus menggunakan hosting Domainesia. Untuk di penyedia layanan hosting lain kurang lebih alurnya sama. Cara Belajar Web Toko online Pemula dengan WooCommerce
