Get Started

DOCUMENTATION & HELP

Learn to Customize Your Template

Everything you need to know to make your template your own. Step-by-step guides, video tutorials, and helpful tips.

Getting Started with Your Template

Welcome! This guide will help you get your template up and running in minutes. All our templates are built with modern web technologies and include everything you need to launch your website quickly.

1

Download Your Template

After purchase, you'll receive an email with your download link and unique license key. The package includes all source files, images, documentation, and your personalized LICENSE.txt file.

template-name-XXXX-XXXX-XXXX-XXXX.zip

What's included: All source files, stylesheets, scripts, images and assets, fonts, documentation, and your commercial license.

2

Extract the Files

Unzip the downloaded file to your desired location. You'll see a clean folder structure:

template-name/
├── index.html (main page)
├── css/ (styles)
├── js/ (scripts)
├── images/ (all assets)
├── guides/ (step-by-step editing guides)
├── LICENSE.txt (your license)
└── README.md (instructions)

📖 New: Step-by-Step Editing Guides!

Every template now includes a guides/ folder with numbered instructions!

  • Single-page templates: Guides numbered by section (01-hero.md, 02-features.md, etc.)
  • Multi-page templates: Guides numbered by page (01-homepage.md, 02-about.md, etc.)
3

Open and Preview

Simply open index.html in your web browser to view your template. No installation or setup required!

For local development: Use a local server like Live Server (VS Code extension), Python's http.server, or any local development environment.

# Using Python
python -m http.server 8000

Then visit http://localhost:8000 in your browser.

4

Follow the Step-by-Step Guides

New! Each template includes a guides/ folder with numbered markdown files that walk you through editing each section or page:

  • Single-page templates: Each guide corresponds to a section (Hero, Features, Testimonials, etc.)
  • Multi-page templates: Each guide corresponds to a page (Home, About, Contact, etc.)
  • Guides include: what to edit, where to find it in the code, and tips for customization
  • Follow the guides in numerical order for best results
guides/
├── 01-hero-section.md
├── 02-features-section.md
├── 03-testimonials-section.md
└── ...
5

Customize Your Content

Edit the HTML files to replace demo content with your own:

  • Replace text content in HTML files
  • Swap images in the /images/ folder
  • Modify colors in CSS/SCSS files
  • Update contact information and links

🎨 Try Built-in Color Themes

All templates (except for the free ones) include at least 4 pre-designed color themes that you can instantly switch between using the theme switcher button in the bottom right!

6

Deploy Your Website

Ready to go live? Upload your files to any web hosting service:

  • Netlify: Drag and drop your folder (free hosting)
  • Vercel: Connect your GitHub repo (free hosting)
  • Traditional hosting: Upload via FTP to your web host
  • GitHub Pages: Host directly from your repository

Our templates are designed to work seamlessly with any hosting provider!

💡 Pro Tips

  • Backup first: Keep a copy of the original files before making changes
  • Use version control: Initialize a Git repository to track your changes
  • Test responsiveness: Check your site on different devices and screen sizes
  • Read the README: Each template includes specific customization instructions
  • Keep your license: The LICENSE.txt file is proof of your purchase

📧 Need Help?

All templates include 90 days of free email support. If you have questions or run into issues, contact us through our support page with your license key.

Still Need Help?

Can't find what you're looking for? Get in touch and I'll help you out.

Contact Support