Jewel — Jewelry Store JS Script

IMPORTANT: AI Usage Costs

This platform uses AI-powered features (content generation, subject line suggestions, analytics insights) that connect to external AI providers. AI API usage costs are NOT included in the purchase price. You will need to provide your own API keys and manage associated costs separately. Typical costs vary based on usage volume.

Jewel — Jewelry Store CMS with AI Assistant & eCommerce Platform

Jewel is a premium, production-ready jewelry and jewelry eCommerce Content Management System built with modern web technologies. Designed exclusively for fine jewelry brands, gemstone dealers, diamond retailers, gold shops, luxury watch boutiques, and handcrafted jewelry artisans, Jewel combines stunning visual presentation with Jewelry AI Assistant to deliver an unmatched online shopping experience.

Whether you operate a single luxury jewelry boutique or manage a multi-vendor jewelry marketplace, Jewel provides everything you need — from AI-driven product recommendations and gemstone-specific cataloguing to automated voice order confirmation and a fully installable Progressive Web App (PWA).

Live Demo

Demo URL: https://jewel.wrapcoders.com

Built Specifically for the Jewelry Industry

Unlike generic eCommerce templates, Jewel is purpose-built for jewelry and jewelry businesses. Every feature, from product data fields to the AI recommendation engine, is tailored for precious metals, gemstones, diamonds, pearls, watches, and fine accessories.

• Jewelry-specific product fields — Material (Gold, Silver, Platinum, Rose Gold), Gemstone type (Diamond, Ruby, Sapphire, Emerald, Pearl), Carat Weight, Color grading, and Weight (grams)
• Ring & bracelet size management — Configurable size charts with international sizing standards
• Multi-image product galleries — Showcase jewelry from every angle with zoomable, high-resolution image galleries and hover-swap previews
• Product variant system — Manage variations by size, color, material, and gemstone combination with individual SKUs, pricing overrides, and stock tracking
• Custom product tagging — Organize collections with tags like “Engagement Rings”, “Wedding Bands”, “Anniversary Gifts”, “Birthstone Collection”, and custom-defined tags with color coding
• AI-generated product badges — Automatically label products as “Best Seller”, “New Arrival”, “Limited Edition”, or “AI Pick” based on sales data and trends

AI-Powered Jewelry Assistant

Jewel integrates a multi-provider AI engine that transforms how customers discover and purchase jewelry online. Powered by leading AI models (Google Gemini, OpenAI GPT-5), the system delivers intelligent, context-aware recommendations.

• AI Jewelry Stylist Chat — A conversational floating chat widget that provides personalized jewelry recommendations based on occasion (wedding, anniversary, date night, office), style preferences, budget, and current cart contents. Suggests complementary pieces from your live catalog with real-time streaming responses.
• AI Size Recommender — Calculates the perfect ring, bracelet, or necklace size using customer-provided measurements (height, weight, fit preference) with AI-driven precision.
• AI Upsell & Cross-sell Engine — Analyzes cart contents in real-time to suggest 2–3 complementary jewelry items with natural styling justifications (e.g., “This pendant pairs beautifully with the earrings in your cart”).
• AI Voice Order Confirmation — Automated voice calls (via ElevenLabs + Twilio) for Cash on Delivery orders to verify customer intent and reduce fraudulent orders.
• Per-feature AI Configuration — Each AI feature can be individually enabled/disabled, assigned a specific AI model, and fine-tuned with custom temperature settings and system prompts from the admin panel.
• AI Activity Logging & Analytics — Track every AI interaction with detailed logs including model used, tokens consumed, response time, and success/failure rates — all viewable in a dedicated admin dashboard.

Complete eCommerce Platform

Storefront Features

• Elegant, responsive storefront with dark & light mode and RTL (Right-to-Left) language support
• Dynamic Hero Slider with CMS-managed slides, CTAs, and auto-rotation
• Category Mega Menu — Database-driven navigation with nested subcategories, badges, and visibility controls
• Featured Products, New Arrivals, Deal of the Week — Curated homepage sections managed entirely from the CMS
• Lookbook / Instagram Feed — Editorial-style visual gallery for brand storytelling
• Product Quick View — Modal-based product preview with size selection and add-to-cart without leaving the page
• Advanced Product Filtering — Filter by category, price range, material, gemstone, color, rating, and availability
• Grid & List View Modes — Customers choose their preferred browsing layout
• Real-time Search — Instant product and category autocomplete with recent search history
• Wishlist System — Persistent, authenticated wishlist with heart-toggle interactions on product cards
• Customer Reviews & Ratings — Star-based review system with vendor response capability
• Announcement & Flash Sale Banners — Promotional banners with dual-state visibility (admin toggle + customer dismissal)
• Newsletter Subscription — Rate-limited email collection with admin subscriber management
• Cookie Consent Banner — GDPR-compliant cookie notice integrated with legal policy settings

