Panduan Setting Template Lajang Spot - Lajang Spot
Ξ
×
Beranda › Panduan Lajang Spot › Panduan Setting Template Lajang Spot

Panduan Setting Template Lajang Spot

Oleh Ibnu Batauga (Diperbarui: ) - Posting Komentar

Apakah Anda sudah memiliki Template Lajang Spot? Jika ia, berikut ini panduan settingnya.

Panduan Setting Template Lajang Spot
Daftar Isi
  1. Memasang Template
  2. Pengaturan Template
  3. Menambah Menu Navigasi
  4. Menambah Menu Footer
  5. Cara Posting Produk
  6. Cara Posting Artikel
  7. Pengaturan Teks pada Postingan Produk
  8. Pengaturan Form Order pada Postingan Produk
  9. Pengaturan Facebook Pixel
  10. Membuat Landing Page Katalog Produk / Jasa

1. Memasang Template

Bagi Anda yang sudah memiliki template Lajang Spot, Anda bisa memasangnya pada blog Anda dengan dua cara berikut ini.

  1. Cara pertama adalah dengan menyalin kode template yang baru dan meletakannya ke blog secara manual lewat menu Tema > Edit HTML.
  2. Metode kedua adalah dengan cara mengupload langsung file template ke blog melalui menu Tema > Pulihkan.

Cara pertama direkomendasikan jika blog Anda mengganti template blog yang lama dengan template lain yang berbeda.

Alasan menggunakan cara pertama ini adalah agar kode template yang lama tidak tercampur dengan yang baru, hal ini untuk menghindari terjadinya error.

Cara kedua direkomendasikan jika Anda memasang template yang sama dengan versi yang sama pula.

#1.1 Cara Memasang Kode Template Manual

  • File yang sudah didownload harus di-unzip terlabih dahulu. Di dalam file .zip terdapat file berekstensi dot xml.
  • Buka file template yang berekstensi .xml menggunakan program teks editor (seperti notepad) dan salin semua kode di dalamnya.
  • Dianjurkan untuk membackup template yang akan diganti dengan cara:
    • Login ke “Blogger” > Masuk ke menu “Tema”.
    • Klik icon menu (titik tiga) di sebelah kanan atas.
    • Klik “Cadangkan”
    • Klik “Download“
  • Setelah dibackup, selanjutnya Anda tinggal letakan kode yang sudah disalin ke blog melalui menu edit HTML. Caranya:
    • Login ke “Blogger” > Masuk ke menu “Tema”.
    • Klik icon menu (titik tiga) di sebelah kanan atas.
    • Klik “Edit HTML“.
    • Hapus semua kode template yang lama.
    • Paste/Tempelkan kode template yang baru.
    • Klik tombol Simpan.
  • Template sudah berhasil terpasang.

#1.2 Metode Upload Langsung

  • File yang sudah didownload harus di-unzip dulu. Di dalam file .zip terdapat file berekstensi .xml yang akan diupload langsung ke blog.
  • Dianjurkan untuk melakukan backup template yang akan diganti. Caranya sama seperti yang pertama.
  • Selanjutnya Anda tinggal mengupload file template ke blog. Caranya:
    • Login ke “Blogger” > Masuk ke menu “Tema”.
    • Klik icon menu (titik tiga) di sebelah kanan atas.
    • Klik “Pulihkan“.
    • Klik “Upload”.
    • Pilih file template yang ada di Komputer.
  • Template sudah berhasil terpasang.

2. Pengaturan Template

  • Masuk ke menu “Tata Letak”.
  • Klik edit pada Kode Pengaturan Template.
  • Setelah itu masukan kode ini:
<script>
var lajangSpotSetting  = {latestPostsTitle: true, latestPostsTitleText: "Postingan Terbaru", relatedPosts: true, jumlahRelatedPosts: 5,};
</script>

Ganti nilai true dengan false atau sebaliknya untuk menampilkan atau menyembunyikan elemen yang dimaksud.

Keterangan:

  • latestPostsTitle: Judul widget postingan blog.
  • latestPostsTitleText: Teks judul widget postingan blog. Anda bisa menentukannya sendiri seperti "Latest Posts", "Postingan Terbaru", "Daftar Produk", dsb.
  • relatedPosts: Widget postingan terkait untuk artikel.
  • relatedPostsThumb: Gambar thumbail postingan terkait untuk artikel.

3. Menambah Menu Navigasi

  • Masuk ke menu “Tata Letak”.
  • Klik edit pada Widget Menu Navigasi.
  • Setelah itu masukan kode ini:
<li><a href="#">Contoh Menu</a></li>

Ganti yang bertanda merah dengan URL tujuan, misalnya jika ingin menunya mengarah ke halaman label, maka isi dengan URL label.

Yang bertanda hijau juga diganti sesuai dengan keinginan.

