Cara Membuat Website Sendiri Dari Nol Sampai Online ( Full Lengkap )
Homepage instal Woocommerce
Berikutnya kita akan menginstal Woocommerce. Caranya login ke dashboard WordPress > Plugin > Tambah baru > Cari plugin woocommerce > instal dan aktifkan. Jika muncul Notifikasi kamu bisa menskipnya terlebih dahulu
Jika gagal untuk menginstal plugin kamu bisa mengikuti cara lain untuk mengisntal plugin.
Tonton Video Lengkapnya
Ke tampilan > Sesuaikan > Menu > Buat Menu Baru > Pilih “ Top Bar”
Kembali ke Menu > Pilih Nama yang sudah dibuat > Tambahkan item menu apa saja yang ingin ditampilkan Di bagian Top Bar
Kembali kebagian menu > pilih pada menu Header yang kita buat sebelumnya di awal-awal > lalu singkirkan menu yang barusan kita pindahkan ke top bar di bagian menu header ini
Tonton Video Lengkapnya
Tampilan > Sesuaikan > Top Bar. Dibagian ini kamu bisa mengatur Posisi Menu dan juga background Top Bar
Tampilan > Sesuaikan > identitas situs > pilih favicon
Tampilan > Sesuaikan > Header > Logo
Di halaman Home Edit With Elementor > Add New section > pilih 2 kolom > Drag Teks Heading, Teks Editor,dan Button dibagian sebelah kiri
Dibagian kanan drag image dan ganti image nya.
Untuk memeberikan background klik Edit Section > Style > Background. Pilih warna yang diinginkan
Tonton Video Lengkapnya
Mengalami Sesuatu yang berbeda dengan di Tutorial ? Cek Artikel Berikut
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
Beli Hosting dan Domain
Hal pertama yang dilakukan sebelum membuat website kamu online tentunya kita harus mempunyai Hosting dan domain. Untuk hosting sendiri kami merekomedasikan untuk menggunakan Niaga Hoster, ya sebenarnya kamu bebas menggunakan Hosting manapun
Cara membeli hosting di Niaga Hoster bisa kunjungi website resminya niagahoster.co.id kamu bisa memilih jenis server yang diinginkan apakah itu Shared hosting, Cloud Hosting atau VPS. Untuk proses pembelajaran kali ini kita menggunakan paket shared hosting > lalu pilih paket yang diinginkan
Tonton Video Lengkapnya
Video Full Tutorial Beli Hosting dan Domain
Langkah selanjutnya kamu harus mengupload file web dari localhost ke hosting dan domain.
Pertama Ekspor file web yang ada dilocalhost.caranya instal plugin All in One-Wp Migration. Lalu ekspor file web dengan cara klik plugin All in One WP Migration > lalu Ekspor
Langkah selanjutnya pastikan sudah menginstal WordPress di hosting yang sudah dibeli > instal plugin All in One Wp Migration dan ekstensi all in one wp migration.
Untuk ekstensinya kamu bisa download disini https://import.wp-migration.com/
Catatan : ekstensi ini hanya mendukung untuk file web maksimal sebesar 512mb untuk versi free nya
Berikutnya Impor file web ke WordPress yang sudah diinstal di hosting,
Klik tab all in one Wp Migration > Impor file dari berkas
Import berjalan > klik lanjutkan > proses berjalan kembali > setelah itu klik selesai, jika file telah selesai berhasi di import > Berikutnya kamu bisa refresh Dashboard WordPress > Login dengan Username dan password bawan dari localhost
Tonton Video Lengkapnya
Sebuah website wajib memasang SSL. Apa itu SSL? SSL adalah salah satu fitur untuk keamanan website yang wajib dipasang untuk sebuah webstie. SSL standar biasanya akan didapat secara gratis ketika kita membeli hosting.namun tergantung juga dengan kebijakan dari provider hosting
Bagaimana cara memasang SSL? Biasanya setiap Hosting akan memiliki panduan tertentu dalam Proses pemasangan SSL. Jika kamu menggunakan hosting dari niaga hoster kamu bisa mengikuti panduan dibawah ini
Cara memasang SSL di Niagahoster Cara Install SSL di Niagahoster
Tonton Video Lengkapnya
Atur Homepage dan blog
Login ke dashboard WordPress > Pengaturan > Membaca > pilih lama statis. Pada bagian Beranda pastikan memiih Home dan Laman Pos-pos pilih Blog
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
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
Download dan Install XAMPP
Kamu bisa Download Xampp dari web resminya https://www.apachefriends.org/ lalu pilih sesuai dengan sistem operasi yang digunakan (saran saya menggunakan Windows, karena dalam artikel ini saya menggunakan Windows)
Berikutnya silahkan instal Xampp yang sudah Didownload Tersebut. Untuk cara instal xampp bisa kunjungi artikel ini Cara Download dan Install XAMPP
Tonton Video Lengkapnya
Banyak yang bertanya kepada saya. Kak kenapa saat menginstal WordPress kok tidak Bisa? atau juga Waktu memasukan nama Database dalam proses instalasi WordPress kok gagal ya?. Hal ini disebabkan karena kamu belum membuat nama database di server localhost.
Bagaimana cara membuat database? Kamu bisa kunjungi artikel ini ya untuk pembuatan Database di localhost Cara Membuat Database di XAMPP untuk nama database bisa disesuikan dengan keinginan kamu ya.
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
Beli Hosting dan Domain
Untuk Hosting dan domain kami merekomendasikan menggunakan NiagaHoster. Kamu bisa memilih paket yang kamu inginkan dan disesuaikan dengan kebutuhan
Artikel Lengkap : Niagahoster Hosting Terbaik di Indonesia, Cepat dan Berkualitas Tinggi.
Gunakan Kode Kupon : RAHMANDI10 saat checkout untuk mendapatkan ekstra potongan tambahan 10%
Catatan : Pastikan WordPress sudah terinstal terlebih dahulu di hosting kamu. Jika kamu belum tahu bagaimana cara mengisntal WordPress di hosting bisa kungjungi artikel kami yang lainnya
Artikel Terkait: Cara Install WordPress di Hosting Niagahoster
Sebelum upload ke internet kamu harus eksport dulu file yang website nya. Caranya Pasang Plugin All in-One WP Migration > Ekspor
Berikutnya silahkan Import File WordPressnya. Caranya
Tambahkan plugin ekstensi All in One WP Migration untuk menambah kapasitas impor download disini https://import.wp-migration.com/ > instal dan aktifkan > Klik all in one wp migration > import file
Import berjalan > klik lanjutkan > proses berjalan kembali > setelah itu klik selesai, jika file telah selesai berhasi di import > Berikutnya kamu bisa refresh Dashboard WordPress > Login dengan Username dan password bawan dari localhost
Jika Kurang Jelas, Bisa Lihat Video dibawah ini.
Untuk SEO Dasar ini kita akan mempraktekan untuk melakukan SEO di halaman Homepage saja. Untuk halaman berikutnya bisa kamu praktekan sendiri karena pada dasarnya sama saja.
Pastikan sudah menginstal Plugin Yoast SEO > Masuk kehalamana lalu klik sunting halaman tersebut
Berikutnya masukan kata kunci (Frasa Kunci Utama) yang berkaitan dengan konten website yang sedang dibuat > Masukan Judul SEO ,Slug, dan Deskripsi Meta
Selain itu kamu juga bisa melihat Analisis SEO dari halaman website kamu. > Klik Analisis SEO, maka kamu akan melihat apa saja hal-hal yang harus kamu lakukan.
Ketika mengatur SEO usahakan indikator sampai berwarna hijau
Kamu juga bisa mengatur Sosial share. Penejelasan sederhananya jika kamu share halaman tertentu ke facebook atau media sosial lainnya, maka nanti akan muncul gambar dan judul yang telah kamu atur.
Klik Sosial > Kamu bisa menambahkan gambar > dan Judul
Jika Kurang Jelas, Bisa Lihat Video dibawah ini.
Setelah membuat website tentunya sebagai pemilik website kita harus mengamankan website yang sudah dibuat. Walau pada dasarnya website yang kita buat dengan WordPress relative aman namun akan lebih baik jika kita menambahkan lagi fitur keamanan di website kita.
Nah untuk kemanan website sendiri tidak akan kami bahas satu artikel dengan pembuatan website company profile ini. Karena topik nya cukup panjang. Kamu bisa kungjungi di artikel kami lainnya
Artikel Terkait: Belajar Dasar Keamanan Website WordPress Yuk
Untuk Banner sendiri sebenarnya hanya opsional saja, dan tentunya banyak sekali jenis banner yang bisa kamu pasang. Contohnya, Pop up banner.
Di artikel kali ini kita akan menggunakan plugin simple banner untuk membuat bannernya.
Plugin > Tambah Baru > instal dan aktifkan plugin simple banner > Setelah aktif, Klik Tab Simple Banner
Selanjutnya pada bagian ini kamu bisa mengatur background dari banner, Warna teks, Isi teks dan lainnya
Contoh simple banner yang sudah dibuat
Jika Kurang Jelas, Bisa Lihat Video dibawah ini.
Analytic website tentunya sangat dibutuhkan, hal ini untuk mengetahui perkembangan website kita seperti jumlah pengunjung. Dengan analytic website ini kita bisa mengetahui jumlah pengunjung dan perilaku pengunjung di website kita. Seperti Berapa lama mereka berkunjung ke website kita, berapa halaman yang dibuka dan yang lainnya
Namun untuk pembahasan mengenai Analytic website ini kami sudah membahasnya di artikel yang lain
Artikel Terkait: Cara Pasang Analytic di Website Mudah dan Simple
Jika Kurang Jelas, Bisa Lihat Video dibawah ini.
Oke. Akhirnya kita sudah sampai materi terkahir pembuatan Website Company Profile Mengguanakan WodPress. Cukup panjang juga ya..Semoga artikel ini bisa teman-teman pahami dan diterapkan dalam pembuatan website.
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