Wuzz Template Configuration Guide

Complete guide to configure the Wuzz 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.

Settings Overview

Setting	Description
Settings Code	Configure template features
Landing Page	Product/service promotion page
Navigation Menu	Menu in header and below header
Social Icons	Links to social media accounts
Table of Contents	TOC in posts

General Settings: Logo, Footer, Favicon →

---

Template Settings Code

Wuzz template features can be customized using settings code.

How to Create & Install

1. Create settings code at Wuzz 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

Optional

Settings code is optional. If not installed, the template will use default settings.

---

Creating Landing Page

Wuzz template has a Landing Page feature that can be installed on Homepage or Static Page — perfect for promoting products, services, or business.

Available Sections

Section	Function
Hero	Main banner with image and CTA
Statistics	Achievement numbers
Value Proposition	Product/service advantages
Features	Offered features
Social Proof	Customer testimonials
Pricing	Package price table
Call to Action	Action button
FAQ	Frequently asked questions

Image Preparation

Before creating a landing page, prepare the following images:

Image	Ratio	Minimum Size
Hero (main product)	1:1	450 x 450 px
Value Proposition	1:1	320 x 320 px
Features (icon)	1:1	80 x 80 px
Social Proof (avatar)	1:1	50 x 50 px

Upload Images First

All images must be uploaded first to get their URLs. See How to Upload Images.

How to Create Landing Page Code

1. Prepare all images and text content
2. Open Landing Page Generator Tool
3. Fill in the form as needed
4. Click Generate to get the HTML code

Installing on Homepage

1. Open Layout
2. Find the "Landing Page HTML Code" widget → click Edit
3. Paste the landing page HTML code
4. Click Save

Installing on Static Page

1. Open Pages menu → click New page
2. Fill in the page Title (example: "Special Promo")
3. Click HTML mode in the editor
4. Paste the landing page HTML code
5. Click Publish

---

Installing Navigation Menu

Wuzz template has 2 menu locations:

Location	Position	How to Edit
Header Menu	Right side of logo	HTML Code
Below Header Menu	Below header	Label Widget

Header Menu (HTML Code)

See complete guide: Setting Up Navigation Menu →

Below Header Menu (Label Widget)

This menu automatically displays post labels. To edit:

1. Open Layout
2. Find the Label widget below header → click Edit
3. Set the labels you want to display
4. Click Save

Special Labels

Want labels like "Popular", "Trending", or "Hot"? Just add those labels to the desired posts.

---

Installing Social Media Icons

See complete guide: Setting Up Social Media Icons →

---

Automatic Table of Contents

Wuzz template has an automatic Table of Contents (TOC) feature that appears in posts.

How It Works

TOC will automatically appear if the post has at least 2 H2 headings.

How to Create Headings in Posts

1. Open the post editor
2. Select the text you want to make a heading
3. Click the Paragraph dropdown → select Heading
4. Repeat for other headings

Customization

The default heading level (H2) can be changed through the Template Settings Code.