Jika ingin menambahkan menu lagi, cukup salin kodenya dan letakan tepat di bawahnya.

<li><a href="#">Contoh Menu 1</a></li>
<li><a href="#">Contoh Menu 2</a></li>

#3.1 Menambah menu dengan submenu

Untuk menambahkan menu disertai dengan submenu, gunakan kode ini:

<li class="menu"><a href="#">Contoh Menu 1</a>
<ul class="submenu">
<li><a href="#">Submenu Satu</a></li>
<li><a href="#">Submenu Dua</a></li>
<li><a href="#">Submenu Tiga</a></li>
</ul>
</li>

Letakan kode tersebut tepat di bawah kode menu yang sebelumnya.

Ganti yang bertanda merah dengan URL tujuan, dan yang berwana hijau diganti dengan nama menu sesuai keinginan.

4. Menambah Menu Footer

  • Masuk ke menu “Tata Letak”.
  • Klik edit pada Widget Menu Footer.
  • Setelah itu masukan kode ini:
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Disclaimer</a></li>
<li><a href="#">Privacy Policy</a></li>

Ganti yang bertanda merah dengan URL tujuan, dan yang berwana hijau diganti dengan nama menu sesuai keinginan.

5. Cara Posting Produk

Untuk posting produk langkah-langkahnya sama seperti posting artikel, bedanya untuk posting produk wajib menggunakan mode HTML.

Caranya:

#5.1 Menambahkan Label Postingan Produk

Anda harus menambahkan label "Dijual" dan label "Ready" (untuk label produk ready) atau "Pre Order" (untuk label produk pre order).

Setelah menambahkan label wajib untuk postingan produk, Anda bisa menambahkan label lainnya seperti "Promo" (untuk label produk promo), "Stok Habis" (untuk label produk habis), dan "Terlaris" (untuk label produk terlaris).

Selain itu, Anda bisa menambahkan label untuk kategori produk lainnya sesuai dengan kelompok jenis produknya. Misalnya, "Pakaian Atasan", "Celana", "Sepatu", dsb.

Jika Anda hanya menggunakan label "Dijual" saja, postingan ini tidak menampilkan kecuali seperti postingan biasa.

Anda bisa menggunakan metode ini, jika ingin memposting jualan produk dengan menggunakan tombol CTA sendiri yang diletakan pada postingan itu sendiri.

6. Cara Posting Artikel

Cara posting artikel prosesnya sama seperti posting artikel biasa, tidak harus lewat mode HTML. Untuk LajangSpot v.1.0.0 untuk posting artikel wajib menyertakan label Artikel.

Note:

  • Nama label harus sama persis, diawali huruf besar.
  • Anda bisa memposting banyak artikel yang Anda inginkan dengan lebih dari satu label asalkan bukan label milik postingan produk (Dijual, Ready, Pre Order, Promo, Stok Habis, Terlaris).

Untuk LajangSpot v.1.0.0 ke atas, tidak wajib menyertakan label Artikel pada setiap postingan artikelnya.

7. Pengaturan Teks pada Postingan Produk

Note:
  • Edit teksnya saja, tidak bisa penambahan kode html.
  • Dalam menulis teksnya, jangan memakai enter, hanya bisa memakai spasi.

#7.1 Edit Teks Garansi Produk

  • Masuk ke menu “Tata Letak”.
  • Klik edit pada Widget Teks Garansi Produk.
  • Setelah itu edit teks berikut ini.
*Garansi 100% Uang Kembali Apabila yang Diterima Tidak Sesuai.

#7.2 Edit Teks Cara Pemesanan

  • Masuk ke menu “Tata Letak”.
  • Klik edit pada Widget Teks Cara Pemesanan.
  • Setelah itu edit teks berikut ini.
<ol><li>Isi nama dan no. HP Anda pada Formulir Pemesanan di bawah ini, yang lain boleh kosong. </li><li>Klik Send to WhatsApp dan tunggu sampai kami membalas pesanan Anda.</li></ol>

#7.3 Edit Teks Info Pembayaran

  • Masuk ke menu “Tata Letak”.
  • Klik edit pada Widget Teks Info Pembayaran.
  • Setelah itu edit teks berikut ini.
Bisa Bayar di Tempat (COD).

8. Pengaturan Form Order pada Postingan Produk

Template Lajang Spot menggunakan form order (formulir pemesanan), bukan hanya tombol menuju ke pesan WhatsApp.

Jika Anda hanya ingin menampilkan tombol CTA WA-nya saja, Anda bisa mengaturnya pada edit custom form order di bawah ini.

#8.1 Edit Custom Form Order

Anda bisa mengatur form order pada postingan produk sesuai keinginan atau kebutuhan Anda dengan cara:
  • Masuk ke menu “Tata Letak”.
  • Klik edit pada Widget Custom Form Order.
  • Setelah itu edit kode berikut ini.
