Creator donation and tip jar page with goal progress bars, donor wall, multi-cryptocurrency support, and instant payment via QR codes for Bitcoin, Ethereum, and other popular cryptocurrencies.
Build Prompt
Copy this prompt into Claude Code
Build a crypto donation and tip jar page as a static HTML/CSS/JS site. Dark theme with background #0a0a0f, surfaces #12121a, borders #1a1a2a, accent color #f7931a (Bitcoin orange). Load data from inline constants: `const CREATOR = { name, avatar (emoji), tagline, bio, socialLinks }`, `const GOALS = [...]`, `const RECENT_DONORS = [...]`, `const WALLETS = { btc, eth, ltc, sol }`, `const BTC_USD_RATE = 97500`.
Layout: Centered single-column design (max-width 680px). Creator card at top: large avatar, name, tagline, social link icons.
Tip jar section: Three preset tip buttons ($5, $10, $25) plus a custom amount input. Currency toggle: BTC / ETH / LTC / SOL. When a user selects an amount and currency, show the crypto equivalent and generate a payment QR code with `bitcoin:ADDRESS?amount=X` (or equivalent URI for other currencies). Display the wallet address for manual copy with one-click copy button.
Goal progress section: Multiple funding goals with progress bars. Each goal has: title (e.g., "New Microphone"), target amount (USD), current amount raised (USD), progress bar with percentage, and description. Use animated gradient fills on progress bars.
Donor wall: Grid of recent donors with: display name (or "Anonymous"), amount, currency used, timestamp (relative: "2 hours ago"), and optional message. Sort by most recent. Include "Be the first to donate!" empty state.
"Why Support Me" section: 3-4 cards explaining what donations fund (e.g., Content creation, Equipment upgrades, Community projects).
Crypto education: Small collapsible "How to Donate with Crypto" section with step-by-step instructions for each supported currency.
Stats bar: Total raised, number of supporters, average donation — all from hardcoded data.
SEO: title, meta description, OG tags, JSON-LD with @type "DonateAction". Seed 3 goals (one complete, one 60%, one 10%) and 8 recent donors.
Read the guide at https://accessagent.ai/api/guide and follow it to deploy the site to AccessAgent.ai. My email is [your@email.com].
Make It Yours
Recurring Support
Add monthly pledge tiers ($5/$10/$25/month) with visual tier badges and supporter perks list.
Milestone Celebrations
Animated confetti and special message when a goal reaches 25%, 50%, 75%, and 100%.
Donor Leaderboard
All-time top donors ranking with total contributed and special "Patron" badge display.
Merch Rewards
Offer exclusive merch tiers — donate $50+ get a sticker, $100+ get a t-shirt, etc.
Coinbase Commerce
Replace static addresses with Coinbase Commerce checkout links for 50+ supported cryptocurrencies.
Impact Report
Add a section showing how previous donations were spent with receipts and photos.
Update Prompt
Update Prompt — Manage donations and goals
Update my crypto donation page with the following changes: [describe — e.g., "Add $150 donation from 'CryptoFan' via BTC with message 'Keep it up!'", "Update goal 'New Microphone' progress to $450 of $600", "Add new goal: 'Studio Upgrade', $2000 target", "Update BTC/USD rate to 98500", "Mark 'Camera Fund' goal as complete"]. Update the GOALS, RECENT_DONORS arrays and BTC_USD_RATE constant. Recalculate progress percentages and stats. Then redeploy.
SEO Tips
Target "support [creator name]", "crypto tip jar", and "donate Bitcoin to creators" in meta description and headings.
Add JSON-LD DonateAction schema with recipient, currency options, and payment method for rich results.
Include Open Graph image showing your avatar and donation goals for compelling social media sharing.
Add testimonials from supporters explaining why they donate to build social proof and encourage new donors.
Create an "Impact" blog showing how donations are used — builds trust and captures "[creator] donations" searches.
Monetization Ideas
Direct tips and donations from fans and supporters across multiple cryptocurrencies — the core revenue model.
Offer exclusive content or early access to supporters who donate above certain thresholds.
Sell the donation page template ($39) to other creators wanting a crypto-native tip jar.
Partner with crypto projects for sponsored "matching donation" campaigns that double supporter impact.
Add a "Buy Me a Coffee" style recurring subscription with crypto autopay for predictable monthly income.