Membuat Toko Online Lengkap dengan Fitur Ongkir dan Pembayaran

Cara menggunakan template toko online dari Tema Divi

Saat membeli paket unlimited hosting kamu akan mendapatkan website dengan tema default, didalam Divi yang kamu dapatkan sudah termasuk template website siap pakai, kamu hanya perlu menyesuaikan template dengan tema website yang akan kamu buat.  

• Pada halaman dashboard klik Pages lalu pilih Add New

• Jika muncul pop-up berikut, klik Close dialog

Close dialog

• Tulis judul halaman mu pada Add title misalnya halaman beranda, setelah itu klik Publish

Publish

• Jika kamu ingin melihat halaman yang sudah dibuat klik View Page

View page

•  Jika kamu ingin melakukan editing lagi klik Enable Visual Builder

Enable visual builder

• Pilih Choose a premade layout untuk mengganti tema dari halaman website yang akan dibuat

Choose a permade layout

• Centang opsi Online store untuk melihat tema-tema yang disediakan bagi pengguna yang akan membuat toko online, lalu pilih satu tema misalnya Fashion

Centang opsi online store

• Klik halaman yang akan dibuat, misalnya Shop lalu klik Use this layout. 

Use this layout

• Akan muncul beberapa pilihan layout yang bisa kamu pilih sesuai dengan halaman yang ingin dibuat. Jika kamu ingin membuat halaman yang menampilkan produk, kamu bisa memilih Layout “Shop”

Menginstall Plugin WooCommerce

• Penjelasan langkah langkah install plugin WooCommerce hingga pengaturan dasar WooCommerce-nya 
•    Pada dashboard wordpress klik Plugins, lalu pilih Add new

• Pada kolom Keyword ketik WooCommerce, lalu Install Now. Tunggu beberapa saat hingga proses instalasi selesai. 

Install lugin WooCommerce

• Klik Activate untuk mengaktifkan plugin

Aktivasi Plugin

• Setelah itu kamu akan diminta untuk mengisi form alamat toko

Melengkapi alamat toko

• Address Line 1. Alamat utama toko online mu.
• Address Line 2. Alamat alternatif toko online mu.
• Country/Region. Pilih negara Indonesia.
• City. Pilih kota lokasi toko online mu.
• Postcode. Isikan nomor kode pos alamat toko online mu
• Setelah melengkapi form, klik Continue.

• Pilih dengan cara centang jenis industri toko onlinemu, lalu klik Continue.

Memilih industri toko online

• Tentukan jenis produk apa yang akan dijual di toko online mu. Ada banyak pilihan tipe produk yang bisa kamu pilih. Dua diantaranya bisa kamu gunakan secara gratis, yaitu Physical products (produk yang membutuhkan pengiriman) dan Downloads (produk digital yang bisa langsung di download).

Memilih jenis produk

• Isi dua informasi terkait bisnis yang kamu jalankan.

Menceritakan tentang bisnis mu

Kolom pertama, berapa banyak produk yang akan kamu pajang di toko online mu. Kolom kedua, apakah kamu menjual produk tersebut di tempat lain atau hanya di toko online tersebut. Setelah memilih jawaban, klik Continue.

• Langkah terakhir dalam setup wizard WooCommerce adalah memilih tema untuk toko online mu. Terdapat beberapa tema yang bisa kamu gunakan secara gratis. Gunakan mode Live Preview untuk lebih memastikan tema yang digunakan sesuai kebutuhan mu.

Nah, setup WooCommerce sudah selesai! Selanjutnya, kamu bisa masuk ke menu dashboard WooCommerce dan melakukan langkah berikutnya yaitu menambahkan produk ke toko online tersebut.

Menambahkan Produk Baru di WooCommerce

Setelah kamu berhasil membuat toko online, sekarang kamu perlu menambahkan produk ke website mu sebelum siap dikunjungi konsumen. Ikuti langkah-langkah dibawah ini untuk melakukannya

• Pada dashboard WordPress, pilih menu WooCommerce, lalu klik Add my products.

• Klik Add manually untuk menambahkan produk satu per satu.

Menambah produk

• Kamu akan diarahkan secara otomatis ke halaman posting untuk mengisi informasi lengkap produk tersebut.

Pada halaman posting untuk mengisikan informasi produk, kamu akan diminta memberikan informasi sebagai berikut: 

• Product name. Nama produk mu.
• Product description. Penjelasan lengkap produk tersebut.
• Product types. Jenis produk mu (simple, grouped, affiliate, variable). Pada umumnya, simple product yang biasa digunakan.
• Short description. Penjelasan sederhana produk yang akan tampil di halaman produk.
• Product images/gallery. Gambar produk yang akan digunakan.
• Product tags. Label untuk produk.
• Product categories. Kategori produk.

Pastikan kamu mengisi informasi di atas dengan jelas. Khusus untuk bagian Product Data, kamu akan diminta untuk mengisikan informasi yang lebih lengkap sebagai berikut:

• General. Informasi seputar harga umum dan harga diskon produk.
• Inventory. Kode barang dan status barang yang dimiliki (tersedia atau habis)
• Shipping. Jenis pengiriman barang dan penentuan berat dan dimensi barang.
• Linked product. Memilih produk serupa untuk melakukan up selling (menjual produk dengan kelas harga di atasnya)
• Attributes. Atribut pada produk barang, misalnya warna.
• Variations. Variasi pada produk yang dijual, misalnya ukuran yang berbeda (S,M,L,XL).
• Advanced. Pengaturan tingkat lanjut yang bisa digunakan untuk mengelola urutan order, dan lainnya.
• Get More Options. Pilihan untuk menambahkan fungsi lain menggunakan ekstensi WooCommerce.

