Halaman 1 dari 39. Cepatlakoo. Dokumentasi Pengguna

Transkripsi

1 Halaman 1 dari 39 Cepatlakoo Dokumentasi Pengguna

2 Halaman 2 dari 39 Daftar Isi Daftar Isi 2 Kata Pengantar 4 Instalasi Theme & Plugin 5 Instalasi Theme Instalasi Plugin 5 7 Konfigurasi Theme 10 Tab General Options Facebook Pixel Options Membuat Homepage 13 Set Halaman Tertentu Menjadi Homepage 15 Slideshow 17 Full Width Slideshow Carousel Slideshow Memasukkan Slideshow ke Halaman via Elementor Countdown Timer 22 Membuat Countdown Timer 23 Plugin Kode Unik Pembayaran 24 Plugin Input Nomor Resi 25 Menonaktifkan Shopping Cart 27 Membuat Menu Navigasi 29 Mengubah Warna dan Tipografi 31

3 Halaman 3 dari 39 Seting Woo Sales Notification 33 Konfigurasi WooCommerce 35 Set Ukuran Thumbnail Produk 37 Pengiriman / Shipping Produk WooCommerce 39

4 Halaman 4 dari 39 Kata Pengantar Pertama-tama, kami ingin mengucapkan terima kasih untuk pembelian theme Cepatlakoo. Kami harap Anda menyukai theme yang telah kami buat ini. Harap dicatat bahwa kami hanya menyediakan support melalui Facebook Group dan di cepatlakoo@gmail.com. Salam, Tim Cepatlakoo

5 Halaman 5 dari 39 Instalasi Theme & Plugin Instalasi Theme Pedoman instalasi ini akan membantu menginstall theme Cepatlakoo hingga berhasil. 1. Login ke WordPress admin Anda. 2. Setelah masuk ke halaman Dasbor, selanjutnya Anda bisa menginstall theme Cepatlakoo yang sudah anda download dengan cara sebagai berikut: Pada halaman Dasbor, pilihlah menu Tampilan > Tema yang ada disisi sebelah kiri layar. Lalu klik tombol Tambah Baru lalu klik lagi tombol Ungga Tema

6 Halaman 6 dari 39 Setelah itu klik tombol Unggah Tema yang ada dibagian atas dan akan menampilkan halaman Unggah Tema di mana terdapat form untuk mengunggah file theme baru.

7 Halaman 7 dari 39 Langkah berikutnya, klik tombol Choose File lalu pilih theme cepatlakoo.zip yang sudah didownload di direktori komputer Anda. Setelah itu klik tombol Instal Sekarang. Jika unggah theme berhasil maka akan menampilkan pesan Tema Berhasil Diinstal yang menandakan berarti proses instalasi theme Cepatlakoo sudah berhasil. Jangan lupa untuk mengklik tulisan Aktifkan untuk mengkatifkan theme Cepatlakoo. Instalasi Plugin Setelah berhasil menginstal theme, langkah berikutnya adalah menginstal plugin-plugin yang dibutuhkan agar theme Cepatlakoo dapat berjalan dengan optimal. Sesaat setelah mengaktifkan theme Cepatlakoo, Anda akan melihat pesan notifikasi seperti ini pada bagian atas halaman wp-admin website Anda. Klik saja link Mulai Instal Plugin untuk memulai proses instalasi plugin-plugin yang dibutuhkan.

8 Halaman 8 dari 39 Pada halaman selanjutnya, beri pada centang pada plugin-plugin yang ingin Anda instal. Plugin-plugin yang wajib diinstall adalah: WooCommerce Elementor Page Builder MyOngkir Titan Framework Cepatlakoo Input Resi Cepatlakoo Kode Pembayaran Setelah diberi tanda centang, lalu pada dropdown Tindakan Massal pilih Aktifkan lalu klik tombol Instal.

9 Halaman 9 dari 39 Sesaat kemudian WordPress akan mulai menginstal plugin-plugin tersebut dan akan muncul nofitikasi seperti ini untuk menginformasikan status instalasi plugin-plugin tersebut. Langkah berikutnya klik menu Tampilan > Install Plugins. Kemudian beri tanda centang pada semua plugin yang ingin Anda aktifkan, dalam hal ini adalah plugin-plugin yang baru saja Anda instal dan pada dropdown Tindakan Massal pilih Aktifkan lalu klik tombol Terapkan. Proses instalasi & aktivasi selesai.

