Panduan Setting Template Lalaris dan Posting Produk (Template Versi 1.0.1)

Sebelum melanjutkan, yang perlu Anda siapkan:

  • Laptop/PC (disarankan)
  • Koneksi internet
  • File Template Blogspot Lalaris (WhatsDeliver) yang sudah dibeli di lalaris.com

Semua langkah di bawah ini wajib dilakukan jika ingin website toko online Anda tampil dan berfungsi sesuai demo.

Langkah 1: Buat blog baru

  • Login ke Blogger.com menggunakan email gmail.
  • Jika Anda belum pernah membuat Blog di akun Blogger, di pojok kiri atas klik menu 3 garis dan klik Buat Blog.
  • Jika Anda sudah pernah membuat blog, di sebelah kiri, klik tanda panah ke bawah seperti ini Panah bawah
  • Klik Blog baru.
  • Masukkan nama blog, misalnya Nama Toko Anda.
  • Klik Berikutnya.
  • Pilih URL atau alamat blog, misalnya namatokoanda.blogspot.com.
  • Klik Simpan.

Langkah 2: Instalasi template blog

Setelah Anda melakukan pembayaran, sistem akan otomatis mengirimkan file template Blogger ke alamat email yang digunakan ketika melakukan pemesanan.

Siapkan file template dengan format .txt yang telah diunduh.

Pada panduan ini, saya akan mencontohkan dengan menggunakan file WhatsDeliver Versi 1.0.1 - 2 Kolom.txt dan file Template Postingan.txt.
  • Buka file menggunakan notepad
  • Copy source code file WhatsDeliver Versi 1.0.1 - 2 Kolom.txt, dengan cara CTRL + A lalu tekan tombol CTRL + C.

Langkah 3: Kembali ke Blogger.com lalu paste kode ke dalam pengaturan tema Blogger

Caranya:
  • Klik menu Tema (no 1)
  • Klik Tanda Panah seperti ini Panah bawah (no 2)
lihat gambar untuk lebih jelasnya.

  • Klik Edit HTML




  • Blok semua kode dengan cara tekan tombol CTRL + A


  • Lalu hapus kode template lama


  • Paste kode template yang sebelumnya sudah di Copy di Langkah 2, caranya CTRL + V.


  • Tekan tombol Simpan seperti pada gambar di bawah


  • Kembali ke halaman sebelumnya, dengan menekan tandan panah seperti gambar di bawah


  • Refresh halaman, lalu pilih tanda Panah bawah lagi, pada menu Template

  • Klik bagian Setelan Seluler:


  • Pilih Desktop lalu tekan tombol SIMPAN



Langkah 4: Pengaturan lanjutan

Tidak seperti pengaturan template di versi 1.0.0, untuk versi 1.0.1 lebih mudah, karena tidak melalui edit source code, melainkan diatur melalui menu Tata Letak.

Caranya klik menu Tata Letak.

Akan tampil pengaturan untuk website toko online WhatsDeliver.



Langkah 4.a: Ubah atau Pasang Logo

Mau ubah logo seperti pada gambar di bawah?



Pada menu Tata Letak, silkan klik edit pada bagian header-section.

  • Terdapat dua opsi, bisa langsung pasang URL gambar atau Upload gambar dari perangkat Anda, silakan pilih salah satu. Penempatan gambar harus pilih yang tengah yaitu Selain judul dan deskripsi supaya gambar presisi. Lalu tekan Simpan.

Langkah 4.b: Upload Gambar Banner Slider

Banner slider adalah gambar yang bergeser seperti gambar di bawah.

Cara menggantinya silakan pilih menu Tata Letak > Klik Icon Pensil pada salah satu widget gambar.


Siapkan gambar untuk slider, pastikan gambar slider memiliki ukuran yang sama antara slider satu dengan yang lainnya. Pada contoh demo memiliki ukuran 1200x400 pixel.

Ukuran gambar bebas tentukan sendiri, supaya tampilannya rapi, disarankan setiap gambar ukurannya sama.

Terdapat dua pilihan, bisa memasukkan URL gambar atau langsung pilih upload gambar, jangan lupa tekan tombol Simpan. Lihat gambar di bawah untuk lebih jelasnya.



Langkah 4.c: Nonaktifkan Banner Slider

Untuk versi template 1.0.1 terdapat 6 banner slider, Anda bisa menonaktifkannya jika ingin menampilkan slider kurang dari 6. Caranya...

