Seven Jon Blog's: Februari 2022

Toko WhatsApp Blogger Template adalah template atau thema untuk membuat toko online dengan menggunakan platform Blogger, seperti yang sudah kita ketahui bahwa membuat website dengan menggunakan blogger.com adalah gratis dan website akan aktif selamanya

Toko WhatsApp Blogger Template

Pada kesempatan kali ini admin sevenjon.com ingin membagikan template yang bisa kamu gunakan untuk membuat toko online secara gratis, template ini didesain khusus bagi penjual online yang ingin memiliki toko online secara mandiri.

Toko WhatsApp - Premium Blogger Template

Tidak seperti toko online yang ada pada umumnya, dimana calon pemberi diharuskan mendaftar terlebih dahulu sebelum melakukan pemesanan produk, Toko WhatsApp - Blogger Template ini akan melanjutkan pesanan kedalam pesan singkat WhatsApp sehingga proses pembayaran dan konfirmasi akan dilakukan secara langsung melalui WhatsApp

Fitur Toko WhatsApp

Berikut ini adalah table rincian dan gambar dari fitur yang tersedia dalam Toko WhatsApp - Blogger Template

Dynamic Product ( Varian Produk, Harga + Diskon, Marketplace & Deskripsi )
Form Order (WhatsApp) Instant Checkout menggunakan Formulir WhatsApp.
Data Pesanan ( Otomatis ) Dapatkan informasi pesanan & data pembeli dari Formulir Order (WhatsApp).
FAST Loading (Cepat di akses!) Jangan biarkan calon pembeli kabur, karena website yang lelet dan lambat di akses.
Desain Responsif Template dapat di akses disemua perangkat, baik desktop, tablet maupun mobile / smartphone.
SEO Friendly (Schema JSON) Optimasi Produk
Optimasi Facebook Pixel Memudahkan pemilik toko online untuk melacak aktivitas pengunjung / calon pembeli.
Quick Edit ( Produk ) Memudahkan admin untuk mengubah widget / produk secara langsung.
Menu Kategori (Otomatis) Memudahkan Admin untuk menampilkan & menyesuaikan Kategori / label produk.
Menu / Widget Notifikasi Pemberitahuan untuk Pengunjung / Calon Pembeli.
Widget Unggulan Informasi Unggulan Toko Online.
Custom Warna Template @ Customizer Tema
Tanda Sold Out / Terlaris Pengaturan Tanda Produk yang sudah habis / terjual / terlaris.

Cara Menambahkan Produk

Untuk menambahkan produk baru, silahkan buat postingan baru seperti biasa, kemudian copy paste post template dibawah ini kedalam mode html, kemudian silahkan ganti Poto, Detail dan Harga produk sesuai dengan kebuhan kamu masing-masing, setelah semuanya selesai tinggal Publikasikan saja

<div class="remove_element" style="background: lightgray; border: 1px solid lightgray; font-family: Roboto, sans-serif; font-size: 90%; margin: 0px; max-width: 88%; padding: 20px; text-align: center;">Photo</div>
<figure class="productPhoto remove_style" style="border: 1px solid lightgray; margin: 0px 0px 20px; max-width: 88%; overflow: hidden; padding: 20px;text-align: center;">
    <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgREyK7n1Xgr0s4WlAJMjeTy49hieZlnyRk9wisEqYiNXSebObsmCtUwmbSmzd6R6M9PT9ht0DrlbycGeAJJu-kKSVmkAuOhFaAT2Wu7Ktd5eQHxhOyZhd0L6b2c7sBLjMCDYHAtXgiOTA/s1000/ribath.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1000" data-original-width="750" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgREyK7n1Xgr0s4WlAJMjeTy49hieZlnyRk9wisEqYiNXSebObsmCtUwmbSmzd6R6M9PT9ht0DrlbycGeAJJu-kKSVmkAuOhFaAT2Wu7Ktd5eQHxhOyZhd0L6b2c7sBLjMCDYHAtXgiOTA/s320/ribath.jpg" /></a></div>
    <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYaUiwngSKwt0wYC98miz3YKbeoj1aML01-fjh-9RxLtF9E3lRd5Hj8LPphrQrYiikc4IoO8EFEx6AfWuHbwLbQTg0nGPCMwevHK_TIbZQsVQRZWDMYDxeRO59a2p_20EA1x3Sk0YWKYY/s1000/ribath3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1000" data-original-width="750" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYaUiwngSKwt0wYC98miz3YKbeoj1aML01-fjh-9RxLtF9E3lRd5Hj8LPphrQrYiikc4IoO8EFEx6AfWuHbwLbQTg0nGPCMwevHK_TIbZQsVQRZWDMYDxeRO59a2p_20EA1x3Sk0YWKYY/s320/ribath3.jpg" /></a></div>