10 Halaman 10 dari 39 Konfigurasi Theme Setelah proses instalasi theme selesai, Anda bisa melakukan konfigurasi terhadap theme Cepatlakoo melalui menu Theme Options. Tab General Options Pada bagian ini memiliki beberapa section pengaturan tema, yaitu: 1. Pengaturan Posting Untuk melakukan pengaturan pada bagian postingan yang Anda miliki. 2. Pengaturan Top Bar Untuk melakukan pengaturan pada bagian top bar website Anda. 3. Pengaturan Halaman Untuk melakukan pengaturan pada bagian halaman website Anda. 4. Pengaturan Optimize Untuk melakukan pengaturan optimisasi halaman website Anda. Facebook Pixel Options Pada bagian ini berguna untuk menambahkan fitur facebook pixel kedalam website anda, untuk menambahkan kode facebook pixel anda bias ikuti cara sebagai berikut : Anda bisa mendapatkan Pixel ID akun Facebook Ads Anda dengan klik menu Pixel dari halaman Ads Manager atau Business Manager.

11 Halaman 11 dari 39 Salin Pixel ID Anda, Pixel ID selalu berupa angka. Jika sudah disalin Pixel ID-nya,selanjutnya klik tab Facebook Pixel di bagian Theme Options maka akan tampil seperti berikut:

12 Halaman 12 dari 39 Masukkan kode PIxel ID pada field Facebook Pixel ID, jika sudah jangan lupa klik tombol untuk menyimpan perubahan. Sangat mudah sekali kan?

13 Halaman 13 dari 39 Membuat Homepage Pilih menu Laman > Tambah Baru untuk membuat halaman home, lihat gambar dibawah ini: Pada kolom judul masukkan teks Home kemudian pada opsi Template pilih Homepage, lalu klik tombol Terbitkan. Setelah diterbitkan, masih pada halaman yang sama, klik tombol Edit With Elementor. Setelah itu Anda akan diantar menuju halaman seperti di bawah ini:

14 Halaman 14 dari 39 Pada halaman ini klik tombol Add Template, kemudian pada popup yang muncul klik tab My Templates. Cari template dengan nama Cepatlakoo - Homepate Utama kemudian klik tombol Insert. Template Cepatlakoo - Homepage Utama akan langsung diload ke halaman yang sedang Anda edit saat ini. Jangan lupa untuk tekan tombol Save pada sisi kiri bawah layar untuk menyimpan perubahan.

15 Halaman 15 dari 39 Set Halaman Tertentu Menjadi Homepage Setelah kita membuat halaman Homepage, langkah selanjutnya adalah menset halaman yang sudah saya buat sebelumnya sebagai halaman utama toko online Anda. Untuk mengatur halaman homepage menjadi halaman utama Anda bisa melakukannya dengan cara klik menu Pengaturan > Membaca. Pada opsi Laman depan menampilkan, pilih Halaman statis (pilih di bawah), lalu pada opsi Halaman depan" pilih halaman Homepage yang sudah dibuat untuk dijadikan halaman utama. Jika sudah klik tombol Simpan Perubahan pada bagian bawah. Sekarang tiap kami Anda mengakses halaman utama toko online Anda, maka akan ditampilkan halaman Homepage yang sudah kita buat di atas.

16 Halaman 16 dari 39

17 Halaman 17 dari 39 Slideshow Untuk membuat Slideshow baru, pilih menu Slideshow > Tambah Baru, lihat gambar dibawah ini: Pada Slideshow ada dua buah jenis slideshow yang dapat Anda pilih, yaitu Full Width Slideshow dan Carousel Slideshow.

18 Halaman 18 dari 39 Full Width Slideshow Pada pilihan ini, gambar slideshow akan berukuran cukup besar dan membentang dari ujung kiri hingga ujung kanan layar. Ukuran gambar minimum yang disarankan adalah 1500x1000 pixel.

19 Halaman 19 dari 39 Carousel Slideshow Pada pilihan ini, satu buah slide dapat menampung antara 3 hingga 4 gambar yang lebih kecil. Tipe slideshow ini cocok sekali untuk mempromosikan beberapa produk yang Anda jual sekaligus. Ukuran gambar minimum yang disarankan adalah 1500x1000 pixel. Memasukkan Slideshow ke Halaman via Elementor Anda bisa memasukkan slideshow hanya di halaman yang diedit menggunakan Elementor. Cukup menuju ke halaman yang ingin menggunakan slideshow, lalu pada admin bar di bagian atas klik Edit With Elementor. Tarik atau drag widget Cepatlakoo - Slideshow dari sisi kiri layar ke dalam area halaman yang sedang Anda edit.

20 Halaman 20 dari 39

21 Halaman 21 dari 39 Kemudian pilih slideshow yang sudah Anda buat melalui field dropdown Choose Slideshow, jika sudah klik tombol Save berwarna hijau di kiri bawah.

