Sugeng.id

Beranda › Panduan Template

Panduan Pengaturan Template VioToko

Pengaturan Fitur Template

  1. Buat kode pengaturan template menggunakan tool yang sudah disediakan di sini.
  2. Setelah kodenya dibuat, masuk ke menu Tata Letak > edit widget “Kode Pengaturan Template” > tempelkan kodenya di bagian Konten.

Pengaturan Tombol Call-to-Action

  1. Buat kode pengaturan Call-to-Action menggunakan tool yang sudah disediakan di sini.
  2. Setelah kodenya dibuat, masuk ke menu Tata Letak > edit widget “Kode Pengaturan Call-to-Action” > tempelkan kodenya di bagian Konten.

Cara Posting Produk

  1. Siapkan dulu URL gambar produk yang akan diposting. Gambar bisa diupload ke blog menggunakan cara ini.
  2. Jika URL gambar sudah siap, buat kode postingan produk menggunakan tool yang sudah disediakan di sini.
  3. Setelah kodenya dibuat > buat postingan baru di blog > edit postingan menggunakan mode HTML > tempelkan kodenya di bagian konten.

Cara Posting Artikel

Cara posting artikel prosesnya sama seperti posting artikel biasa, tanpa perlu lewat mode HTML.

Namun untuk posting artikel harus menyertakan salah satu dari label berikut:

  • Blog
  • Artikel
  • Articles

Note:

  • Nama label harus sama persis, diawali huruf besar.
  • Postingan artikel akan ikut muncul di homepage. Supaya tidak muncul di homepage, atur tanggal postingan artikelnya lebih lama dari tanggal postingan produk.
  • Template VioToko tidak dioptimalkan untuk posting artikel biasa. Saran saya jangan terlalu banyak memposting artikel.

Memasang Menu Navigasi

  1. Buat kode menu navigasi menggunakan tool yang sudah disediakan di sini.
  2. Setelah kodenya dibuat, masuk ke menu Tata Letak > edit widget “Kode Menu Navigasi” > tempelkan kodenya di bagian Konten.

Menambah Icon Media Sosial

  • Masuk ke menu “Tata Letak“
  • Klik edit pada Widget Icon Media Sosial
  • Masukan kode ini di bagian konten widget:
<a aria-label="facebook" href="#"><span class="social-icon facebook-icon"><i></i></span></a>

<a aria-label="twitter" href="#"><span class="social-icon twitter-icon"><i></i></span></a>

<a aria-label="youtube" href="#"><span class="social-icon youtube-icon"><i></i></span></a>

<a aria-label="instagram" href="#"><span class="social-icon instagram-icon"><i></i></span></a>

<a aria-label="linkedin" href="#"><span class="social-icon linkedin-icon"><i></i></span></a>

<a aria-label="whatsapp" href="#"><span class="social-icon whatsapp-icon"><i></i></span></a>

<a aria-label="googlemaps" href="#"><span class="social-icon googlemaps-icon"><i></i></span></a>

<a aria-label="telegram" href="#"><span class="social-icon telegram-icon"><i></i></span></a>

<a aria-label="pinterest" href="#"><span class="social-icon pinterest-icon"><i></i></span></a>

Silakan edit yang bertanda merah dengan URL akun media sosial milik sobat.

Untuk menghapus salah satu icon media sosial, cukup hapus dari kode <a sampai </a>

Misalnya ingin menghapus icon instagram, maka cukup hapus kode ini :

<a aria-label="instagram" href="#"><span class="social-icon instagram-icon"><i></i></span></a>

Memasang Widget Logo Jasa Pengiriman

  • Masuk ke menu “Tata Letak“
  • Klik edit pada Widget Logo Jasa Pengiriman
  • Masukan kode ini di bagian konten widget:
<span class='pengiriman gosend'></span>
<span class='pengiriman grab'></span>
<span class='pengiriman jne'></span>
<span class='pengiriman jdant'></span>
<span class='pengiriman posindonesia'></span>
<span class='pengiriman tiki'></span>
<span class='pengiriman sicepat'></span>
<span class='pengiriman wahana'></span>
<span class='pengiriman indah'></span>
<span class='pengiriman herona'></span>
<span class='pengiriman pandu'></span>
<span class='pengiriman dakota'></span>
  • Terakhir klik “Simpan“

#1. Menghapus Logo yang Tidak Digunakan

Sobat bisa menghapus beberapa kode logo pengiriman yang tidak dibutuhkan.

Misalnya jika ingin menghapus logo wahana, maka cukup hapus kode:

<span class='pengiriman wahana'></span>

Hapus dari kode <span sampai dengan /span>

#2. Menambah Logo Pengiriman Sendiri

Jika sobat ingin menambahkan logo pengiriman milik sendiri, silakan salin kode ini :

<span class='pengiriman' style='background-image:url(URL-GAMBAR);width:95px;'></span>

Ganti URL-GAMBAR dengan URL gambar yang ingin sobat gunakan.

Letakan kode tersebut pada kolom konten widget yang sudah dipasang sebelumnya.

Memasang Widget Logo Pembayaran

  • Masuk ke menu “Tata Letak“
  • klik “Tambahkan gadget” di atas Footer
  • Pilih Gadget “HTML/JavaScript“
  • Masukan kode ini di bagian konten widget:
<span class='pembayaran bca'></span>
<span class='pembayaran bcasyariah'></span>
<span class='pembayaran bni'></span>
<span class='pembayaran bri'></span>
<span class='pembayaran brisyariah'></span>
<span class='pembayaran btpn'></span>
<span class='pembayaran cimb'></span>
<span class='pembayaran cimbsyariah'></span>
<span class='pembayaran dana'></span>
<span class='pembayaran gopay'></span>
<span class='pembayaran mandiri'></span>
<span class='pembayaran mandirisyariah'></span>
<span class='pembayaran ovo'></span>
<span class='pembayaran paypal'></span>
<span class='pembayaran permata'></span>

#1. Menghapus Logo yang Tidak Digunakan

Sobat bisa menghapus beberapa kode logo pembayaran yang tidak dibutuhkan.

Misalnya jika ingin menghapus logo OVO, maka cukup hapus kode:

<span class='pembayaran ovo'></span>

Hapus dari kode <span sampai dengan /span>