Klik menu Tata Letak, pilih banner yang ingin dinonaktifkan pada section Slider Banner dengan menekan ikon pensil.

Lihat gambar:

Geser tombol seperti yang terlihat pada gambar di bawah, lalu Simpan.



Langkah 4.d: Pasang Nomor WhatsApp

  • Mengubah nomor WhatsApp, pilih Tata Letak, pada bagian Nomor WhatsApp, klik ikon pensil.

Klik kembali ikon pensil di baris nomor WhatsApp


Ganti nomor yang ada di dalam tanda petik dengan nomor WhatsApp yang diinginkan diawali dengan nomor 62 seperti pada gambar di bawah. Klik tombol Simpan.


Terakhir, klik lagi tombol Simpan


Perhatian: teks waNumber jangan diubah.

Langkah 4.e: Atur Lokasi Outlet/Toko

  • Menentukan lokasi outlet cukup mudah, terutama kalau sudah terdaftar di Google Maps, silakan catat nomor seperti yang terlihat pada gambar di bawah.


  • Jika lokasi toko/outlet Anda belum terdaftar di Google Maps, cukup klik kanan pada titik lokasi, lalu klik kode koordinat, otomatis akan tersalin dan paste di notepad. Kode koordinat terdiri dari 2 bagian, contohnya seperti ini -7.780846978472633, 110.37283237240192. Yang pertama adalah Longtitude -7.780846978472633 dan yang kedua adalah Latitude 110.37283237240192.
  • Pada pengaturan Blogger, pilih menu Tata Letak, lalu klik ikon pensil pada widget Lokasi Toko atau Outlet, lihat gambar di bawah:


  • Masukkan nomor latitude dan longtitude yang didapatkan dari Google maps, ganti nomor yang ada di template sebelumnya.







Perhatian: teks restoLat dan restoLng jangan diubah.

Langkah 4.f: Seting Tarif Ongkos Kirim

Pilih menu Tata Letak, lalu klik ikon pensil pada widget Tarif Ongkir.


Sebelum mengatur tarif ongkir, Anda perlu memahami skema yang berlaku pada template ini. 

Berikut ini adalah skemanya:

Tarif Flat adalah tarif tetap, Tarif per KM adalah tarif yang dikenakan berdasarkan jarak per kilometer, Batas Jarak Tarif Flat adalah batas jarak maksimal Tarif Flat.

Berikut adalah perhitungan sesuai dengan gambar di bawah:

Jarak 3 KM ke bawah dikenakan tarif flat Rp10.000, jika di atas 3 KM dikenakan tarif tetap + tarif per KM.

Untuk nilai tidak harus sama dengan contoh, Anda bebas menentukan sendiri.



Perhatian: hanya ubah angka di ada di dalam tanda petik yang ditandai anak panah.


Langkah 4.g: Atur jam Operasional

Pilih menu Tata Letak, lalu klik ikon pensil pada widget Pengaturan Jam Operasional.


Silakan disesuaikan dengan jam operasional outlet Anda, untuk format penulisan jam adalah 24 jam.




Perhatian: hanya edit angka jam yang ada di dalam tanda petik.

Langkah 4.h: Atur hari dan tanggal libur

Pilih menu Tata Letak, lalu klik ikon pensil pada widget Pengaturan Hari dan Tanggal Libur.


Ada tiga jenis libur yang bisa Anda atur, yaitu Libur berdaarkan hari, Libur berdasarkan tanggal, dan Libur rentang tanggal.

Jika Outlet Anda tidak ada tanggal libur, biarkan saja setingannya, sedangkan jika outlet Anda tidak ada hari libur, silakan ganti teks Senin menjadi teks lainnya, misal aaa.

Perhatian: hanya edit nama teks dan tanggal yang ada di dalam tanda petik.


Langkah 4.i: Atur Metode Pembayaran

Pilih menu Tata Letak, lalu widget metode pembayaran yang ingin dipasang.

Pada versi ini terdapat opsi 5 metode pembayaran, Anda bisa menggunakan semua atau salah satu metode pembayaran.


Untuk menambahkan metode pembayaran Bank yang Anda miliki, silkan klik ikon pensil pada widget yang ingin diubah.


Lalu ubah teks yang ada di dalam tanda petik satu yaitu nama bank dan instruksi pembayaran berisi nomor rekening, nama bank, nama pemilik rekening.