22 Halaman 22 dari 39 Countdown Timer Pilih menu Countdown Timer > Add New untuk membuat countdown timer, lihat gambar dibawah ini: Ada dua jenis tipe countdown timer: Normal Countdown Sesuai namanya countdown timer biasa, semua user yang mengunjungi halaman tersebut sisa timernya akan sama semua alias seragam. Evergreen Countdown Tiap pengunjung web mengunjungi halaman yang ada countdown timer untuk pertama kalinya, maka timer nya baru mulai hitung mundur..

23 Halaman 23 dari 39 Ketika pengunjung itu menutup browser atau mematikan komputernya, ketika dia balik ke halaman yang sama timernya akan menunjukkan sisa waktu timernya sejak dia pertama kali mengunjungi halaman tersebut. Membuat Countdown Timer Masukkan judul countdown timer sesuai keinginan Anda, Normal Countdown atau Evergreen Countdown. Jik pilih Evergreen Countdown akan ada opsi Detection Type via Cookie atau IP Address, tinggal pilih satu satu saja. Kemudian masukkan tanggal, jam, menit, dan detik, jika sudah klik tombol Terbitkan untuk kolom shortcode ini akan terbuat otomatis ketika anda publish. Untuk menambahkan widget Countdown Timer pada Elementor, Anda cukup menambahkan widget Cepatlakoo - Countdown Timer ke halaman yang Anda tuju pilih Countdown Timer yang ingin Anda gunakan.

24 Halaman 24 dari 39 Plugin Kode Unik Pembayaran Pilih menu Pengaturan > Cepatlakoo Kode Pembayaran untuk melakukan pengaturan kode pembayaran Anda, lihat contoh pada gambar dibawah ini: Ada dua metode kode unik pembayaran yang bisa dipilih, yaitu Acak dan 3 Digit Terakhir Nomor Telepon. Untuk mulai mengaktifkan plugin ini, jangan lupa centang pada opsi Aktifkan/Nonaktifkan.

25 Halaman 25 dari 39 Plugin Input Nomor Resi Pilih menu Pengaturan > Cepatlakoo Input Resi untuk melakukan pengisian / penambahan list ekspedisi, lihat contoh pada gambar dibawah ini: Cukup tambahkan nama-nama ekspedisi yang Anda gunakan ke dalam daftar tersebut. Jika sudah tekan tombol Simpan Perubahan. Untuk menginput kode resi untuk order yang sudah dikirimkan paketnya, Anda cukup masuk ke menu WooCommerce > Pesanan kemudian klik nomor pesanan yang ingin Anda masukkan nomor resinya.

26 Halaman 26 dari 39 Setelah pilih ekspedisi yang digunakan, input juga nomor resi pada kolom Masukkan No. Resi. Setelah selesai ubah Status Pesanan menjadi ke Selesai lalu klik tombol Perbarui.

27 Halaman 27 dari 39 Menonaktifkan Shopping Cart Pada beberpa kasus, ada beberapa toko online yang tidak ingin menggunakan fitur shopping cart & checkout pada WooCommerce. Oleh karena ini itu kami menyediakan fitur untuk menonaktifkan fitur shopping cart dan checkout pada WooCommcer menggunakan theme Cepatlakoo. Pilih menu Theme Options lalu pada tab General Options, cari opsi Deactive Shipping Cart pada section Page Settings. Jika sudah ketemu centang opsi tersebut lalu klik tombol Simpan Perubahan, maka fitur shopping cart & checkout sudah berhasil dinonaktifkan. Lihat gambar dibawah ini untuk lebih jelasnya:

28 Halaman 28 dari 39

29 Halaman 29 dari 39 Membuat Menu Navigasi Untuk membuat menu navigasi anda bias melakukannya dengan cara piliih menu Tampilan > Menu. Tampilan halamannya seperti ini: Masukkan nama menu yang ingin Anda buat pada kolom Nama Menu, misalkan kita beri nama Main Menu dan jika sudah klik tombol Buat Menu. Jika berhasil akan menampilkan hasil seperti ini:

30 Halaman 30 dari 39 Pada theme Cepatlakoo untuk menu navigasi mendukung dua lokasi menu yang pertama Left Menu Navigation dan yang kedua Right Menu Navigation. Untuk menambahkan halaman tertentu ke dalam menu, cukup beri tanda centang pada daftar halaman / pos yang ada pada sisi kiri, lalu klik tombol Tambahkan ke Menu. Lakukan hal yang sama pada halaman / pos lain yang ingin Anda masukkan ke dalam menu. Jangan lupa pada opsi Lokasi penayangan beri tanda centang pada lokasi menu di mana menu ini akan ditampilkan. Jika sudah klik tombol Simpan Menu.

31 Halaman 31 dari 39 Mengubah Warna dan Tipografi Untuk cara mengubah warna dan tipografi Anda bias melakukannya dengan cara piliih menu Theme Options > Customize. Klik tab Color untuk melakukan perubahan pada warna, tampilannya seperti berikut:

