Tumpixel

Tumpixel

How to Create Your First Website (Without Getting Stuck in Tools)

Building a website with Tumpixel is different from traditional builders.

Instead of just dragging blocks, you’re working with a modular system — meaning you can scale from a simple landing page to a full business platform (e-commerce, CRM, HRM…).

In this guide, you’ll learn how to create your first website from scratch to live, including how to handle a common issue when installing modules.

🧱 Step 1: Create Your Website

  1. Start from the dashboard:

  1. Open Control Center and Go to My websites

  1. Click “Add new website”

  1. Enter:

  • Site name

  • Language

  1. Click Create

👉 You now have a blank website ready to build

🎨 Step 2: Apply a Template

Instead of starting from scratch, you can use templates.

  1. Open the App Store

  1. Go to Single page templates

  1. Choose a template (e.g. Landing page, Business site…)

  1. Click Apply to current page

👉 Your website now has a full layout instantly

✏️ Step 3: Customize Content

Now edit your content visually:

  • Click any text → edit in the right panel

  • Update:

    • Titles

    • Descriptions

    • Buttons

👉 This works similar to Webflow, but simpler

🖼️ Step 4: Replace Images

Click an image block → then:

  • Go to Content → Image

  • Upload or select an image

Delete the current selected image

Select a new image from file manager

👉 But here’s where many users hit an issue…

⚠️ Important Notice: Storage Module Required

If you try to upload an image, you may see this:

“The storage module is not installed”
or
“You do not have the right access to the 'Storage' module”

❗ Why This Happens

Tumpixel works differently from Wix or Shopify:

  • Features are provided as modules (apps)

  • You must:

    1. Install (purchase) the module

    2. Enable it per website

👉 Storage is required for:

  • Uploading images

  • Managing files

🔌 Step 5: Install Storage Module

  1. Open App Store

  1. Find Storage

  2. Choose a plan (Free is fine) then add to cart

🛒 Step 6: Complete Checkout for Free Modules (No Payment Required)

When you choose a Free plan (like Storage Free), the checkout flow in Tumpixel is simplified — no payment is needed, and your order is created instantly.

⚡ Step 1: Click “Checkout”

After selecting a module plan (e.g. Free – $0):

  • Open the cart (top right)

  • Click Checkout

👉 Since your total is $0.00, the system skips payment logic

🧾 Step 2: Review Order Details

In the checkout modal:

  • Module: Storage

  • Plan: Free

  • Total: $0.00

You may see basic fields like:

  • First name

  • Last name

  • Phone number

⚠️ These are optional for free orders (depending on your setup)

✅ Step 3: Click “Confirm”

Click the Confirm button to proceed

👉 What happens here:

  • No payment gateway is triggered

  • No credit card / external payment required

  • Order will be created immediately

🔒 Step 4: Final Confirmation

A confirmation dialog appears:

“Click 'Confirm' to complete your payment…”

Click Confirm again

🧾 Step 7: Verify Your Purchase & Access Your Module (After Checkout)

After completing your purchase, Tumpixel gives you full visibility into your order and installed applications. This step ensures everything is correctly activated before you continue building your website.

🔍 Step 1: Open Account Menu

  1. Click your profile icon (top right corner)

2. Select:

  • My orders → to view purchases

  • My applications → to view activated modules

👉 These are your two key areas after checkout

📦 Step 2: Check Your Order Status

Go to My orders

Here you will see:

  • Module name (e.g. Storage)

  • Plan (Free / Starter / etc.)

  • Order status → Active

  • Payment status → Paid

  • Created date

✅ If everything is correct:

Your purchase is successful and ready to use

🧩 Step 3: Verify Module Activation

Now go to My applications

Here you will see:

  • App name (e.g. Storage)

  • Tier (Free / Paid plan)

  • License key

  • Start date

✅ If the module appears here:

It is successfully attached to your account

Step 8: Continue Using Your Module

Now go back to your builder:

  1. Go to Site settings

  1. Open Modules

  1. Enable Storage

  2. Click Save

⚠️ After Purchase: Permission Issue (Very Important)

After installing, you might STILL see:

