Panduan Toko Online Settingan dasar install plugin dan cara mengelola Produk [email protected] 27/11/2021
Install dan Setting Plugin A. Setting Woocommerce 1. Setting General Anda Bisa sesuaikan Detail Alamat toko Anda dan system toko online Anda
2. Shipping (Plugin biteship) Bisa dilewati dahulu karena akan dibahas nanti 3. Payment Anda bisa aktifkan/enable metode pembayaran Direct bank transfer (transfer bank manual) > setelah itu Anda klik setup Setelah itu Anda bisa tambahkan Nomor rekening Anda
B. Membuat Produk (pilih salah satu) Anda bisa memilih jenis-jenis tipe produk disesuaikan kebutuhan Anda : Untuk membuat produk baru Anda bisa klik Products lalu klik add new Setelah itu Anda bisa masukkan judul produk dan deskripsi lengkapnya Masukkan harga barang Anda , bisa Anda masukkan harga promo atau Anda bisa buat schedule untuk tanggal promo
Anda bisa masukkan jumlah barangnya > pada stock quantity Anda bisa masukkan shipping terkait berat barang Anda Anda bisa masukkan deskrisi singkat
Pada gambar dan gallery bisa Anda tambahkan beberapa foto (menu ini di halaman sama namun di sebalah kanan) Anda bisa tambahkan category produk Anda
Setelah di publish atau di simpan akan seperti berikut C. Setting Plugin Ongkir (Biteship)
- Anda bisa melakukan daftar akun dahulu pada link berikut https://biteship.com/signup (jika belum mendaftar) jika sudah maka Anda bisa login ke website tersebut https://biteship.com/signin - Setelah sudah mendaftar, Anda login ke akun Anda setelah itu masuk ke integrasi > pilih kategori toko online woocommerce > klik aktifkan - Anda bisa mengaktifkan licence yang free (fitur yang didapatkan)
- Setelah diaktifkan akan ada API key dan Anda bisa copy/simpan key yang muncul tersebut ke dalam catatan , setelah sudah disimpan baru Anda klik selesai - Selanjutnya Anda ke dashboard wordpress dan install plugin baru
Plugins > add new > cari plugin biteship > Anda install dan active kan - Setelah Anda aktifkan baru Anda masuk ke pengaturan plugin biteship Woocommerce > Settings > tab shipping > pilih menu biteship - Anda bisa isi licence dengan key API nya dari situs biteship dan Anda bisa isi yang di tanda panah
- Selanjutnya Anda bisa pilih fitur ongkir yang ingin Anda aktifkan > setelah itu jangan lupa di save - Setelah itu Anda lakukan test untuk membeli produk Anda sampai ke menu checkout dan dapat cek pada bagian shipping apakah sudah muncul pilihannya D. Setting WhatsApp Chat Pastikan mengikuti di modul 1 pada poin D di tahap 7 install plugin.
- Anda bisa ke dashboard wordpress > Klik Whatsapp chat > Klik Add Agent - Anda masukkan detail yang diperlukan > jangan lupa klik publish/update jika sudah selesai
Whatsapp number : Anda isi nomor handphone Anda dengan format berikut 62 + nomor Anda tanpa angka 0 di depannya misal 62336475809 - Setelah membuat Agent selanjutnya > Klik Add WhatsApp Chat - Anda bisa sesuaikan yang Anda ingin kan dan memilih agentnya dan juga jangan lupa untuk klik Publish - Setelah sudah di tambahkan Anda bisa ke menu settings > pilih default Whatsapp > Scroll kebawah > Klik saves changes
- Setelah di save Anda bisa menuju ke website Anda kembali nanti di pojok kanan bawah ada tombol live chat WA E. Setting Plugin OneClick Chat to Order - Anda bisa ke dashboard wordpress lalu pilih menu Chat to Order > WhatApp Numbers
- Setelah itu Anda Anda add whatsapp number untuk setup lainnya - Anda bisa masukkan nama dan nomor handphone > setelah itu klik update - Setelah membuat Whatsapp Anda bisa kembali ke Global Setting > lalu Anda seting sesuai Anda inginkan seperti Shop/ Cart / Checkout
- Untuk mengaktifkan Anda bisa menggunakan panduan berikut salah satunya
- Setelah sudah di simpan akan muncul seperti berikut di halaman website Anda terdapat tombol order via WA F. Daftar Webmaster Tool / Google Search Console dan Setting Yoast SEO Pastikan plugin yoast seo sudah aktif , jika sudah aktif bisa lanjutkan panduan berikut, jika belum Anda tambahkan plugin dan aktifkan plugin Yoast SEO 1. Verifikasi Google Search Console dengan bantuan plugin
● Anda bisa ke dashboard wordpress > Menu SEO > General > Pilih tab webmaster tool > Google search console > klik link Google search ● Maka Anda akan diarahkan ke website google search console atau webmastertool> Anda pilih tab alternative methods > pilih pilihan HTML Tag > Copy meta namenya ● Lalu Anda paste di kolom pengaturan google verification code > save changes
● maka akan jadi seperti berikut ● Anda bisa tunggu 5-10 menit lalu Anda kembali ke google search console untuk verifying ● Setelah berhasi verifikasi maka akan menjadi seperti berikut
● Anda bisa masukkan url website Anda misal https://namadomainanda > continue ● Lalu akan seperti berikut tampilannya
● Lalu anda bisa pilih nama website Anda. ● Maka Anda sudah di dashboard google search console 2. Setting Yoast SEO dan submit xml Sitemap adalah file yang berisi daftar semua halaman penting dari sebuah website. Alasan menyimpan semuanya dalam satu file “XML Sitemap” adalah karena ini membantu crawler menemukan semua halaman di satu tempat, dibandingkan menemukannya melalui link internal.
● Masuk ke akun yoast seo kemudian pada menu features > silakan pada XML Anda klik tanda tanya > lalu pilih menu see the XML sitemapsitemap. ● Anda bisa copy url berikut ● Lalu kembali lagi ke google search console, pastekan url xml Anda lalu submit ● Jika sudah mohon ditunggu 12-21 hari google melakukan crawl pada website Anda agar terindex website Anda , Anda abaikan error tersebut karena membutuhkan
waktu google untuk crawl halaman website Anda dan melakukan index
G. Membuat Email Account dan Setting Plugin Easy WP Smtp pada wordpress Referensi : https://www.niagahoster.co.id/kb/cara-membuat-akun-email-di-cpanel- niagahoster - Anda buat email dengan domain Anda , buka Cpanel hosting Anda dari member area > kelola hosting > tab cpanel > klik all features > lalu cari menu email accounts - Anda klik create , dan lengkapi membuat email domain Anda (Pastikan Catat email domain yang Anda buat dan juga passwordnya)
- Anda kembali ke email account cpanel > klik Connect Devices - Anda catat detail nya untuk keperluan seting di plugin wordpress mail.domainanda diganti dengan srv137.niagahoster.com (sesuai hosting Anda gunakan - Setelah itu Anda masuk ke seting plugin Easy WP SMTP (Refensi : https://www.niagahoster.co.id/blog/konfigurasi-plugin-smtp-wordpress/)
- Masukkan detail smtp email domain yang sudah di buat sebelumnya
- Dan sekarang test kirim email - Pastikan test kirim email muncul seperti berikut , dan juga cek email Anda apakah terkirim atau tidak
Mengelola Produk A. Setting Kategori Produk - Pilih Menu Product >> Categories - Tuliskan keterangan untuk nama kategori, deskripsi, dan thumbnail pada kolom yang sudah disediakan -
- Setelah berhasil membuat category, maka akan muncul di bagian listing kategori di menu kategori dan pada pilihan kategori di halaman edit product
B. Membuat Produk (Lanjutan) 1. Membuat Simple Product 2. Membuat Variable Product - Pilih Menu Products >> Attributes - Masukkan Nama Attributes, setelah muncul di dalam list pilih Configure Terms - Setelah itu masukkan variasi yang akan digunakan - Setelah berhasil untuk menginputkan variasi warna, masuk ke halaman edit product untuk melakukan konfigurasi pada variasi produk yang akan ditampilkan.
- Pada product data pilih variable product, pilih Attributes dan pada Custom product attribute pilih variasi yang sudah dibuat Color - Pada bagian values, pilih Select All untuk menampilkan semua ukuran. Jangan lupa beri centang pada visible the product page dan used for variations agar bisa membuat variasi produk. - Pilih Save Attributes. - Untuk menampilkan list variasi dan melakukan setup produk, Pilih Variations >> Create All Variations >> Add >> pilih Go
- Untuk melakukan setting Foto dan Harga, tinggal klik salah satu variasi produk. Lakukan langkah yang sama untuk mengatur variasi produk lainnya. - Nanti akan menghasilkan tampilan seperti di bawah ini
3. Membuat Grouped Product Pada isian grouped products, digunakan untuk menginputkan produk-produk yang akan dijadikan bundle (paket). 4. Membuat Virtual Product (Ebook atau file)
C. Setting Halaman Detail Produk 1. Menampilkan Informasi produk terjual Untuk menampilkan informasi produk terjual, Silahkan mendownload plugin berikut : Kemudian lakukan setting seperti dibawah ini, setelah itu Simpan dan cek pada halaman product di website Anda 2. Menampilkan Button Whatsapp Untuk menampilkan button, pada setting Contact Button Rotator, cukup pilih Non-active atau setting Whatsapp Rotator yang sudah kita setting sebelumnya
D. Setting Payment Gateway (Tripay.co.id) - Pertama Anda daftar akun dahulu di layanan tripay di klik link berikut : https://payment.tripay.co.id/register - Anda bisa pilih salah satu aktivasi akun Anda
- Anda bisa melengkapi proses aktifasi akun tripay Anda, setelah itu Anda klik kirim > setelah mengirim perlu menunggu maksimal 1x24 Jam untuk proses verifkasi - Sembari menunggu verifkasi Anda bisa tambahkan plugin baru dan mengaktifkan plugin tripay - Anda bisa masuk ke pengaturan plugin pada tab woocommerce > settings > tripay global configuration. Dipengaturan tersebut terdapat value yang perlu Anda catat dan inputkan di
website tripay seperti url callback dan whithlist ip - Anda kembali ke dashboard tripay lalu Anda klik tambah merchant - Anda bisa isikan detail detail yang ada pada website tripay dan di sesuaikan pada detail pada pengaturan plugin Anda seperti callback dan whitelist ip di wordpress Anda
- Setelah di review Anda akan mendapatkan Kode Merchant, API Key dan Private Key - Lalu Anda masukkan detail detailnya pada plugin tripay di wordpress Anda > jangan lupa di simpan setelah memasukkan kode, API dan Private Key
- Mengaktifkan mengaktifkan channel pembayaran pada situs tripay -Setelah sudah mengaktifkan beberapa chanel pembayaran di tripay maka juga mengaktifkan metode pembayaran di wordpress Anda dan juga bisa melakukan setup >
jangan lupa di simpan pengaturannya dan tinggal Anda test
- Berikut contoh jika sudah bekerja payment gateway tripay pada wordpress Anda
Jika Akun Merchant Anda belum selesai direview, Anda bisa menggunakan Simulator dengan cara mengunjungi link ini https://tripay.co.id/simulator/merchant/payment (pastikan Anda sudah login). Kemudian masukkan credential yang diberikan pada mode SandBox
E. Setting Plugin Email Customizer (berfungsi sebagai customize email seperti email tagihan dan lainnya) - Pastikan sudah melakukan install plugin berikut sebelum memulai - Untuk melakukan customize email template woocommerce Anda bisa ke menu berikut pada dashboard wordpress Anda
- Untuk melakukan customize sama halnya pada elementor tinggal Anda drag n drop untuk merubah template email bawaan F. Membuat Form Konfirmasi Pembayaran - Lakukan Instalasi untuk plugin Caldera Form, kemudian aktifkan. - Setelah aktif, masuk ke menu Caldera Forms -> Forms -> New Form. Kemudian pilih Blank Form
- Setelah itu buat form seperti dibawah ini. Kemudian Save Form - Kemudian setelah berhasil membuat form, Anda bisa setting alamat tujuan penerima form
G. Menambahkan memory dan upload di wordpress Anda bisa mengikuti panduan berikut: - Anda bisa login ke cpanel Anda- Pada halaman member area , Anda pilih Beranda > tab hosting > klik Kelola Hosting - Jump ke dashboard Cpanel . Klik All Features
Search