32 Halaman 32 dari 39 Dan jika ingin merubah jenis tipografi, klik tab Typography, tampilannya seperti berikut :

33 Halaman 33 dari 39 Seting Woo Sales Notification Untuk dapat menampilkan notifikasi penjualan ke pengunjung toko online, Anda wajib menginstal & mengaktifkan plugin Cepatlakoo - WooSales Notify serta plugin WooCommerce. Toko online Anda juga wajib sudah memiliki data order tersebih dahulu. Anda dapat mengeceknya pada menu WooCommerce > Pesanan. Setalah plugin tersebut aktif, masuklah ke menu WooCommerce > Woo Sales Notify. Lalu pada halaman tersebut centanglah opsi Enable Woo Sales Boaster, lalu klik tombol Save and Generate. Anda perlu mengklik tombol Save and Generate secara berkala agar data pada plugin ini juga dapat terupdate dengan baik.

34 Halaman 34 dari 39 Kami anjurkan mengklik tombol tersebut antara 1 sampai 7 hari sekali, tergantung dari jumlah pesananan Anda.

35 Halaman 35 dari 39 Konfigurasi WooCommerce Pastikan plugin WooCommerce sudah terinstal dan aktif pada situs WordPress Anda. Jika sudah, klik menu WooCommerce > Pengaturan. Kemudian pada tab Umum (atau General jika menggunakan bahasa Inggris). Pada halaman ini ada beberapa opsi yang dapat Anda seting sesuai keinginan Anda. Beberapa opsi yang wajib Anda seting adalah: Lokasi basis Lokasi di mana toko Anda berada, biasanya diset berdasarkan nama provinsi Lokasi penjualan Ke daerah atau negara mana saja Anda ingin menjual produk tersebut. Jika Anda hanya melayani pengiriman di Indonesia saja, maka pilihlah Indonesia. Lokasi pengiriman Opsi ini untuk menentukan dari provinsi mana Anda mengirimkan produk yang Anda jual. Mata uang Mata uang yang akan digunakan di toko online. Jika menjual di Indonesia set ke Rupiah Indonesia (Rp). Posisi mata uang Standarnya di set ke Kiri.

36 Halaman 36 dari 39 Pemisah ribuan Jika menjual menggunakan Rupiah set ke tanda titik. Pemisah desimal Jika menjual menggunakan Rupiah set ke tanda koma. Jangan lupa klik tombol Simpan Perubahan untuk menyimpan konfigurasi. Untuk jelasnya, bisa lihat seting konfigurasi yang kami gunakan di bawah ini:

37 Halaman 37 dari 39 Set Ukuran Thumbnail Produk Unuk menset ukuran thumbnail produk agar sama seperti yang ada di website demo kami klik menu WooCommerce > Pengaturan lalu klik tab Produk, lalu klik lagi menu Tampilan. Pada Gambar Produk set nilai masing-masing opsinya sebagai berikut: Gambar katalog: 300 x 300 px Gambar produk tunggal: 600x 600 px Gambar kecil produk: 180 x 180 px Setelah itu jangan lupa untuk klik tombol Simpan Perubahan. Jika Anda sudah memiliki produk di dalam plugin WooCommerce sebelum Anda menginstal theme Cepatlakoo, Anda perlu mengenerate ulang semua

38 Halaman 38 dari 39 thumbnail produk menggunakan plugin seperti plugins/regenerate-thumbnails/.

39 Halaman 39 dari 39 Pengiriman / Shipping Produk WooCommerce Untuk perhitungan ongkos kirim Anda bisa menggunakan plugin Cepatlakoo - MyOngkir yang tertintegrasi dengan API dari rajaongkir.com Jika menggunakan plugin ini Anda wajib memiliki akun rajaongkir.com agar Anda mendapatkan API Key yang diperlukan untuk melakukan perhitungan ongkos kirim. Setelah mendaftar & mendapatkan API Key RajaOngkir, klik menu WooCommerce > Pengaturan lalu klik tab Pengiriman lalu klik lagi menu MyOngkir Method. Pada halaman tersebut, beri tanda centang pada opsi Enable this shipping method. Kemudian masukkan API Key RajaOngkir pada opsi RajaOngkir API Key. Lalu pilih Tipe Akun RajaOngkir yang Anda gunakan, RajaOngkir memiliki tiga jenis akun yaitu Starter, Basic dan Pro. Akun Starter dapat Anda gunakan tanpa biaya tapi dengan berbagai limitasi. Untuk dapat mendapatkan fitur lebih, Anda bisa mengupgrade akun RajaOngkir ongkir Anda ke Basic atau Pro.