About Us

Aprelux – Revolutionary E-commerce Hugo Theme

The world's first and only Hugo theme with seamless STRIPE integration for static websites

Symbolic Aprelux placeholder
| What Makes This Theme Special

Aprelux is a groundbreaking premium e-commerce Hugo theme that redefines how static websites handle online sales. Unlike WordPress, Shopify, or other platforms that rely on hosting, serverless functions, or backend infrastructure, Aprelux enables direct product sales with built-in Stripe integration — no third-party plugins, no external dependencies, just pure modular performance.

Whether you're selling individual products, configurable variations, or dropshipping items, Aprelux adapts effortlessly to your business model. All configurations are managed through a clean, symbolic, and scalable config.yaml file — making customization both powerful and intuitive.

And if buyers ever run into any trouble while customizing the Aprelux theme, they’ll find our extensive Documentation 1.0 ↗ incredibly helpful — packed with clear instructions, visual examples, and practical tips to make setup smooth and frustration-free.

🔥 Revolutionary Features That Set Aprelux Apart

🚀 World-First Static E-commerce Integration

  • Direct Stripe Integration: Secure payment processing without hosting or serverless functions
  • Seamless Checkout: Integrated with Stripe's hosted checkout page for maximum reliability
  • Smart Order Processing: Dedicated success and cancel pages with dynamic order data handling
  • Order Data Systemization: Capture precise order details via Google Sheets, Formspree, or Airtable
  • Advanced Notifications: Receive confirmation emails directly in a dedicated Gmail folder

You can explore both the Google Sheets Order Log ↗ and the Public Email Display Page ↗ to see how order data is collected and how the notification system works.

Use Stripe’s official test card numbers listed below to “order” any product on this demo site and watch both logs update in real time.

Live Testing Environment

Experience the full checkout flow firsthand with our integrated Stripe test environment. This demo includes real card processing simulation, order tracking, and automated notifications — letting you validate every aspect of the e-commerce workflow without touching a single line of backend code.

DEMO Block – Stripe Test Card Data for Checkout and Notification Testing

The configuration uses Stripe's Test API, defined in config.yaml, and includes a mirrored product list — recreated inside Stripe's test environment to match the live catalog exactly.

Supported Test Cards

During checkout, use Stripe's official test card numbers. No real payment is processed.

Visa: 4242 4242 4242 4242
Visa (debit): 4000 0566 5566 5556
Mastercard: 5555 5555 5555 4444
Mastercard (2-series): 2223 0031 2200 3222
Mastercard (debit): 5200 8282 8282 8210
Mastercard (prepaid): 5105 1051 0510 5100
American Express: 3782 822463 10005
Discover: 6011 1111 1111 1117
Diners Club: 3056 9300 0902 0004
JCB: 3566 0020 2036 0505
UnionPay: 6200 0000 0000 0005

For all cards, use any 3-digit CVC and any future expiration date.

Sample Customer Information

When entering payment information, use realistic dummy data such as:

Name: John Doe
Email: [email protected]
Country: United States
State: Arizona
City: Phoenix
Address: 1234 Test Ave
ZIP Code: 85001
Phone: +1 555-123-4567

You can place orders for:

  • Single products
  • Multiple products
  • Variable products
  • Mixed combinations in any quantity

After a successful test purchase you'll be redirected to a success page

See how order data collection works:

Aprelux supports three alternative methods for capturing product purchase data — Formspree, Airtable, and Google Sheets. This demo focuses on the third option.

Each test order triggers an email alert sent to an assigned Gmail address. These alerts are automatically published to a public page that updates in real time. Anyone with the link can view the latest 30 days of order emails — no login or Google account required.

💎 Unique Review System

  • Product-Specific Reviews: Ratings, images, and detailed feedback per product
  • Smart Review Distribution: Automatically supplements products with fewer than 3 reviews using content from your best-reviewed items
  • Dedicated Reviews Page: Centralized feedback hub accessible from the header menu

🛒 Advanced Shopping Experience

Intelligent Shopping Cart
  • Real-time quantity updates and cost calculations
  • Persistent cart state across browsing sessions
  • Lightweight JavaScript implementation for blazing-fast performance
Flexible Product Variations
  • Unlimited variation types: size, color, style, material
  • Defined per product via Markdown front matter