var phoneAdmin = ['6282349165919', '6282349165919'];
var lajangSpotCTA = {formOrder:true, buttonWA: true, textButtonWA:'Send to WhatsApp'};
var formSetting = {product:true, numProducts:true, notes:true, payment:true, myName:true, phone:true, email:false, city:false, districts:false, adress:true,  url:false};
var inputWajib = {product:false, numProducts:false, notes:false, payment:true, myName:true, phone:true, email:false, city:false, districts:false, adress:true,  url:false};
Note:
  • var phoneAdmin: Ganti dengan nomor WhatsApp Anda atau CS Anda. Bisa ditambahakn lebih dari satu nomor WhatsApp yang akan didistribusikan secara merata jika ada pesanan yang masuk ke pesan WhatsApp.
  • var lajangSpotCTA: Ganti true dengan false atau sebaliknya jika ingin menampilkan atau menyembunyikan form order, serta ganti teks CTA sesuai keinginan.
  • var formSetting: Ganti true dengan false atau sebaliknya jika ingin menampilkan atau menyembunyikannya pada form order. Misalnya jika tidak ingin menampilkan nama produk pada form order maka gunakan kode product:false.
  • var inputWajib: Ganti true dengan false atau sebaliknya jika ingin inputan pada form order harus diisi atau tidak. Dalam melakukan pengaturan ini, hanya berlaku pada var formSetting apa saja yang bernilai true (yang tampil pada form order).

Jika Anda salah dalam menuliskan kode atau tidak sesuai ketentuan di atas, maka script form order akan error sehingga tidak bisa memproses inputan pada form order.

#8.2 Edit Metode Pembayaran

Anda bisa mengedit (menambah atau mengurangi) metode pembayaran yang dapat dipilih pada form order dengan cara:
  • Masuk ke menu “Tata Letak”.
  • Klik edit pada Widget Metode Pembayaran.
  • Setelah itu edit kode berikut ini.
<option/>Bayar di Tempat (COD) <option/>Transfer Bank BRI <option/>Transfer Bank BNI

Note: Tambahkan saja <option/>Nama Metode Pembayaran jika ingin menambahkan yang baru dan jangan pakai enter, hanya bisa pakai spasi.

9. Pengaturan Facebook Pixel

Facebook Pixel adalah kode yang dipasang di situs web. Dengan kode ini, facebook akan melacak tindakan yang dilakukan oleh pengunjung web Anda, mengoptimisasi iklan facebook Anda, dan untuk membangun audiens yang tepat untuk beriklan.

Ada tiga pengaturan yang harus Anda lakukan berikut ini jika Anda ingin beriklan di fb ads dengan tepat. Jangan lupa aktifkan widgetnya jika Anda ingin menggunakannya.

#9.1 ID Pixel Facebook Anda

Pengaturan ini dilakukan untuk menghubungkan facebook pixel dengan weblog Anda. Dengan template Lajang Spot, Anda cukup memasukan nomor id kode pixel facebook Anda dengan cara:

  • Masuk ke menu “Tata Letak”.
  • Klik edit pada Widget ID Pixel Facebook Anda.
  • Setelah itu masukan nomor id kode pixel facebook Anda.
Contoh: 
192773036337899

Note: Nomor id pixel facebook terdiri dari 15 digit.

#9.2 Tracking View Content

  • Masuk ke menu “Tata Letak”.
  • Klik edit pada Widget Tracking View Content.
  • Setelah itu masukan kode berikut ini.
fbq('track', 'ViewContent')

#9.3 Custom Event Tombol CTA

  • Masuk ke menu “Tata Letak”.
  • Klik edit pada Widget Tracking View Content.
  • Setelah itu masukan kode berikut ini.
fbq('track', 'AddToCart');

Anda bisa mengganti kode event AddToCart di atas sesuai dengan event yang Anda inginkan. Misalnya jika yang Anda inginkan adalah event Lead, maka cukup ganti kode di atas dengan kode di bawah ini.

fbq('track', 'Lead');

Baca lebih lanjut tentang Cara Memasang Facebook Pixel (Meta Pixel) di Landing Page Blogspot.

10. Membuat Landing Page Katalog Produk / Jasa

Anda bisa membuat landing page katalog produk atau jasa di halaman label "Produk" dan "Jasa".

Dengan memanfaatkan widget di menu tata letak yang disediakan khusus di tampilkan di halaman label produk atau jasa.

Baca selengkapnya di Cara Membuat Katalog Produk di Lajang Spot.

Demikianlah Panduan Template Lajang Spot. Semoga bermanfaat.

Author Profile
Ibnu Batauga
Blogger, Math Tutor, dan Internet Marketer
Kategori:

Posting Komentar untuk "Panduan Setting Template Lajang Spot"

Langganan: Posting Komentar (Atom)