Mulai Masukan Produk
Setelah pengaturan awal selesai, maka selanjutnya adalah dengan mulai memasukan produk. Masukan foto produk, deskripsi, dan harga yang Anda tentukan ke dalam website. Pilih juga payment gateway yang terpercaya sebagai proses pembayaran end-user kepada Anda.
Tahap 3: Membuat Sketsa Layout
Layout atau tata letak merupakan cara pemilik website dalam menonjolkan kelebihan dari perusahaan.
Idealnya, tata letak website dibuat unik dan elegan sehingga memudahkan calon konsumen yang ingin melakukan pembelian.
Untuk membuat layout website toko online, Anda bisa mencari referensi dari website toko online yang sudah ada kemudian menganalisa bagian apa saja yang perlu dihilangkan atau ditambahkan.
Maka jadilah layout ideal yang bisa membedakan website Anda dengan miliki kompetitor.
Adapun fitur ideal dari website toko online sederhana biasanya terdiri dari halaman produk, checkout, halaman informasi pembayaran, fitur chat untuk menghubungi customer service, fitur member area, tracking resi, cek ongkir, dan menu-menu kategori untuk mempermudah pencarian.
Tulis fitur-fiur yang perlu ada di website toko online Anda agar tidak terlewat, untuk sketsa layout Anda bisa menggambarnya melalui software desain atau di gambar secara manual menggunakan kertas agar nantinya lebih mudah ketika melakukan implementasi template.
Tambahkan fitur Wishlist
Fitur Wishlist berfungsi agar pengunjung bisa memfavortikan terlebih dahulu produk yang diinginkan tanpa harus menambahkannya ke keranjang atau melakukan checkout. Untuk panduannya bisa ikuti dibawah ini ya
Instal dan aktifkan plugin Ti Woocommerce terlebih dahulu > Klik Tab TI Wislhist > General Settings > dibagian Button Custom css masukan “wishlist-button” > lalu save
Kembali ke Tab TI Wishlist > Style Options, Cari Kolom Template Custom CSS > masukan kode css > Lalu save
Tonton Video Lengkapnya
Untuk menambahkan fitur chat whatsaapp. Klik plugin > Tambah Baru > cari plugin click to chat > masukan Nomor Whatsapp kita, atur pesan yang ingin dikirimkan ke kita, style Tombol dan lainnya
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
Mempercepat Loading Website
Sebagai informasi, loading website yang lambat atau lemot merupakan malapetaka dari sebuat website toko online.
Menurut penelitian, pengunjung atau calon pembeli rata-rata hanya akan menghabiskan waktu selama 5 detik sebelum akhirnya beralih ke situs lain.
Waktu yang singkat tersebut tentu harus bisa dimaksimalkan agar para konsumen tidak menghabiskan waktu didepan komputer memandangi loading website yang tidak kunjung selesai meski sudah menggunakan layanan VPN atau jaringan internet berkecepatan tinggi.
Sebagai solusi untuk masalah loading website yang lambat, Anda bisa menggunakan fitur CDN atau pindah layanan hosting yang sudah menyediakan teknologi penyimpanan berbasis SSD (Solid State Drive) dan juga LiteSpeed API seperti paket hosting BCH Qwords.com.
Dengan memiliki website toko online sendiri sahabat Qwords tentu sudah tidak perlu khawatir lagi ketika harus bersaing dengan pedagang lain di platform yang sama atau mengalami banned ketika melanggar kebijakan dari platform marketplace.
Berbeda dari jualan lewat tokopedia, Shopee, atau Bukalapak, website toko online dengan nama domain sendiri juga bisa meningkatkan brand awareness sehingga bisnis Anda bisa semakin mapan secara jangka panjang.
Bagaimana menurut Anda? Apakah tertarik untuk mencoba membuat website toko online sendiri?
Berbicara soal membuat website, bahasa pemrograman HTML adalah tempat yang bagus untuk memulai. HTML atau Hyper Text Markup Language adalah dasar dari semua hal yang kita lihat di web. Artikel ini akan membantu kamu dalam mendirikan website toko online dengan HTML.
Namun perlu diingat, mendirikan website toko online bukan hanya soal membuat halaman web yang indah. Kamu juga perlu mempertimbangkan aspek-aspek seperti sistem pembayaran, pengiriman, manajemen persediaan, dan masih banyak lagi. Oleh karena itu, kami menyarankan menggunakan platform e-commerce yang ada sebagai alternatif jika kamu belum familiar dengan pemrograman web.
Namun, jika kamu tertarik untuk membuat website toko online menggunakan HTML, berikut adalah panduan cara membuatnya.
Pilih editor HTML favorit kamu untuk membuat halaman web. Editor HTML seperti Sublime Text, Atom, dan Visual Studio Code adalah beberapa pilihan gratis yang populer.
Konfigurasikan Plugin Toko Online
Pengaturan WooCommerce yang perlu dikonfigurasikan pada dasarnya sama seperti yang disediakan oleh panduan Hostinger di bagian sebelumnya. Namun, kalau Anda memilih untuk menginstal WooCommerce sendiri, kami akan membantu Anda menyiapkannya.
Berikut cara setting WooCommerce untuk WordPress:
Sejauh ini, mudah sekali kan, cara membuat web toko online dengan WooCommerce? Nah, sekarang mari lanjutkan ke langkah berikutnya, yaitu mendesain tampilan website toko online Anda.
Tanya Jawab (FAQ) Cara Membuat Toko Online
Bagian ini akan menjawab beberapa pertanyaan umum tentang cara membuat toko online dengan WordPress.
Hubungkan Semua Link Homepage
Jik diawal kita sudah membuat beberapa Button dan ketegori produk. Maka saatnya menghubungkan masing- masing button ke link terkait
Caranya Copy URL Dari Kategori produk yang sudah ada > Kemudian buka halaman Homepage > Edit With Elemenetor > Klik button yang sudah dibuat > masuk ke bagian Content dan pastekan link tersebut.
Tonton Video Lengkapnya
Tahap 2: Install WordPress
Setelah Anda membeli domain dan hosting, langkah selanjutnya adalah menginstal CMS (Content Management System) yang akan digunakan sebagai mesin website.
Pada tutorial cara membuat toko online dengan website kali ini kita akan menggunakan platform WordPress sebagai CMS.
Untuk menginstall WordPress, caranya sangat mudah. Beberapa provider hosting bahkan sudah memberikan fitur Softaculous yang bisa digunakan untuk menginstall WordPress dari cPanel.
Anda bisa membaca panduan lengkap cara instal WordPress melalui artikel berikut ini: Tutorial Cara Install WordPress
Baca juga : 8 Plugin WordPress Untuk Toko Online Terbaik Saat Ini
Tambahkan Informasi Toko
Selanjutnya Anda akan diminta untuk melengkapi informasi toko, seperti nama toko, logo dan banner, alamat dan jasa pengiriman yang akan digunakan, email dan nomor telepon.
Jika semua informasi tersebut sudah lengkap lanjutkan proses pendaftaran.
Selamat Anda sudah memiliki toko di Shopee! Sekarang tambahkan produk yang ingin dijual, gunakan foto produk yang jelas dan menarik perhatian.
Atur metode pengiriman dan tambahkan biaya pengiriman jika ada.
Bila Anda memiliki beberapa varian produk, seperti ukuran atau warna, tambahkan informasi produk agar tidak membingungkan pembeli.
