MobizLab Edit Guide

Quick reference for editing your HTML modules without breaking structure.

1. Editing Basics

Open your HTML file in a text editor (VS Code recommended).

Use Ctrl + F to quickly find what you want to change.

Only change text content — avoid touching structure unless necessary.

2. Adding or Updating Tool Blocks

Search for: Optional Tool

Replace with your own tool content.


<p class="tool-title">Speed this up with [Tool Name]</p>
<p class="tool-desc">
Short explanation of what the tool does.
<a href="https://yourlink.com" target="_blank">Try it here</a>
</p>

Keep it helpful, not pushy. Think “shortcut”, not advertisement.

3. Links (Important)

Always open links in a new tab:


<a href="https://yourlink.com" target="_blank">Link text</a>

Always include full URLs (https://...)

4. Visual / Highlight Blocks

Use these to break up heavy content.

Make them feel like helpful insights — not ads.

Example: “Faster way”, “Shortcut”, “Pro tip”

5. Structure Rules (Do NOT break)

Do not remove sections randomly
Progress depends on structure
Each section should remain intact

6. What You Can Safely Change

Text content
Tool recommendations
Links
Wording improvements

7. Mindset

Keep things simple.

Focus on clarity and usefulness.

This is a working system — not perfection.