“You do not have the right access to the 'Storage' module”

🤔 Why?

Because Tumpixel uses session-based permissions

  • Your account is updated ✅

  • But your current login session is NOT refreshed ❌

✅ Fix (Required Step)

👉 You MUST:

  1. Log out

  2. Log in again

That’s it.

🎯 After Re-login

👉 Now storage is fully active

📁 Step 9: Upload Images

Once Storage is enabled:

  1. Go to Storage Management

2. Click Add folder

3. Create folder (e.g. “Images”)

4. Open folder

📤 Upload Files & Optimize Images in Storage

Tumpixel provides a flexible uploader with 2 modes and built-in image optimization to ensure your website stays fast and efficient.

🚀 Step 1: Open Upload Panel

  1. Click Add files (top right in Storage)

  2. The Upload modal will appear

🔀 Step 2: Choose Upload Mode

You have 2 options:

🖼️ Step 3: Upload Images (Recommended for website content)

  • Supports: SVG, WEBP, BMP, PNG, JPG, GIF

  • Automatically optimized for web performance

  • Enables compression settings

👉 Use this for:

  • Website images

  • Backgrounds

  • Thumbnails

📁 Step 4: Upload Files (Raw upload)

  • Upload any file type (docs, PDFs, etc.)

  • No optimization applied

👉 Use this for:

  • Documents

  • Downloads

  • Assets that must keep original quality

⚙️ Step 5: Configure Image Optimization

When using Upload Images, you get 2 levels of control:

🌐 Global Settings (Apply to all files)

These settings apply to all selected images:

  • Compression quality (e.g. 0.6)
    → Lower = smaller file size, faster load

  • Max width or height (e.g. 1024px)
    → Automatically resize large images

👉 Best practice:

  • Use 0.6 – 0.8 quality

  • Limit width to 1024–1920px

🧩 Individual File Settings

Each image can be customized:

  • Click the 3-dot menu on an image

  • Choose:

    • Compression options

    • Remove

👉 Useful when:

  • Some images need higher quality (e.g. banners)

  • Others can be heavily compressed (e.g. thumbnails)

📎 Step 6: Select Files

  1. Click Choose Files

  2. Select one or multiple files

  3. Preview will appear

You’ll see:

  • File name

  • File size

  • Thumbnail preview

▶️ Step 7: Start Upload

Click Start Upload

👉 What happens:

  • Images are processed (resized + compressed)

  • Files are uploaded to your Storage

  • Ready to use in your website

🧠 Why This Matters (Performance)

Unlike many builders:

  • Tumpixel lets you control image optimization at upload time

  • Reduces:

    • Page load time

    • Bandwidth usage

    • Storage cost

👉 This is closer to developer-level control, not just basic upload

🧩 Step 10: Use Images in Website

Back in the builder:

  1. Click an image block

  2. Click Select file

  1. Choose your uploaded image

  2. Save & Close

👉 Your website now looks real and complete

🚀 Step 11: Publish Your Website

Final step:

  1. Click ⋮ (menu)

  2. Select Publish page

  3. Open your site URL

🎉 Your website is now LIVE

🧠 Understanding Tumpixel (Important)

This flow may feel different if you come from:

  • Wix

  • Shopify

  • WordPress

Because Tumpixel is built with a different philosophy:

🔹 Traditional Builders

  • Everything is bundled

  • Limited flexibility

  • Hard to scale

🔹 Tumpixel Approach

  • Modules = features (Storage, CRM, E-commerce…)

  • Purchased at account level

  • Activated per website

👉 This gives you:

  • Multi-site control

  • Enterprise flexibility

  • Scalable architecture

⚠️ Known Limitation (Current Version)

Right now:

  • After purchasing a module → session is not auto refreshed

👉 So you must:

Logout → Login again

This will likely be improved later.

✅ Summary

You just learned how to:

  • Create a website

  • Apply templates

  • Edit content

  • Install modules

  • Fix permission issues

  • Upload images

  • Publish your site

🎯 Final Thought

Tumpixel is not just a website builder.

It’s a platform to build systems.

That’s why:

  • It may feel slightly more complex at first

  • But gives you far more power long-term