Setelah menambahkan semua informasi penting produk, kamu bisa merilis produk tersebut dengan klik Publish. Inilah contoh tampilan produk yang berhasil ditambahkan ke halaman produk toko online Anda. 

• Semua produk yang sudah kamu tambahkan akan tercatat di halaman produk WooCommerce. Untuk mengelolanya, Anda bisa masuk ke halaman produk dengan cara klik WooCommerce lalu pilih All Products.

Di halaman produk, Anda bisa mengedit, menghapus, dan menduplikat produk. Caranya, arahkan kursor di salah satu produk yang akan diubah. Anda akan melihat beberapa menu: Edit, Quick edit, Trash, View dan Duplicate.

Memasang Fitur Pengiriman (plugin ongkir)

• Pada dashboard wordpress klik Plugins lalu pilih Add New

• Ketik ongkoskirim.id pada kolom Keyword. Lalu klik Install Now. Tunggu hingga proses instalasi selesai, klik Activate untuk mengaktifkan plugin.

Install plugin ongkoskirim.id

• Pada dashboard klik WooCommerce lalu pilih Settings, setelah itu klik Shipping

Melakukan pengaturan shipping

• Klik OngkosKirim.id

• Centang Enable, agar shipping plugin dapat digunakan. Selanjutnya pada Choose Expedition, pilih ekspedisi yang tersedia di kota mu atau sesuai dengan keinginan mu.

Memilih jenis pengiriman

• Pada halaman yang sama pilih lokasi pengiriman atau alamat toko mu pada Store Location. Setelah semua selesai dipilih, jangan lupa klik Save Changes.

Memilih lokasi toko

Memasang Fitur Pembayaran (plugin payment)

• Pada dashboard klik Plugins lalu Add New

• Ketik RAPay pada kolom Keyword, lalu klik Install Now. Tunggu hingga proses instalasi selesai, klik Activate

Install plugin pembayaran RAPay

• Klik WooCOmmerce lalu pilih Settings lalu klik Payments untuk mengaktifkan metode pembayaran yang diinginkan

Melakukan pengaturan payments

• Aktifkan metode pembayaran yang kamu inginkan dengan cara geser button Enable sehingga berubah warna. 

Mengaktifkan cara pembayaran

• Setelah itu klik Setup pada metode pembayaran yang dipilih untuk mengatur nomor rekening dll. Jangan lupa klik Save changes.

Mengatur cara pembayaran

Kustom Website

Langkah terakhir adalah melakukan pengaturan pada website seperti mengatur logo, menu, dll. Berikut caranya

Mengganti Logo Website

• Klik menu Divi di dashboard, lalu pilih Theme Options

Memilih theme

• Klik upload untuk mengupload gambar logo store

Upload logo

• Klik Select Files untuk memilih file yang akan diupload

• Jika file sudah diupload, klik Save Changes. Sekarang logo website mu sudah berubah.

Logo sudah dipasang

Mengganti Front Page

• Klik Appearance, lalu pilih Customize

Mengganti font page

• Pilih Homepage Settings

Pengaturan Homepage

• Centang pada opsi A static page, setelah itu pilih halaman yang akan dijadikan halaman utama pada kolom Homepage, misanya halaman shop.

A static page

Mengatur Menu

• Pilih Appearance, lalu klik Menus

• Tulis Nama Menu pada kolom Menu Name,  setelah itu centang Primary Menu pada bagian Menu structure

Membuat nama menu

• Pada halaman Pages, centang halaman yang ingin ditampilkan, lalu klik Add Menu

Memilih halaman

• Tampilan menu pada halaman website telah berubah sesuai dengan pilihan

Mengubah Footer

Untuk menghilangkan footer credit, kamu bisa mengikuti panduan dibawah ini

• Klik Appearance, lalu Customize

• Klik Footer
• Lalu Bottom Bar

Bottom bar

• Centang pada opsi Disable Footer Credits

Mengilangkan footer

• Jika kamu ingin Mengatur atau menghilangkan footer, klik icon Pencil pada bagian kiri footer

• Klik icon titik tiga, lalu pilih Remove Group

Menghapus grup footer

Lakukan hal yang sama pada setiap footer yang ingin dihapus

• JIka ingin menambah tulisan pada footer, klik icon +, lalu pilih Paragraph 

Setelah mengikuti semua langkah-langkah diatas, sekarang toko online sudah siap digunakan.

Website Toko Online Siap

Sekarang kita akan mencoba melakukan order produk pada website toko online yang sudah kita buat.  

• Klik Add Chart

Menambahkan barang ke keranjang

• Pilih Checkout

• Lengkapi form pembelian, seperti nama, alamat, negara, shipping, dan metode pembayaran.

Penutup

Nah itu tadi langkah-langkah yang perlu kamu lakukan untuk membuat website toko online dengan wordpress, tapi bukan hanya untuk toko online sob, kamu juga bisa membuat website untuk sekolah, pribadi, perusahaan dan masih banyak lagi dengan menggunakan wordpress. Jangan lupa baca tutorial Jagoanhosting lainnya