Interactive Email Signature Generator with Pre Built Templates

Ship brand‑safe, interactive email signatures in minutes — with a multi‑step editor, templates, banners, social, events, and admin control.

Overview

Interactive Email Signature Generator is a full SaaS product for creating modern, clickable email signatures. Users build signatures in a guided wizard (with live preview + copy/export), while administrators keep everything consistent with centralized branding, feature gates, and template controls. It’s built on Next.js + Prisma + PostgreSQL with a clean separation between editor, user account pages, and admin dashboard.

• Fast setup: deploy on VPS (recommended) or compatible shared hosting (cPanel Node) using standalone output.
• Brand consistency: centralized branding + default values so every sender stays on‑brand.
• Conversion addons: banners, CTAs, social links, events/scheduling, badges, and more.
• Admin control: templates, feature flags, settings, CMS/SEO blocks (where present).
• Scalable stack: Next.js App Router, Prisma ORM, PostgreSQL, Stripe-ready billing UI & endpoints.

Core Features

• Multi-step signature editor: guided workflow with deterministic state persistence (resume draft).
• Template catalog: free/pro gating, recommendations, and categories.
• Images & uploads: avatar + banner uploads, image-from-URL support, and hosted /uploads handling.
• Social & custom icons: rich social catalog + configurable links.
• Add-ons: CTA buttons, badges, promotions, event links, and more.
• Signature management: save/export, “open in editor”, and manage multiple signatures.
• Admin dashboard: manage branding, templates, feature gating, pricing plans, and system settings.
• Stripe-ready billing: UI + endpoints prepared for subscriptions (activate with your Stripe keys).

For Administrators (Full Control)

• Branding settings: logo/wordmark, favicon, brand colors, default texts, site URL.
• Template control: enable/disable templates, set pro/free visibility, recommend templates.
• Feature flags: toggle editor sections (image, banner, social, addons, etc.) for plans or experiments.
• Pricing plans: define plan codes, intervals, features, active state, and pro gating logic.
• Admin authentication: secured via environment variables (bcrypt hash) — no hardcoded credentials.

For Users (Simple Builder + Account)

• Guided wizard: quick step-by-step signature creation with live preview.
• Resume Draft: users can return later and resume where they left off.
• Export & copy: copy HTML markup for Gmail/Outlook signature settings.
• Signature library: manage, open, and update existing signatures.
• Billing-ready: upgrade paths and subscription UI when enabled.

Technical Highlights

• Next.js App Router: modern folder-based routing for pages + API routes.
• Prisma + PostgreSQL: schema-first ORM + migrations using Prisma.
• Standalone build output: deploy to Node hosts without requiring Next dev server.
• State persistence: cookie + localStorage draft/editor state for reliable resume behavior.
• Uploads: controlled upload endpoints and deterministic serving on hosts that need it.

Technology Stack

• Frontend: Next.js (React 18), TypeScript
• Backend: Next.js Route Handlers (API)
• Database: PostgreSQL
• ORM: Prisma
• Payments: Stripe (optional, activate via keys)
• Email: SMTP via Nodemailer (optional)
• UI styling: Tailwind CSS
• Icons: FontAwesome

System Requirements

• Node.js: 20+ recommended
• Database: PostgreSQL (required)
• Hosting: VPS recommended (Nginx + process manager), or compatible shared hosting with Node support (cPanel Node)
• HTTPS: required for production
• Stripe: optional (only if you enable billing)
• SMTP: optional (only if you enable email delivery flows)

Installation & Setup (high level)

• Local build: install dependencies, build, then deploy standalone output.
• Environment: configure DATABASE_URL, AUTH_SECRET, admin credentials, and base URL.
• Migrations: run npx prisma migrate deploy for production.
• Run: start Node server and proxy behind Nginx (VPS) or cPanel Node app.

Full step-by-step instructions: included in the product’s interactive HTML documentation.

What’s Included

• Full source code: complete Next.js + Prisma project
• Interactive documentation: HTML documentation portal
• Standalone deploy output support: build process and server entry
• Templates and editor: multi-step wizard + signature management
• Admin dashboard: branding + gating + settings tools

Demo

• Marketing/Landing Pag
• Muti-step Editor
• Subscriber Dashboard
• Admin

Support

• Support channel: email support via CodeCanyon contact + direct email
• Scope: bug fixes and guidance for installation (within reasonable limits); custom work is optional/paid.

Additional Terms & Privacy

• Server requirements: requires Node.js + PostgreSQL. VPS is recommended for best reliability and performance.
• Demo scope: demo content/users are for demonstration only and may differ from your production instance.
• Installation services: server setup/installation is not included and can be provided as a paid extra.