KuToko Template Configuration Guide

Complete guide to configure the KuToko template after installing it on your blog.

Prerequisites

Make sure you already understand the basics of Blogger such as creating posts, static pages, and installing widgets. This guide focuses on template configuration, not a Blogger tutorial from scratch.

Important Note

The Blogger platform is actually designed for blogs, not online stores. KuToko template is a "hack" to utilize Blogger as an online store.

Settings Overview

Setting	Description
Settings Code	Configure features & WhatsApp
Product Posts	How to create product posts
Article Posts	How to create article/blog posts
Product Widget	Latest products by label
Popup Box	Promotional popup content

General Settings: Menu · Social Icons · Logo, Footer, Favicon

---

Template Settings Code

KuToko template features (including order button, chat, and WhatsApp number) can be customized using settings code.

How to Create & Install

1. Create settings code at KuToko Generator Tool
2. Copy the generated code
3. Open Layout in Blogger dashboard
4. Find the "Template Settings Code" widget → click Edit
5. Paste the code in the Content section
6. Click Save

---

How to Post Products

Product posts in KuToko are different from regular posts — you must use special HTML code.

Steps to Post Products

1. Prepare product image URL

   • Upload image first
   • See guide: How to Upload Images

2. Create product HTML code at KuToko Posting Tool

3. Create a new post

   • Open Blogger dashboard → New post
   • Click HTML mode in editor (not Compose)
   • Paste the HTML code you created
   • Click Publish

Marking Product Status

Status	Label to Use
Out of Stock	Stok Habis or Out of Stock
Pre-Order	Pre-Order (v.1.2.0+)

How to mark:

1. Edit the product post
2. In the Labels section, add the appropriate label
3. Click Update

---

How to Post Articles

Posting articles is the same as regular posts (without special HTML code).

Requirements for Article Posts

Add one of the following labels:

Valid Labels
Blog
Artikel
Articles

Note

• Label names must be exactly the same (capital letter at the beginning)
• Article posts will appear on the homepage — set the date older than products if you don't want them to appear
• KuToko template is not optimized for many articles

---

Latest Products by Label Widget Settings

This widget displays the latest products based on specific labels.

How to Set Up

1. Open Layout
2. Find widgets Posts by Label #1 to #3 → click Edit
3. In the Content section, enter the label name you want
4. Click Save

Make Sure Label Exists

The entered label must already be used in posts. If there are no posts with that label, the widget won't display anything.

---

Installing Popup Box Content

Popup box can be used for promotions, announcements, or important information.

1. Create popup code at KuToko Popup Tool
2. Copy the generated code
3. Open Layout
4. Find the "Popup Box Content (HTML)" widget → click Edit
5. Paste the code in the Content section
6. Click Save

Custom Code

You can also use your own custom HTML code if needed.