</figure>
<div class="remove_element" style="background: lightgray; border: 1px solid lightgray; font-family: Roboto, sans-serif; font-size: 90%; margin: 0px; max-width: 88%; padding: 20px; text-align: center;">Detail</div>
<div class="productDetail remove_style" style="border: 1px solid lightgray; margin: 0; max-width: 88%; overflow: hidden; padding: 20px;">
    <div class="remove_style" style="text-align: center;">
        <div class="remove_element" style="background: lightgray; border: 1px solid lightgray; font-family: Roboto, sans-serif; font-size: 90%; margin: 0px; padding: 20px; text-align: center;display: inline-block;width: 40%;">Status</div>
        <div class="data_stock remove_style" style="box-shadow: inset 0 0 0 1px lightgray; font-family: Roboto, sans-serif; margin: 0px; padding: 20px; text-align: center;display: inline-block;width: 40%;">on</div>
    </div>
    <br class="remove_element" />
    <div class="remove_style" style="text-align: center;">
        <div class="remove_element" style="background: lightgray; border: 1px solid lightgray; font-family: Roboto, sans-serif; font-size: 90%; margin: 0px; padding: 20px; text-align: center;display: inline-block;width: 40%;">Price ( Rp. )</div>
        <div itemprop="price" class="productPrice remove_style" style="box-shadow: inset 0 0 0 1px lightgray; font-family: Roboto, sans-serif; margin: 0px; padding: 20px; text-align: center;display: inline-block;width: 40%;">100000</div>
    </div>
    <br class="remove_element" />
    <div class="remove_style" style="text-align: center;">
        <div class="remove_element" style="background: lightgray; border: 1px solid lightgray; font-family: Roboto, sans-serif; font-size: 90%; margin: 0px; padding: 20px; text-align: center;display: inline-block;width: 40%;">Discount ( % )</div>
        <div class="data_discount remove_style" style="box-shadow: inset 0 0 0 1px lightgray; font-family: Roboto, sans-serif; margin: 0px; padding: 20px; text-align: center;display: inline-block;width: 40%;">10</div>
    </div>
</div>
<br />
<br />
<div class="data_option remove_style" style="border: 1px solid lightgray; margin: 0px; padding: 20px; max-width: 88%; overflow: hidden;">
    <div class="option_title remove_style" style="background: lightgray; border: 1px solid lightgray; font-family: Roboto, sans-serif; font-size: 90%; margin: 0; padding: 20px; text-align: center;">Ukuran</div>
    <div class="remove_style" style="font-family: Roboto, sans-serif; font-size: 90%;border:1px solid lightgray; margin: 0; padding: 20px;">
        <ul>
            <li>SMALL:100000</li>
            <li>MEDIUM:200000</li>
            <li>LARGE:300000</li>
            <li>X LARGE:500000</li>
        </ul>
    </div>
</div>
<br />
<br />
<div class="data_option remove_style" style="border: 1px solid lightgray; margin: 0px; padding: 20px; max-width: 88%; overflow: hidden;">
    <div class="option_title remove_style" style="background: lightgray; border: 1px solid lightgray; font-family: Roboto, sans-serif; font-size: 90%; margin: 0; padding: 20px; text-align: center;">Pilihan Warna</div>
    <div class="remove_style" style="font-family: Roboto, sans-serif; font-size: 90%;border:1px solid lightgray; margin: 0; padding: 20px;">
        <ul>
            <li>Merah</li>
            <li>Kuning</li>
            <li>Hijau</li>
            <li>Biru</li>
        </ul>
    </div>
</div>
<br />
<br />
<div class="remove_element" style="background: lightgray; border: 1px solid lightgray; font-family: Roboto, sans-serif; font-size: 90%; margin: 0px;max-width: 88%; padding: 20px; text-align: center;">Description</div>
<div class="detailDescription remove_style" style="border: 1px solid lightgray; margin: 0px; max-width: 88%; overflow: hidden; padding: 20px;font-family: Roboto, sans-serif; font-size: 90%;">
    <b>Detail Produk</b><br />
    <br />
    <ul>
        <li>Detail 1</li>
        <li>Detail 2</li>
        <li>Detail 3</li>
        <li>Detail dst..</li>
    </ul><br />
    <small><b>Disclaimer:</b> Persamaan warna foto katalog dengan produk asli mencapai 98%. Efek cahaya, kecerahan, kerapatan, dan resolusi layar memungkinkan terjadinya distorsi warna.</small>
</div>

Download Toko WhatsApp - Blogger Template v 1.6

Template ini terbagi dalam dua jenis yakni Free dan Premium, perbedannya adalah Versi Free atau Gratisnya hanya bisa di-install pada subdomain.blogspot.com. Yang admin bagikan disini adalah Free Versionnya saja.

Jika kamu ingin menggunakan domain .com atau yang lainnya silahkan gunakan versi Premium yang bisa kamu dapatkan dengan membelinya secara langsung pada pembuat template yaitu Kang Rian di website resminya https://.kangrian.net/ atau https://lapak.kangrian.net