Product Guide
Complete documentation for selecting templates, editing your portfolio, configuring custom domains, and publishing live.
1. Choose your template
Portflu provides distinct template layouts designed specifically for technical and creative professions. Every layout is fully responsive, dark-mode calibrated, and pre-built with structured content blocks.
Software Engineers
Clean monospace accents, GitHub repository links, system architecture diagrams, and technical case studies highlighting scale, latency, and technologies.
Product & UI/UX Designers
Retina image showcases, Figma prototype embeds, user journey mapping, and before-and-after conversion comparisons.
Studios & Creative Agencies
Client rosters, service deliverables breakdowns, deliverable scopes, outcome metrics, and inbound inquiry contact forms.
Freelancers & Consultants
Editorial typography, service retainers, social proof, client testimonials, and direct booking links for discovery calls.
Interactive Live Preview
Before selecting a template, click Live Preview in the gallery. You can interact with navigation, view sample projects, and test mobile breakpoints before starting your workspace.
2. Edit content on the canvas
Portflu eliminates disconnected admin panels and database forms. You edit your portfolio directly in place on the page canvas so what you see is exactly what your visitors experience.
Click-and-type headline editing
Click on any headline, subtitle, bio, or button label directly on the screen. An active cursor appears allowing you to edit text in real time.
Project case studies & work history
Click into project cards to update project titles, descriptions, client names, year, technology tags, and external live URLs. You can also reorder projects or add new ones.
Continuous auto-saving
Every keystroke is automatically saved to your cloud workspace every 2 seconds. You never have to worry about losing unsaved work.
3. Upload images & project media
Add your project screenshots, design mockups, and profile photo. Images are automatically compressed, converted to modern WebP format, and served via global CDN caching.
Recommended asset specifications
Project covers & mockups
1600 × 1000px (16:10 aspect ratio) in JPEG, PNG, or WebP.
Profile avatars
800 × 800px (1:1 square ratio) high-resolution portrait.
Maximum file size
Up to 10MB per file. Automatic compression keeps load times fast.
Responsive delivery
Srcset generation delivers appropriate dimensions for mobile phones.
4. Customize layout & typography
Adjust your portfolio layout, font pairings, and color palettes using the visual controls in the editor sidebar.
Reorder & hide sections
Open the Sections panel. Drag sections to reorder them (e.g. Hero, Projects, About, Experience, Contact). Toggle visibility off for sections you do not need.
Curated font pairings
Choose from tested typography pairings (Modern Sans, Editorial Serif, Technical Monospace) where heading scale and body line-height are pre-calculated for legibility.
WCAG AAA color themes
Switch between neutral themes with high contrast ratios. All cards, borders, text, and button states automatically maintain accessibility standards.
Viewport previewing
Toggle between desktop, tablet, and mobile phone viewports in the header bar at any time to verify your layout across different screen sizes.
5. Connect custom domain & DNS
You can connect any custom domain (e.g. yourname.com) from any domain registrar. Portflu provisions a free automated SSL certificate for secure HTTPS.
Required DNS records
In your domain provider's DNS management console, create or edit the two records below:
| TYPE | NAME / HOST | VALUE / TARGET | COPY |
|---|---|---|---|
| A Record | @ | 76.76.21.21 | |
| CNAME | www | cname.portflu.com |
Registrar walkthroughs
Cloudflare
Go to DNS > Records. Add the A record with Name @ pointing to 76.76.21.21. Add the CNAME record with Name www pointing to cname.portflu.com. Set proxy status to DNS Only during initial verification.
Namecheap
In your Domain List, click Manage > Advanced DNS. Under Host Records, add the A Record (@ to 76.76.21.21) and CNAME (www to cname.portflu.com). Leave TTL on Automatic.
GoDaddy
In Domain Portfolio, select your domain and click Manage DNS. Edit the existing A Record with Host @ to point to 76.76.21.21. Add or edit the CNAME with Host www to point to cname.portflu.com.
Google Domains / Squarespace
Open your domain's DNS Settings > Custom Records. Add an A Record (@ to 76.76.21.21) and CNAME (www to cname.portflu.com).
6. Publish live & track analytics
When your portfolio is ready, click Publish Live in the editor header. Your site is bundled, hosted, and made available worldwide with free SSL encryption.
Instant live updates
You can edit your content anytime. When you click Publish, changes go live immediately without server restarts or site downtime.
Privacy-friendly analytics
Track your portfolio visitors from your Dashboard. View total page views, unique visitors, top referrer sources, and device breakdowns.