Merapikan halaman Woocommerce
Dibagian ini kita akan menghilangkan beberapa fitur yang tidak kita inginkan. Seperti menghilangkan sidebar woocommerce di halaman detail produk . seperti gambar dibawah ini
Caranya : Masuk Ke Tab produk > lalu edit produk yang ingin dihilangkan sidebarnya > Scroll kebawah > dibagian OceanWp Settings, Content Layout ubah menjadi FullWidth
Tonton Video Lengkapnya
Metode pembayaran (3 metode pembayaran)
Untuk metode pembayaran karena pembahasannya cukup panjang maka kami buatkan artikel tersendiri. silahkan baca artikel Mantul! 3 Cara Integrasi Pembayaran di WooCommerce
Yang jelas untuk metode pembayaran ini ada 3 macam yaitu menggunakan Transfer Bank Manual, Mutasi Otomatis dan Payment Gateway
Pasang ongkos kirim plugin
Plugin ongkos kirim bertujuan untuk mengecek biaya pengiriman barang dari Alamat kamu ke Alamat pelanggan.
Mungkin pernah kamu bertanya kenapa saat melakukan checkout dengan plugin ongkos kirim, ongkos kirim nya berbeda dengan yang ada di website cek ongkir di google ? Sepanjang yang penulis ketahui jika biaya ongkos kirim ingin sama persis maka syarat utama adalah plugin tersebut harus bekerjasama dengan pihak ekspidsi secara langsung agar database nya sama. Salah satu caranya bisa menggunakan plugin ongkos kirim premium
Kali ini kita akan menggunakan Ongkos kirim gratisan. Caranya
Klik Tab Plugin > Tambah Baru > cari plugin ongkos kirim id > Instal dan Aktifkan
Klik Tab plugin ongkos kirim disebelah kiri > Konfigurasi atau ke Woocommerce dan pastikan bagian pengiriman memilih ongkos kirim id
Selanjutnya silahkan isi pengaturan yang diminta. Seperti jasa eskpidisi apa saja yang ingin digunakan, Alamat Kota pengiriman dan sebagainya
Tonton Video Lengkapnya
Daftar Akun di Toko Online Kita
Di bagian ini kita akan mengatur Untuk sistem pendaftaran. Seperti, mengizinkan pelanggan untuk melakukan pendaftaran, Tidak mengizinkan pelanggan memesan tanpa mempunyai akun dan yang lainnya. Kamu bisa ikuti panduan dibawah ini ya :
Login ke Dashboard WordPress > Pengaturan > Umum > Centang pada di bagain keanggotaan dan pilih peran sebagai pelanggan
Woocommerce > Pengaturan > Akun dan Email > Centang seperti gambar dibawah ini
Tonton Video Lengkapnya
Download dan Instal WordPress
Sebenarnya cara untuk menginstal WordPress di localhost sudah sering kami bahas di artikel yang lainnya. Tapi daripada kamu kebingungan harus bolak-balik halaman bisa ikuti panduan dibawah ini ya.
Download WordPress dari situs resminya di https://wordpress.org/ > Copy file WordPress > dan pastekan di folder C > Xampp > htdocs > Extract Here file wordpress nya > lalu rename file WordPress yang sudah di Extract sesuai dengan nama yang diinginkan (Usahakan nama file rename sama dengan nama Database yang dibuat)
Berikutnya Aktfikan Xampp (Apache dan MySQL) > Di browser ketikan localhost/database yang sudah dibuat pada langkah 2 > Pilih bahasa “Lanjutkan” > Klik “Ayo”
Isikan Koneksi Database > Untuk Basis data isikan nama database yang sudah dibuat > Untuk settingan lainnya biarkan default kamu bisa lihat pada gambar > Klik jalankan pemasangan
Masukan informasi yang dibutuhkan seperti judul situs, username, password dan lainnya > klik instal WordPress > penginstalan selesai klik log masuk untuk login ke Dasboard WordPress
Tonton Video Lengkapnya
Login ke Dashboard Word > Pengaturan > Permalink > Pilih Type post atau Nama tulis > klik simpan perubahan
Tonton Video Lengkapnya
Dibagian ini kamu bisa mengubah beberapa pengaturan Admin seperti Password, Email, Nama Admin, Password dan sebagainya
Caraya login ke dashboard WordPress > Pengguna > Profil. Silahkan ubah pengaturan yang ingin diubah > lalu perbarui Profil
Tonton Video Lengkapnya
Dibagian berikutnya kamu bisa mengubah foto profil untuk website kamu dengan cara membuat akun gravatar terlebih dahulu
Caranya login ke dashboard WordPress > Pengguna > Pada bagian Foto Profil. Klik “Anda dapat mengubah gambar profil Anda melalui Gravatar.” Selanjunya Create your Own Gravatar > Masukan Email, Nama pengguna dan password > klik buat akun > cek email yang di daftarkan lalu Aktfikan Akun
Kembali ke pengguna > profil > lalu klik kembali pada bagian Gravatar. Silahkan login dengan akun yang sudah dibuat tadi > Add New Image > Lalu upload foto yang diinginkan dan atur sesuai dengan keinginan
Kembali Ke dashboard WordPress. cek apakah foto profil admin sudah berubah. Jika belum kamu bisa menunggu nya beberapa saat atau menggantinya ketika website kamu sudah berada di Hosting
Tonton Video Lengkapnya
Berikutnya kita akan membuat Halaman seperti Home, About, Contact dan lainnya
Login Ke Dashboard WordPress > Laman > Tambah baru > Terbitkan. Lakukan langkah ini untuk membuat halaman yang lainnya
Tonton Video Lengkapnya
Didalam pembuatan menu ini berfungsi untuk menampilkan menu apa saja yang ingin ditampilkan di halaman website. Baik itu menu yang dibuat pada langkah sebelumnya atau ingin menambahkan menu dengan tautan tertentu. Tentu sangat fleksibel sekali
Login ke Dashboard WordPress > Tampilan Menu > Masukan Nama menu dan pilih lokasi penayangan > klik buat menu.
Tambahkan Menu apa saja yang ingin ditampilkan > atur sesuai dengan urutan yang kamu inginkan > pilih lokasi penayangan > Simpan Menu
Tonton Video Lengkapnya
Untuk pembuatan Toko Online kali ini kita akan menggunakan Tema Ocean WP.
Cara untuk mennginstal Tema Login Ke dashboard WordPress > Tema > Tambah Baru. Cari Tema Ocen WP > insal dan aktifkan
Jika kamu gagal dalam penginstalan tema dengan cara ini kamu bisa mencobanya dengan cara yang lain, kunjungi artikel kami cara menginstal Tema
Tonton Video Lengkapnya
Setelah menginstal Tema Ocen Wp maka ada notifikasi untuk menginstal Plugin yang diharuskan. Oya jika kamu melihat divideo yang kami buat mungkin akan ada notifikasi untuk menginstal Elementor dan Ocean Extra. Namun setelah update Elementor tidak ada lagi kamu harus mengisntalnya sendiri
Klik instal di Ocean Extra lalu aktifkan
Berikutnya instal Elementor. Caranya klik plugin > Tambah Baru > Cari plugin Elementor > Instal dan Aktifkan
Tonton Video Lengkapnya
Cara Membuat Website dari Nol Sampai Online – Full Lengkap
Halo Semuanya. Terimakasih Telah berkunjung ke blog kami ya. Sesuai Dengan Judul artikel kali ini kita akan membahas pembuatan website Company Profile Profile Dari Nol sampai online menggunakan WordPress. Mulai dari cara instal Xampp, instal WordPress sampai ke proses desain website nya
Jika kamu pernah mengunjungi artikel kami yang lain tentu sudah familiar dengan apa itu WordPress, karena kami sering membahasnya. WordPress atau CMS (Content managemet sistem) Adalah sebuah software yang mempunyai fungsi untuk membantu kita dalam membuat blog ataupun website dengan mudah, karena tanpa memakai coding kita sudah bisa membuat sebuah website yang menarik.
Baca Juga: Pengertian WordPress.com & WordPress.org – Yuk Simak
Jika Kurang Jelas, Bisa Lihat Video dibawah ini.
Ada beberapa persiapan dasar yang harus kita lakukan untuk membuat website Company Profile
Homepage produk lainnya
Dibagian ini kita akan menambahkan fitur yang terkait dengan produk. Seperti produk terbaru, produk favorit dan Terlaris. Namun hanya Headingnya atau Judulnya terlebih dahulu karena untuk isinya kita perlu mengupload produk dahulu
Add new section > Pilih kolom blank (satu) > drag Teks Heading dan Divider. Lalu edit sesuai keinginan. Kemudian Duplicate untuk yang lainnya dan ganti judulnya sesuai Kategori Produk yang ingin di tampilkan misalkan Produk Terbaru, Favorit dan sebagainya
Tonton Video Lengkapnya
Homepage yang akan dibuat seperti ini
Add new section > pilih satu kolom > drag inner section. Drag icon dan Teks Heading ke setiap Inner section. Lalu edit sesuai dengan keinginan
Tonton Video Lengkapnya
Dibagian ini kita akan sedikit mengkustom tampilan blog yang dimunculkan di Homepage
Contoh tampilan blog yang akan dibuat
Instal Plugin Essential Addons For Elementor > lalu buat section baru > Drag Post Grid. Maka post yang sudah dibuat akan muncul di homepage
Untuk membuat footer pada artikel kali ini silahkan ke Theme panel > My Library > Add New > Masukan nama menu yang diinginkan > Edit with Elementor > Add new section > pilih structure > Drag inner section > Masukan Teks Heading dan edit sesuai keinginan
Tonton Video Lengkapnya
Proses pembelian dan pengiriman
Pada bagian ini adalah bagian yang paling penting. Kita akan mencoba untuk membeli dan mengelola pengiriman barang
Lakukan Checkout setelah menambahkan barang ke keranjang
Pada bagian ini jika kamu belum mempunyai akun maka silahkan mendaftar dan mengisi form yang disediakan. Serta memilih metode pembayaran dan pengiriman > Buat Pesanan
Selanjutnya akan muncul Instruksi yang harus pembeli lakukan. Seperti jumlah pembayaran yang harus dilakukan dan rekening Tujuan pembayaran
Sebagai catatan jika kamu menggunakan metode pembayaran secara manual , maka pembeli diharuskan untuk mengirimkan bukti transfer dan kamu harus mengecek terlebih dahulu sebelum melakukan pengiriman.
Jika menggunakan Mutasi Otomatis atau Payment Gateway maka proses transaksi akan dicek otomatis oleh sistem
Jika ada orderan yang masuk aka nada Notifikasi ke email kamu, ini berlaku jika kamu sudah melakukan pengaturan email dengan benar
Untuk memproses pesanan yang masuk bisa ke woocommerce > Pesanan > klik pesanan yang ingin diproses > kamu bisa melihat alamat untuk pengiriman barang dan mengupdate status orderan
Tonton Video Lengkapnya
Oke sampai disini pembahasan kita mengenai cara pembuatan website dengan Toko Online sudah selesai. Sebagai Tambahan jika kami membaca panduan di artikel ini ataupun video yang disediakan ada tampilan atau fitur yang berbeda kamu tidak perlu panik di karenakan WordPress adalah CMS yang selalu mengupdate fitur-fiturnya bisa saja fitur yang tadinya ada di artikel ini berbeda tata letaknya atau berganti namanya.
Terimakasih ya sudah mampir dan mau membaca sampai sejauh ini. Semoga artikel kali ini bisa segera kamu terapkan juga di website kamu
Halaman lacak pesanan
Di halaman lacak pesanan ini kita akan memasang shortcode lacak pesanan. Lacak pesanan ini bertujuan untuk mengetahui status orderan kita di website.misalnya psanan diterima, Diproses, dikirim dan lainnya
Bagaimana cara untuk melakukannya ?
Pertama silahkan klik link berikut > Doc WooCommerce > Copy shortcode di bagian Order Trackig Form
Selanjutnya edit halaman lacak pesanan ya sudah dibuat > Cari Fitur Shortcode pastekan code yang telah di copy > Scroll kebawah kamu bisa mengatur layout halaman Lacak Pesanan
Tonton Video Lengkapnya
Dibagian halaman about berisi informasi seputar perusahaan. Misal penjelasan tentang jasa yang disedikan dan lainnya.
Pertama Ke menu laman > edit With elementor laman About > di halaman elementor kamu bisa buat section baru. Tambahkan fitur yang diinginkan lalu Drag
Tonton Video Lengkapnya
Halaman ini berisi Seputar kontak perusahaan seperti No Telephone, Alamat Email dan lainnya
Cara membuatnya Login ke Dashboard Wordprss > ke laman > Cari menu Contact Edit With Elementor > Tambahkan section dan pilih Structure yang di inginkan > Drag fitur yang diinginkan kedalam Section yang dibuat lalu edit sesuai dengan keinginan
Tonton Video Lengkapnya
Halaman FAQ biasanya berisi pertanyaan yang berpotensi akan sering ditanyakan. Bagaimana cara membuatnya ?
Login ke WordPress > cari laman FAQ > Edit With Elementor > tambahkan section > Drag teks Heading dan Accordion, Lalu edit sesuai dengan keinginan
Di tahapan ini kita akan memasukan produk ke dalam Toko Online kita. Oya disini contoh Produk yang kita masukan adalah produk simple ya artinya tidak mempunya varian yang berbeda-beda. Untuk cara input produk yang memiliki varian akan kami jelaskan di artikel berikut Begini Cara Memasukan Produk Ke WooCommerce
Ok. Untuk caranya ikuti panduan dibawah ini ya :
Ke tab Produk > Tambah baru > masukan Nama Produk , deskrpisi Produk > Pilih Kategori produk dan buat Tag Untuk Produk Tersebut
Scroll kebawah. Silahkan atur layout yang diinginkan > Pilih Produk Simple > masukan Harga dan lainnya > masukan Gambar Produk dan Gallery Produk
Tonton Video Lengkapnya
Dibagian ini kita mengatur produk di bagian Produk Terbaru, Produk Favorit dan Best Selling. Silahkan ikuti panduan dibawah ya
Kunjungi link berikut Doc WooCommerce > Untuk Produk Terbaru Copy shortcode dari Newest Products, Produk favorit menggunakan Featured Post dan Bet selling menggunakan Best Selling Products.
Cari laman kemudian dit With Elementor > misalnya dibagian Produk terbaru > Drag fitur Shortcode > lalu masukan Shortcode terkait. Maka produk terbaru akan muncul
Kamu juga bisa mengatur berapa produk terbaru yang ingin ditampilkan
Tonton Video Lengkapnya
Cara Membuat Toko Online Sendiri Dari Nol Sampai Online – Full Lengkap
Halo semua. Jika diartikel sebelumnya kita sudah membuat website Company Profile diartikel kali ini kita akan membuat Website E-commerce. Sebelum kita memulai pembahasan saya ingin menekankan bahwa artikel kali ini membahas E-commerce ya bukan marketplace.
Kenapa saya jelaskan seperti ini ? karena banyak sekali yang menghubungi saya. Kak apakah nanti orang lain bisa daftar toko di website kita? Apakah website ini bisa seperti Tokopedia, Bukalapak dan lainnya ? Jawabannya Tidak, karena ini hanya E-commerce saja bukan website Multi vendor. Untuk multivendor mungkin kita akan bahas di kesempatan lain.
Baca Juga: Jangan Keliru! Perbedaan Ecommerce dan Marketplace
Oke langsung saja kita masuk ke materi:
Secara singkat WordPress adalah sebuah tool atau dikenal dengan Content Management System (CMS) Yang berfungsi memudahkan kita dalam membuat website. Karena dengan WordPress tidak perlu memiliki skill Coding
Tonton Video Lengkapnya
Ada beberapa persiapan yang harus dilakukan sebelum membuat website