Checkout & Payments

• Multi-gateway payment processing — Stripe, PayPal, Apple Pay, Google Pay, and Cash on Delivery (COD)
• Guest Checkout — Complete purchases without creating an account
• Coupon & Discount System — Percentage-based discount codes with usage limits, expiration dates, and real-time validation
• Sandbox & Live Modes — Independent testing and production environments for each payment gateway
• Secure Checkout Flow — Server-side session creation via Edge Functions with Stripe and PayPal
• Branded PDF Invoices — Auto-generated, downloadable invoices with store branding for every order

Shipping & Delivery

• Multi-zone shipping configuration — Custom zones with country-level assignment
• Flexible rate calculation — Base cost, weight-based rates (cost-per-kg), and free shipping thresholds
• Carrier management — DHL, FedEx, UPS, USPS with tracking URL templates
• Delivery restrictions — Block specific countries with configurable reasons
• Order tracking timeline — 4-step visual timeline (Placed → Confirmed → Shipped → Delivered) with real-time delivery estimates
• Guest order lookup — Track orders by email and order number without an account

Powerful Admin Dashboard

• Dashboard Overview — Real-time stats for revenue, orders, customers, and product performance
• Product Management — Full CRUD with rich markdown editor, multi-image upload, variant management, and bulk operations
• Category Management — Hierarchical categories with drag-and-drop ordering, badges, and visibility toggles
• Order Management — Status workflows, tracking number assignment, carrier selection, and customer notification triggers
• Customer Management — Customer profiles with order history, spend totals, and contact details
• Returns & Refunds — Return request processing with status tracking and refund amount management
• Review Moderation — View, filter, and delete customer reviews with vendor response management
• Media Library — Centralized asset management with search, bulk delete, and lightbox preview
• Menu Builder — Visual navigation editor for mega menus and footer links
• News & Blog System — Publish articles with categories, images, and comment moderation
• Newsletter Management — View and manage subscriber lists
• Coupon Management — Create, edit, and track discount codes with usage analytics
• User & Role Management — Assign Admin, Moderator, Vendor, and Customer roles with granular permissions
• Analytics & Reporting — Revenue charts, order trends, and customer acquisition metrics
• AI Activity Logs — Monitor all AI interactions with performance metrics and cost tracking

Multi-Vendor Jewelry Marketplace

Jewel supports a full multi-vendor architecture where independent jewelers can operate within a single platform:

• Vendor Dashboard — Dedicated management suite with analytics, product management, order processing, and store settings
• Vendor Onboarding — Guided store creation with automatic slug generation
• Data Isolation — Strict Row-Level Security (RLS) ensures vendors can only access their own store data
• Vendor Reviews — Vendors can respond to customer reviews on their products
• Vendor Returns — Process return requests specific to their store
• Vendor Notifications — Real-time alerts for new orders and return requests

Comprehensive Store Settings

Every aspect of your jewelry store is configurable from the admin panel:

• Branding — Logo (light & dark mode), brand colors, accent palettes, PWA icon, and theme customization
• SEO & Metadata — Page titles, meta descriptions, Open Graph images, and structured data
• Social Media — Links to Instagram, Facebook, Twitter/X, Pinterest, TikTok, YouTube, and LinkedIn
• Billing & Payments — Configure all payment gateways with sandbox/live toggle
• Shipping & Delivery — Zones, methods, carriers, and delivery restrictions
• Checkout & Orders — Guest checkout toggle, minimum order amounts, and order notification preferences
• Company Identity — Business name, address, contact information, and legal entity details
• Regional & Locale — Default language, currency, timezone, and measurement units
• Translations — Full internationalization with AI-powered auto-translation, import/export, and custom language support
• Legal & Policies — Privacy Policy, Terms of Service, Cookie Policy, and Return Policy editors
• AI Configuration — Global AI toggle, per-feature model selection, provider API keys, temperature tuning, and custom system prompts
• Notifications — Admin alerts (new orders, low stock, reviews, returns), customer emails (order confirmation, shipping, delivery), welcome emails with discount codes, and PWA push notification configuration (VAPID keys)
• Analytics & Tracking — Google Analytics 4, Google Tag Manager, and Facebook Pixel integration
• Permissions — Role distribution monitoring and user role assignment
• Maintenance Mode — Take the store offline with an animated “Coming Soon” page and custom messaging

Homepage CMS (Content Management System)

Every section of the jewelry store homepage is fully managed from the admin panel:

