Documentation & Setup Guide

SaaSify AI Platform

Setup & Customization Guide for AI & SaaS Startups

View Live Template →

📁 Package Structure

saasify-template/
├── index.html            (Complete Modern AI & SaaS Landing Page)
├── documentation.html    (This quickstart setup & styling guide)
├── README.md             (Text documentation file)
└── assets/
    ├── css/
    │   └── style.css     (Custom glowing gradients, glassmorphism & animations)
    └── js/
        └── main.js       (Interactive AI playground, pricing switcher, trial modal & FAQ accordion)
            

⚙️ Fast Customization Steps

1. Update Brand Name & Navigation

Open index.html. Replace SaaSify with your product name and edit the navigation links to point to your documentation or application login.

2. Customize Pricing Tiers & Billing Switcher

Under the #pricing section in index.html, adjust your monthly plan prices. To update the annual toggle values, edit pricingData inside assets/js/main.js.

3. Hook Up Free Trial / Lead Modal

The registration modal in assets/js/main.js captures name, email, and company size. You can replace the local handler with a fetch() POST call to your API endpoint or Zapier / Make webhook.

4. Free Instant Deployment

Drag and drop this unzipped folder into app.netlify.com/drop or upload to your hosting public_html/ directory for instant HTTPS deployment.

© 2026 Vinektra Digital Templates. Need custom full-stack SaaS development? Visit vinektra.com.