Sebelum melanjutkan, yang perlu Kamu siapkan:

 

Laptop/PC (disarankan) 

Koneksi internet 

File Template Blogspot  (WhatsDeliver) yang sudah dibeli.

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

Langkah 1: Buat blog baru Login ke Blogger.com menggunakan email gmail.

 

Kalo kamu belum pernah membuat Blog di akun Blogger mu, di pojok kiri atas klik menu 3 garis dan klik Buat Blog. 

Kalo kamu sudah pernah membuat blog, di sebelah kiri, klik tanda panah ke bawah seperti ini Panah bawah Klik Blog baru. 

Masukkan nama blog, misalnya Nama Tokomu.

 

Klik Berikutnya. 

Pilih URL atau alamat blog, misalnya namatokomu.blogspot.com.

 

Klik Simpan. 

Langkah 2: Instalasi template blog 

Setelah kamu melakukan pembayaran, sistem akan otomatis mengirimkan file template Blogger untuk di unduh ke alamat email yang digunakan ketika melakukan pemesanan. 

Siapkan file template dengan format .txt yang telah diunduh, sebagai contoh menggunakan file WhatsDeliver Template Blogspot Kuliner V1.0.1.txt untuk website usaha kuliner dan file Template Postingan.txt. 

Buka file menggunakan notepad Copy source code file WhatsDeliver Template Blogspot Kuliner V1.0.1.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 kamu, 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 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. 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, kamu bisa menonaktifkannya jika ingin menampilkan slider kuran 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 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. 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. Langkah 4.f: Seting Tarif Ongkos Kirim Pilih menu Tata Letak, lalu klik ikon pensil pada widget Tarif Ongkir. Langkah 4.g: Atur jam Operasional Pilih menu Tata Letak, lalu klik ikon pensil pada widget Pengaturan Jam Operasional. Langkah 4.h: Atur hari dan tanggal libur Pilih menu Tata Letak, lalu klik ikon pensil pada widget Pengaturan Hari dan Tanggal Libur. 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, kamu bisa menggunakan semua atau salah satu metode pembayaran. Untuk menambahkan metode pembayaran Bank yang kamu 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 milikmu, 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 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 pertamamu: 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 produkmu memiliki topping, bisa ditambahkan seperti gambar di bawah, kalau gak punya topping, kode topping bisa dihapus (kode yang ada di dalam kotak merah) Jika produkmu habis silakan tambahkan kode:

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.