• Hero Slider — Multi-slide carousel with title, subtitle, CTA buttons, and background images
• Announcement & Flash Sale Banners — Promotional bars with custom text, colors, and links
• Benefits Bar — Trust badges (Free Shipping, Secure Payment, etc.) with drag-and-drop ordering
• Category Banners — Visual category showcases with images and descriptions
• Featured & AI-Curated Products — Handpicked selections and AI-recommended jewelry pieces
• Deal of the Week — Spotlight product with countdown timer
• Lookbook Section — Editorial image gallery for brand storytelling
• Latest News — Blog article previews from the news system
• Latest Reviews — Customer testimonial carousel
• Newsletter Section — Email collection with customizable title and description
• Product Detail CMS — Configure tab visibility, trust badges, FAQ sections, and related product displays
• Shop Page CMS — Customize banner content, default layout, and sorting options

Progressive Web App (PWA)

• Fully installable — Add to Home Screen on iOS, Android, and desktop
• Offline support — Service worker with intelligent caching strategies
• Custom PWA icon — Upload your jewelry brand’s icon from the admin panel
• Push Notifications — Browser push notifications for order status updates and promotional alerts with VAPID key configuration
• Dedicated /install page — Guided installation experience with platform-specific instructions
• Customer opt-in toggle — Push notification subscribe/unsubscribe from account settings

Internationalization & Localization

• Multi-language support — English, French, German, Spanish, Italian, Portuguese, Arabic, Japanese, Chinese, and unlimited custom languages
• RTL (Right-to-Left) support — Full Arabic and Hebrew layout support across all pages
• AI Auto-Translation — One-click translation of all content keys using AI
• Translation Import/Export — Bulk manage translations via JSON files
• Multi-currency display — EUR, USD, GBP, MAD, SAR, AED, JPY, and more
• Locale switcher — Customer-facing language and currency selector in the navigation

Security & Authentication

• Email & Password authentication with email verification
• Google OAuth and Apple Sign-In support
• Role-Based Access Control (RBAC) — Admin, Moderator, Vendor, Customer roles stored in a dedicated table
• Row-Level Security (RLS) — Every database table protected with granular access policies
• Tenant isolation — Multi-tenant architecture with store-level data partitioning
• JWT validation — All Edge Functions validate authentication tokens server-side
• Data sanitization — PII protection with email masking and sensitive key stripping in public APIs
• Password breach detection — HIBP (Have I Been Pwned) integration for leaked password protection

Customer Account

• Dashboard — Order count, total spent, and account overview statistics
• Order History — Searchable, filterable order list with detailed order views and tracking
• Profile Management — Edit personal details, avatar, phone, date of birth, and address
• Wishlist — Persistent wishlist with add-to-cart functionality
• Returns — Submit and track return/refund requests
• Settings — Email notifications, push notifications opt-in, AI preferences, language, theme, currency, and measurement preferences
• Data Export — Download all personal data as JSON (GDPR compliance)
• Account Deletion — Request account removal

Legal & Informational Pages

• Privacy Policy (dynamic, CMS-managed content)
• Terms of Service
• Cookie Policy with detailed cookie type table
• Shipping Information
• Returns & Refunds Policy
• Size Guide
• About Us
• Contact Us (with validated form)
• Careers
• Sustainability
• Blog / News

Technology Stack

• Frontend — React 18, TypeScript, Vite 5, Tailwind CSS 3
• UI Components — shadcn/ui with Radix UI primitives
• Animations — Framer Motion
• State Management — React Context + TanStack React Query
• Backend — Supabase (PostgreSQL, Auth, Storage, Edge Functions, Realtime)
• AI Providers — Google Gemini, OpenAI GPT-5 (configurable per feature)
• Payments — Stripe, PayPal, Apple Pay, Google Pay
• Voice AI — ElevenLabs + Twilio
• PWA — vite-plugin-pwa with Workbox
• Drag & Drop — dnd-kit
• Charts — Recharts

What’s Included

• Complete source code (React + TypeScript)
• Supabase database schema with migrations
• All Edge Functions (payment processing, AI features, translations, invoices)
• Comprehensive documentation site (installation, configuration, deployment)
• 4-step Setup Wizard for guided initial configuration
• Demo mode with sample data
• Version management with update notifications

Changelog

   Version 1.0.0 - Initial Release - Initial release of Jewel Jewelry Store CMS - Added AI intelligence features - Added product, category, order, and customer management - Added admin dashboard - Added responsive frontend 

Why Choose Jewel?

Jewel isn’t just another eCommerce template — it’s a complete jewelry business platform with industry-specific features you won’t find anywhere else. From gemstone-level product cataloguing to AI-powered styling advice, every feature is designed to help jewelry businesses sell more, operate efficiently, and deliver exceptional customer experiences.

Perfect for: Fine jewelry brands, diamond retailers, gold & silver shops, gemstone dealers, luxury watch boutiques, handcrafted jewelry artisans, wedding jewelry stores, costume jewelry retailers, and jewelry marketplace operators.