Perhatian: Pastikan hanya mengubah tulisan yang ada di dalam tanda petik, selain itu jangan diubah.


  • Simpan perubahan


Untuk metode pembayaran QRIS, bedanya hanya di penambahan gambar QRIS saja.


Ganti URL gambar dengan url gambar QRIS milik Anda, mulai dari https sampai .jpg, cara mendapatkan url gambar QRIS ikutin cara ini.



Simpan perubahan seperti yang terlihat pada gambar di bawah:




Untuk menonaktifkan metode pembayaran, klik ikon pensil pada salah satu metode pembayaran yang ingin dinonaktifkan:


Geser tombol untuk menonaktifkan lalu klik simpan:



Langkah 4.j: Atur Isi Pesan WhatsApp (Opsional)

Catatan: Pengaturan ini hanya jika Anda ingin memodifikasi isi pesan pada WhatsApp ketika pelanggan melakukan pemesanan, jika tidak diubah juga tidak masalah.

Pilih menu Tata Letak, lalu klik ikon pensil pada widget Isi Pesan di WhatsApp.





Langkah 4.k: Atur Pesan WhatsApp Jika Delivery

Pilih menu Tata Letak, lalu klik ikon pensil pada widget Pesan WhatsApp Opsi Delivery.


Langkah 4.l: Atur Pesan Popup (Operasional)

Pilih menu Tata Letak, lalu klik ikon pensil pada widget Pengaturan Pesan Popup Operasional.


Langkah 4.m: Atur Nama Marker di Map

Pilih menu Tata Letak, lalu klik ikon pensil pada widget Nama Marker di Map.


Langkah 5: Posting Produk

  • Pilih menu Setelan.






  • Cari menu Template postingan dengan cara CTRL + F dan ketikkan Template postingan, lalu klik seperti gambar di bawah:


  • Paste isi file Template postingan.txt, lalu klik tombol Simpan.


  • Posting produk pertama Anda: untuk lebih jelasnya silakan lihat gambar di bawah.


  • Sebelum posting, pastikan ubah jenis tampilan editor menjadi tampilan HTML.



  • Lalu pilih Tampilan HTML


1. Masukkan nama produk
2. Upload gambar produk, abaikan petunjuk nomor 2 pada gambar, silakan ikuti petunjuk ini.
3. Masukkan harga produk
4. Masukkan deskripsi produk kalau ada
5. Masukkan variasi produk jika ada, silakan dihapus kode variasi produk jika tidak ada
6. Masukkan kategori produk di kolom Label
7. Kalau sudah selesai, klik tombol Publikasikan.


  • Topping Produk: Jika produk Anda memiliki topping, bisa ditambahkan seperti gambar di bawah, kalau gak punya topping, kode topping bisa dihapus (kode yang ada di dalam kotak merah)


  • Jika produk Anda habis silakan tambahkan kode: <p>Status/Habis</> seperti gambar di atas.

Langkah 6: Posting Artikel Blog

Untuk posting artikel blog sama seperti posting produk di langkah 5, hanya saja tidak menggunakan format postingan produk.

Berikut langkahnya:

Buat postingan baru seperti posting produk dengan cara memilih menu Postingan > POSTINGAN BARU



Masukkan judul dan ubah tampilan menulis seperti yang terlihat pada gambar di bawah.



  • Hapus isi postingan yang otomatis terisi ketika membuat postingan baru, untuk label wajib menggunakan label Blog.

  • Simpan postingan dengan menekan tombol Publikasikan.





Langkah 7: Ganti text Checkout (opsional)


  • Masuk dulu ke editor HTML template, caranya sama seperti di Langkah 4, setelah tampil editor HTML templatenya, silakan tekan CTRL + F dan cari >Checkout ganti tulisan Checkout sesuai keinginan dan jangan lupa disimpan dengan menekan tombol simpan di pojok kanan atas. Lihat gambar untuk lebih jelasnya.



Catatan:
* Pastikan semua produk memiliki ukuran gambar panjang x lembar yang sama, supaya tampilan rapi.
** Anda wajib konfirmasi alamat blog yang ingin digunakan untuk template yang dibeli.


Komentar

Postingan populer dari blog ini

Panduan Setting Template Lalaris dan Posting Produk (Versi 2.0.1)

Panduan Setting Template Lalaris dan Posting Produk (Versi 2.0.0)

Panduan Seting Template Lalaris dan Posting Produk (Versi 1.0.0)