One of the biggest advantages of Vvveb CMS is its flexibility.
You can turn any HTML template - free, premium, or custom‑built - into a fully editable Vvveb theme in minutes.

Whether you have:

  • an old static website
  • a template you purchased
  • a design exported from another builder
  • or a site you scraped for redesign

Vvveb lets you reuse it instantly as a theme.

This tutorial walks you through the entire process using a free HTML template from the web.


Find and Download an HTML Template

You can use any HTML template, but for this tutorial we’ll grab a free one from the internet.

  1. Open your browser and search for “free HTML templates”.
  2. Click the first result from TemplateMo:
  3. Browse the list and download any template you like.
    For this example, we’ll use “The Catalyst” template.

You should now have a .zip file containing the HTML template.

html template at DuckDuckGo

Free HTML CSS Website Templates


Upload the Template as a Theme in Vvveb Log in to your Vvveb Admin Dashboard.

  1. Go to Themes → Upload Theme.
  2. Drag and drop the .zip file you downloaded into the upload area.

Vvveb will automatically:

  • extract the template
  • convert it into a theme structure
  • prepare it for use in the page builder

When the upload finishes, the theme will appear in your theme list.

Upload theme


Activate the New Theme In Themes, find the newly uploaded template.

  1. Click Activate.
  2. Then click View Website to see your site using the new theme.

Your HTML template is now a fully functional Vvveb theme.


Start Customizing the Theme With the Page Builder

Now the fun part begins.

  1. Go to Edit Website from the admin menu.
  2. The Vvveb Page Builder will load your homepage using the newly activated theme.
  3. You can now visually edit the template:
    • click any element to edit text
    • drag and drop components
    • change images
    • modify layout
    • add new sections
    • customize HTML directly if needed

Because Vvveb works with plain HTML, you can customize every element - no restrictions, no locked blocks, no proprietary markup.

Theme in page builder


Continue Building Your Site

From here, you can:

  • create new pages
  • duplicate existing layouts
  • add dynamic content
  • integrate CMS fields
  • build menus
  • customize global styles
  • add eCommerce or blog functionality

Your HTML template is now a fully editable, fully dynamic Vvveb theme.


️ How It Works

Vvveb doesn't "convert" your HTML into a mess of code. Instead, the Vvveb.Builder engine maps its visual editing tools directly onto your existing HTML structure[cite: 1]. It uses a sophisticated matching logic to identify editable areas, images, and text[cite: 1].

Feature Advantage
Direct Editing Edit your static HTML files visually in the Page Builder[cite: 1].
No "Lock-in" Your code stays clean; no proprietary tags required for basic themes.
Infinite Sources Use any template from Bootstrap, Tailwind, or custom-coded sites.

Conclusion

One of Vvveb's most powerful "superpowers" is its HTML-first architecture. Unlike traditional CMS platforms that require you to learn proprietary templating languages (like Liquid or Blade), Vvveb works directly with standard HTML.

Whether you have a premium template, a static site, or even a scrapped version of an old website, you can turn it into a fully functional Vvveb theme in minutes.

Vvveb makes it incredibly easy to reuse any HTML template as a starting point for your website.
In just a few minutes, you can:

  • download a template
  • upload it as a theme
  • activate it
  • and start customizing it visually

This workflow is perfect for:

  • agencies
  • freelancers
  • developers
  • marketers
  • anyone who wants full control over design