Dynamic Product Galleries
  • Toggle between horizontal and vertical thumbnail layouts
  • Fully responsive across all devices
Advanced Image Features
  • Hover Effects: Secondary image reveal on product listing pages and homepage
  • Lightbox Gallery: Click-to-enlarge functionality for all product gallery images and review photos
Smart Product Tabs
  • Auto-activated tabs: Description, Additional Info, Reviews
  • Customizable tab titles and content logic
Flexible Share Buttons
  • Choose between round icons, button-like shapes, or minimalist links
  • Configurable placement below product price
Comprehensive Badge System
  • Default Status Badges: "Available" and "Coming Soon" labels (customizable text via config.yaml)
  • Custom Sale Badges: Per-product promotional labels (e.g., "50% Off", "Sale!") with glowing or gradient styling options
  • Centralized Management: All badge logic controlled through config.yaml configuration

🎨 Cutting-Edge Design System

Dual Theme Architecture
  • Luxurious Dark Mode: Elegant, high-contrast aesthetic
  • Minimalistic Light Mode: Clean, accessible layout
  • Interactive Toggle: Let users switch themes dynamically
  • Predefined Modes: Set default appearance via configuration
Dual Hero Section Options
  • Hero CM: Traditional configurable block with image alignment, background layering, and optional animated "spark" effects
  • Hero CMA: Dynamic content-driven layout with rotating text animations, quotes, emojis, and interactive feature blocks
Closing Hero Section
  • Strategic promotional block positioned below featured products
  • Includes customizable quote, description, and call-to-action button
  • Fully configurable via config.yaml
Navigation & Footer
  • Customizable header menu with hierarchical organization
  • Comprehensive footer with newsletter signup (Formspree), company info, and dual policy/support menus

📊 Analytics & Tracking

Pre-configured Integrations
  • Google Analytics 4 with enhanced e-commerce tracking
  • Google Tag Manager
  • Facebook Pixel with advanced matching
  • Plausible Analytics (privacy-friendly)
  • Umami Analytics
Flexible Analytics Control
  • Master switch to enable/disable all tracking services
  • Individual toggles for granular control
Privacy & Compliance
  • GDPR-ready cookie consent banner
  • IP anonymization for privacy-focused analytics
  • All privacy settings configurable via config.yaml

🔍 Search, Navigation & Content Management

  • Client-side search using generated index.json
  • Predefined categories and tags for enhanced discoverability
  • Configurable pagination logic and display options
  • Full Markdown support with embedded HTML and shortcodes
  • Archetypes folder for consistent content creation

📚 Documentation Excellence

  • Comprehensive 40,000-word guide with real-world examples
  • Dark/light mode documentation interface
  • Step-by-step setup guides for Stripe integration, Google Sheets connection, and advanced features
  • Intelligent internal linking for seamless navigation
  • Detailed badge system and gallery customization examples

You can explore everything yourself by visiting our Documentation 1.0 ↗

💼 Why Choose Aprelux?

For Business Owners
  • Launch your store without technical complexity
  • No hosting fees or plugin subscriptions
  • Lightning-fast performance boosts conversions
  • SEO-optimized for organic traffic
For Developers
  • Clean, maintainable codebase (no jQuery)
  • Modular configuration via config.yaml
  • Extensive customization options
  • Scalable architecture for complex workflows
For Agencies
  • White-label ready for client projects
  • Professional design system with dual theme support
  • Time-saving archetypes and comprehensive documentation
  • Marketplace-compliant structure for easy approval

🧾 Credits

We have used the following scripts, fonts, and assets in the demo and theme structure:

Aprelux isn't just a theme — it's a comprehensive system for modern e-commerce. It fuses the performance of static sites with the functionality of dynamic stores, all within a modular, scalable, and beautifully designed framework. Join the future of static commerce today.

Team Module

Below is a simulated team layout. All names, roles, and images are placeholders. This section is used to test spacing, image alignment, and text hierarchy within grid containers. No real individuals are represented. All content is symbolic.

Anna Vex
ANNA VEX

Interface Node

Milo Tran
MILO TRAN

System Fragment

Sora Elan
SORA ELAN

Content Glyph

Jax Moreno
JAX MORENO

Visual Anchor