📊 Plant Click Analytics
0
Total Clicks
0
Plants Viewed
-
Most Popular
🌿 Manage Plants
Add New Plant
Current Plants (0)
👥 User Management
0
Total Users
0
Pending Approval
0
Active Users
Pending User Requests
Approved Users
Rejected Users
📚 ChiverrApp Admin Guide
🏠 Welcome to ChiverrApp Admin
Your Dashboard Sections
- 📊 Analytics: Track plant views and popularity
- 🌿 Manage Plants: Add, edit, delete, and duplicate plants
- 👥 Users: Approve or reject user registrations
- 📚 Admin Guide: This comprehensive help section
Quick Stats
- Live Site: plantshopchiverrapp.netlify.app
- Admin Password: chiverr2024
- Hosting: Netlify (Free tier)
- Data Storage: Browser localStorage
⚠️ Important Notes
- All data is stored in your browser's localStorage
- Clearing browser data will reset everything
- For production, consider backend database
- Changes are instant - no server needed!
🌿 Managing Plants
Adding a New Plant
- Go to "🌿 Manage Plants" tab
- Fill out the "Add New Plant" form:
- Name: Plant name (e.g., "Monstera Deliciosa")
- Price: In dollars (e.g., 45.00)
- Description: Short description for card
- Image: Upload file OR paste URL
- Care Instructions: Light, water, size, care level, benefits
- Click "Add Plant"
- Plant appears immediately on main site!
Editing Existing Plants
- Scroll to "Current Plants" list
- Click "✏️ Edit" on any plant
- Form auto-fills with plant data
- Form highlights in green and scrolls to top
- Make your changes
- Click "✅ Update Plant"
- Or click "❌ Cancel" to discard changes
Other Plant Actions
- 📋 Duplicate: Creates a copy with "(Copy)" added to name - great for variations!
- 🗑️ Delete: Permanently removes plant (asks for confirmation)
- Sort: Use dropdown to sort by newest, price, name, or popularity
💡 Pro Tips
- Use high-quality images (800x800px recommended)
- Keep descriptions under 100 characters for best display
- Use Unsplash.com for free plant images
- Duplicate similar plants to save time
- Check "Most Popular" sort to see what customers love
👥 User Approval Workflow
How User Registration Works
- User visits your site and clicks "Join Us"
- Fills out registration form with:
- Full name
- Email address
- Username
- Password
- Reason for joining
- Request goes to "Pending" status
- You review and approve/reject
- User can then login and shop
Reviewing Pending Requests
- Go to "👥 Users" tab
- Click "Pending Requests"
- Review each user's information:
- Name and email
- Username
- Reason for joining
- Request date
- Click "✅ Approve" or "❌ Reject"
Managing Approved Users
- View All: Click "Approved Users" tab
- Revoke Access: Click "🚫 Revoke Access" to move user to rejected
- Delete: Permanently remove user account
- Stats: See total users, pending, and active counts
⚠️ Best Practices
- Review "Reason for joining" to filter spam
- Check for duplicate emails/usernames
- Respond to requests within 24 hours
- Keep rejected list for reference
- Consider auto-approval for trusted domains
💳 Payment Integration Guide
Available Payment Methods
💳 Stripe
Best for: Credit/Debit cards
Fees: 2.9% + $0.30
Setup: 15 minutes
iPhone App: ✅ Yes
🅿️ PayPal
Best for: PayPal users
Fees: 2.99% + $0.49
Setup: 10 minutes
iPhone App: ✅ Yes
🍎 Apple Pay
Best for: iPhone users
Fees: 2.9% + $0.30
Setup: 30 minutes
iPhone App: ✅ Native
💵 Cash
Best for: Local delivery
Fees: $0
Setup: Instant
iPhone App: ✅ Track orders
Setting Up Stripe (Recommended)
- Sign Up:
- Go to stripe.com
- Click "Start now"
- Enter business details
- Verify email
- Connect Bank Account:
- Go to Settings → Bank accounts
- Add your bank details
- Verify with micro-deposits (1-2 days)
- Get API Keys:
- Go to Developers → API keys
- Copy "Publishable key" (starts with pk_)
- Replace test key in app.js line 789
- Test Payment:
- Use test card: 4242 4242 4242 4242
- Any future date, any CVC
- Verify in Stripe Dashboard
- Go Live:
- Switch to "Live mode" in Stripe
- Use live API key
- Start accepting real payments!
💰 Cost Breakdown
| Service | Cost | Notes |
|---|---|---|
| Netlify Hosting | $0/month | Free tier sufficient |
| Domain Name | $12/year | Optional but recommended |
| Stripe Account | $0/month | Pay per transaction only |
| SSL Certificate | $0 | Free with Netlify |
| Total | $1/month | With domain |
📱 Receiving Money on iPhone
- Download "Stripe Dashboard" app from App Store
- Login with your Stripe account
- Enable push notifications
- Get instant alerts for every sale
- View daily/weekly/monthly revenue
- Money auto-transfers to bank every 2 days
- Issue refunds directly from app
📱 Mobile & iPhone Setup
Option 1: Progressive Web App (PWA) - FREE
- Open Safari on your iPhone
- Go to:
plantshopchiverrapp.netlify.app - Tap the Share button (square with arrow)
- Scroll down and tap "Add to Home Screen"
- Name it "ChiverrApp"
- Tap "Add"
- App icon appears on home screen!
Features:
- ✅ Full-screen app experience
- ✅ Works offline
- ✅ Push notifications
- ✅ Native-like performance
- ✅ No App Store approval needed
- ✅ 100% FREE
Option 2: Native iOS App - $99/year
Requirements:
- Mac computer with Xcode
- Apple Developer account ($99/year)
- Time: 2-3 hours setup
Steps:
- Install Capacitor:
npm install @capacitor/ios - Initialize:
npx cap init - Add iOS platform:
npx cap add ios - Open in Xcode:
npx cap open ios - Configure signing with Apple ID
- Build and run on iPhone
- Submit to App Store (optional)
Managing Your Store from iPhone
Admin Panel Access:
- Open Safari on iPhone
- Go to:
plantshopchiverrapp.netlify.app/admin.html - Enter password:
chiverr2024 - Bookmark for quick access
- Add to home screen for app-like experience
What You Can Do:
- ✅ Add/edit/delete plants
- ✅ Approve user registrations
- ✅ View analytics
- ✅ Check orders (via Stripe app)
- ✅ Process refunds
📲 Recommended iPhone Apps
- Stripe Dashboard: Manage payments and view sales
- PayPal Business: Alternative payment tracking
- Netlify: Monitor site deployments
- GitHub: View code and commits
- Safari: Access admin panel