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
- 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
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?
The sales page uses a consistent dark theme for all users. For advanced 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.