Documentation Index
Fetch the complete documentation index at: https://docs.payreque.st/llms.txt
Use this file to discover all available pages before exploring further.
Sales Page Styling
Customize your sales page to reflect your brand identity. The Styling tab provides a live preview that updates in real-time as you make changes, so you can see exactly how your page will look to visitors.Overview
Your sales page is your public-facing profile where customers can browse your products and make purchases. The Styling tab lets you personalize:- Profile Avatar - Your photo or logo
- Name & Tagline - Your business identity
- Bio/Description - Tell visitors about yourself
- Page Theme - Crypto-native background and card style (Solana or Crypto Native)
- Accent Color - Your brand color for buttons and highlights
- Social Links - Connect your social profiles
Accessing the Styling Tab
- Navigate to Sales Page from the main menu
- Click the Styling tab (between Dynamic Links and Settings)
- The page displays a two-column layout:
- Left: Live preview of your sales page
- Right: Styling options and controls
Live Preview
The left column shows a real-time mockup of your sales page. This preview:- Updates instantly as you type
- Shows your avatar, name, tagline, and social links
- Displays your selected products
- Mirrors the dark theme of your actual sales page
The preview stays fixed while you scroll through the styling options, so you always see your changes.
Profile Avatar
Your avatar appears prominently at the top of your sales page. You have two options:Option 1: Use Social Profile Avatar
If you’ve added social links, PayRequest can automatically fetch your avatar from those platforms:| Platform | How It Works |
|---|---|
| X (Twitter) | Uses your X profile picture |
| GitHub | Uses your GitHub avatar |
| YouTube | Uses your channel avatar |
| Twitch | Uses your Twitch profile picture |
| Substack | Uses your Substack author photo |
| Telegram | Uses your Telegram profile picture |
| SoundCloud | Uses your SoundCloud avatar |
| Website | Uses your website’s favicon |
Option 2: Upload Custom Avatar
- Scroll to “Or upload your own” section
- Drag and drop an image, or click to browse
- Supported formats: JPG, PNG (up to 10MB)
Removing Your Avatar
Click the Remove button next to your current avatar to revert to the default placeholder.Tagline & Bio
Your Name / Business Name
This is the main heading on your sales page. It appears large and prominent below your avatar.- Use your personal name for freelancer pages
- Use your company name for business pages
- Keep it concise and recognizable
Tagline
A short subtitle that describes what you do. Examples:- “Creator of Laravel”
- “Web Development & Design”
- “Premium Coffee Roasters”
- “Digital Marketing Expert”
Your tagline appears directly below your name in a lighter color. Keep it under 50 characters for best display.
Description
A longer bio that tells visitors about you or your business. This appears below your social links and before your products. Tips for a good description:- Explain what you offer
- Highlight your expertise or unique value
- Keep it 2-3 sentences max
- Include a call to action if appropriate
Page Theme
Give your page a crypto-native aesthetic with one of two premium themes. The Page Theme card sits directly above the Accent Color card in the Styling tab.| Theme | Look |
|---|---|
| Default | Standard PayRequest dark style — clean and neutral |
| Solana | Deep dark bg with purple-to-green radial glow, glowing purple card border |
| Crypto Native | Animated gradient mesh (cyan/violet), glassmorphism frosted-glass card |
Accent Color
Pick a brand color that’s used across your sales page for buttons, highlights, and your avatar border. If you leave it unset, the page falls back to the default blue.Picking a Color
The Accent Color card gives you three ways to choose:| Method | When to Use |
|---|---|
| Swatch palette | Pick from a curated set of 10 brand-friendly colors (Blue, Indigo, Violet, Pink, Red, Amber, Emerald, Teal, Sky, Black) |
| Native color picker | Click the small color square to open your operating system’s color picker — useful for matching an exact brand color |
| Hex input | Type or paste a hex value like #f59e0b directly |
Where the Accent Appears
When you set a custom accent color, it’s applied to:- The “Pay” button on your sales page
- Your avatar border (the ring around your profile picture)
- Selected product highlights — the ring around the product card you’ve chosen
- Other primary call-to-action buttons in the customer flow
Clearing the Color
Click Clear next to the picker to reset to the default. Your sales page will revert to the standard blue accent.Accent color is a per-page setting. If you have multiple businesses or pages in the future, each can have its own accent.
Social Links
Social links serve two purposes:- Display on your sales page - Visitors can click to visit your profiles
- Avatar selection - PayRequest fetches avatars from these platforms
Available Platforms
Primary platforms (always visible):- Twitter/X
- GitHub
- YouTube
- Website
- Twitch
- Substack
- Telegram
- SoundCloud
Adding Social Links
- Enter the full URL (e.g.,
https://x.com/username) - Or just your username - PayRequest will format it
- Links update the avatar options automatically
Saving Your Changes
Click Save Styling at the bottom of the right column to save all your changes.Best Practices
Use a professional, high-quality avatar
Use a professional, high-quality avatar
Your avatar is the first thing visitors see. Use a clear, well-lit photo or a clean logo. Avoid blurry images or complex graphics that don’t scale well.
Keep your tagline focused
Keep your tagline focused
Your tagline should instantly communicate what you do. Avoid jargon or overly clever phrases. Clear and simple wins.
Only include active social profiles
Only include active social profiles
Write your description for your audience
Write your description for your audience
Think about who visits your sales page. What do they need to know? Focus on benefits and outcomes, not just features.
Test on mobile
Test on mobile
After saving, visit your sales page on your phone to ensure everything looks good on smaller screens.
Frequently Asked Questions
Why can't I see some avatar options?
Why can't I see some avatar options?
Avatar options only appear for platforms where you’ve entered a valid social link. Add your social profile URLs first, then the avatar options will become available.
How do I change my sales page URL?
How do I change my sales page URL?
The URL handle is configured in the Settings tab, not the Styling tab. Go to Settings and update the “Sales Page Handle” field.
Can I use custom colors or fonts?
Can I use custom colors or fonts?
Yes — the Accent Color card on the Styling tab lets you pick any brand color (from the curated swatches, your OS color picker, or a hex value) for buttons, highlights, and your avatar border. The rest of the page uses a consistent dark theme; for deeper customization see Custom CSS.
Why doesn't my avatar update immediately on the live page?
Why doesn't my avatar update immediately on the live page?
The preview updates in real-time, but the actual live page only updates after you click Save Styling. Make sure to save your changes.
What size should my avatar be?
What size should my avatar be?
Avatars are displayed at 96x96 pixels on desktop. Upload an image at least 200x200 pixels for crisp display on high-resolution screens.
Related Documentation
Crypto Page Themes
Solana and Crypto Native themes for your payrequest.me page
P2P Wallet Payments
Let visitors send USDC directly to your wallet from your page
Custom Domains
Use your own domain for your sales page
Business Details
Configure your business information