Download Page
The Download Page is a branded page where your customers can view and download their purchased game keys. Customize it to match your store's look and feel.
Overview
When a key is delivered, customers receive:
- Email with the key and download link
- Download Page for viewing/copying keys
- Instructions for redeeming on various platforms
Accessing Settings
- Go to your application
- Navigate to Download Page
- Configure settings and preview
Enable/Disable
Toggle the download page feature:
- Enabled: Customers get email + download page link
- Disabled: Customers only receive email with key
Branding
Logo
Add your store logo:
- Upload URL to your logo image
- Recommended size: 200x60px
- Supports PNG, JPG, SVG
Brand Name
Displayed when no logo is set:
- Your store or company name
- Shown in the header
Success Message
The main heading customers see:
"Thank you! Your order is completed!"
Customize to match your brand voice.
Colors
Customize the color scheme to match your brand:
Primary Colors
| Setting |
Default |
Use |
| Primary Color |
#10b981 |
Buttons, accents |
| Success Color |
#10b981 |
Checkmarks, badges |
| Text Color |
#ffffff |
Main text |
Background Colors
| Setting |
Default |
Use |
| Page Background |
#1a1a2e |
Main background |
| Header Color |
#16162a |
Header/footer |
| Card Color |
#16162a |
Content cards |
| Muted Text |
#9ca3af |
Secondary text |
Card Styling
| Setting |
Options |
| Card Border Color |
Custom hex color |
| Card Shadow |
None, Small, Medium, Large, Extra Large |
Features
Toggle what customers see:
Show Copy Button
Allow one-click key copying:
- Copies key to clipboard
- Shows confirmation feedback
Download as TXT
Enable text file download:
- Single file with all keys
- One key per line
Download as Excel
Enable CSV/Excel download:
- Includes product names
- Organized in columns
Show Instructions
Display redemption instructions:
- Platform-specific guides
- Step-by-step process
Instructions
Fallback Instructions
Default instructions when no platform-specific ones exist:
1. Copy the product key below
2. Open the platform (Steam, Origin, etc.)
3. Go to 'Activate a Product' or similar
4. Paste your key and enjoy!
Platform-Specific Instructions
Create custom instructions per platform:
- Go to Platform Redemption Instructions
- Expand a platform (Steam, Origin, etc.)
- Enter detailed instructions
- Save
Example for Steam:
1. Open Steam and log into your account
2. Click "Games" in the top menu
3. Select "Activate a Product on Steam..."
4. Click "Next" and agree to the terms
5. Enter your product key
6. Click "Next" to complete activation
7. The game will appear in your Library
Footer
Add custom footer text:
Thank you for your purchase! Contact support@example.com for help.
Include:
- Support contact
- Return policy link
- Social media
Custom CSS
For advanced customization:
.key-code {
font-size: 1.1rem;
font-family: 'Courier New', monospace;
}
.download-btn {
border-radius: 8px;
}
⚠️ Custom CSS is for advanced users. Test thoroughly before publishing.
Preview
Preview your download page:
- Make changes to settings
- Click Preview
- View in new tab
- Adjust as needed
Mobile Responsiveness
The download page is mobile-friendly:
- Responsive layout
- Touch-friendly buttons
- Readable on all screens
Security
Secure Links
Download page links are:
- Unique per order
- Non-guessable tokens
- Optionally time-limited
Key Protection
Keys are protected by:
- HTTPS encryption
- No search engine indexing
- Customer-specific access
Email Template
The delivery email includes:
- Order confirmation
- Product keys
- Download page link
- Your branding
Customize email content in notification settings.
Best Practices
- Use your brand colors for recognition
- Add your logo for professionalism
- Include contact info in footer
- Write clear instructions per platform
- Test the page with a real order
- Check mobile view for usability
Troubleshooting
Page Not Loading
- Check download page is enabled
- Verify order has been fulfilled
- Clear browser cache
Styling Not Applied
- Check for CSS syntax errors
- Clear cache after changes
- Verify color hex codes
Instructions Not Showing
- Enable "Show Instructions" toggle
- Add platform-specific instructions
- Check fallback instructions exist