login Sign In

Templates & Themes

Browse, apply, and manage predefined website templates across 10+ industries.

schedule 6 min read update Updated Aug 2026

Overview

DsitesAI includes 100+ professionally designed templates covering schools, hospitals, restaurants, tech companies, creative portfolios, e-commerce stores, and more. Templates are complete, multi-page websites that you can apply to a new site and customize instantly.

tips_and_updates
Two Ways to Create

You can either pick a template from the gallery or use the AI Builder to generate a custom site. Both produce editable sites you can customize in the Visual Editor.

Browsing Templates

Access the template gallery from:

  • Dashboard → New Site — shows the template picker during site creation
  • Admin → Browse Templates (/admin/browse-templates.php) — full gallery with category filters and live previews

Each template card shows a thumbnail preview, category badge, and page count. Click to preview the full template before applying.

Template Categories

CategoryTemplatesExamples
Education5+Greenfield CBSE School, Happy Kids Kindergarten, TopRank Coaching
Healthcare3+CarePlus Hospital, Clinic Starter
Food & Restaurant4+Flavour Restaurant, Food Delivery, Royal Restaurant
Technology3+TechSphere IT, Codebase Software, Robotech Automation
E-Commerce7+Shop Modern, Shop Clean, Boutique Store, Purple Fashion, Minimal Furniture
Creative & Portfolio3+Artistry Creative, ExpertPro Professional
Hospitality2+Hotel Starter, Salon Starter
Real Estate1+RealEstate Starter
Business2+Business Pro, Corporate

Applying a Template

1

Create a new site

Go to Dashboard → New Site or /admin/sites.php?action=create.

2

Select a template

Browse by category or search. Click a template to preview it.

3

Enter site details

Provide your site name, business name, contact info, and brand colors.

4

Create

The template files are copied to /sites/{slug}/, placeholders are replaced with your details, and the site is live immediately.

Template Placeholders

Templates use placeholder tokens that are automatically replaced when a site is created:

PlaceholderReplaced With
{{SITE_NAME}}Your business/site name
{{TAGLINE}}Your tagline or slogan
{{PHONE}}Contact phone number
{{EMAIL}}Contact email address
{{PRIMARY_COLOR}}Primary brand color (hex)
{{SECONDARY_COLOR}}Secondary brand color (hex)
{{YEAR}}Current year (for copyright)

Template File Structure

Each template lives in /templates/{slug}/ with this structure:

templates/{slug}/
├── template.json      ← Metadata (name, category, colors, pages)
├── thumbnail.jpg      ← 600×400 preview image
├── index.html         ← Home page
├── about.html         ← About page
├── services.html      ← Services/features page
├── contact.html       ← Contact page
├── css/
│   └── style.css      ← Main stylesheet
├── js/
│   └── main.js        ← Optional JavaScript
└── images/
    ├── hero.jpg       ← Hero/banner image
    └── ...            ← Other images

template.json Format

{
  "name": "Template Display Name",
  "slug": "template-slug",
  "description": "One-line description",
  "category": "Business",
  "tags": ["restaurant", "cafe", "food"],
  "pages": ["home", "about", "menu", "gallery", "contact"],
  "colors": {
    "primary": "#2563eb",
    "secondary": "#f59e0b"
  },
  "font": "Inter",
  "icon": "restaurant",
  "premium": false,
  "version": "1.0.0"
}

Customizing After Creation

Once a template is applied, you can customize it using:

  • Visual Editor — click any text or image to edit inline
  • Page Builder — add, remove, or reorder sections
  • Theme Colors — change primary/secondary colors and font
  • AI Chat Editor — describe changes in natural language
info
Template vs AI-Generated Sites

Template sites use static HTML files directly. AI-generated sites use a section-based JSON structure. Both are fully editable in the Visual Editor — the editor auto-detects the site type.

Managing Templates (Super Admin)

Super admins can manage the template library at /admin/templates.php:

  • View all installed templates with metadata
  • Scan for new templates added to the /templates/ folder
  • Enable/disable templates from the gallery
  • Mark templates as premium (requires paid plan)