Profile Header
The profile header is the top of your Flo page — cover banner (optional), photo, name, bio, status pill, and social icons. It is the first thing visitors see at myflo.link/yourname before they scroll to your blocks.
You do not add it from the block library. Every page includes one profile header automatically. It stays pinned at the top of the Layers list and is not included in the N blocks count in the builder top bar.
For how blocks work below the header, see Blocks and Block types.
Open the profile editor
Open Dashboard → Builder, then use any of these:
| Entry point | What you see |
|---|---|
| Edit profile header | Button under your social row when you already have links |
| Add socials | Same editor when you have no social links yet |
| Click your photo on the preview | Opens the editor (camera hint on hover) |
| Layers → Profile header | Pinned row — use canvas controls above; header settings live in the modal |
The editor opens as a large window titled Profile header with a live Preview on the right.
Not the Block tab
If you select the header in Layers, the right Block tab may say to use the profile header control on the canvas. Main editing happens in this modal, not in Content / Display tabs like a normal block.
Two tabs: Content and Design
| Tab | What you change |
|---|---|
| Content | Photo, name, bio, pronouns, location, status, social URLs, cover image or video |
| Design | Alignment, avatar look, name/bio fonts and colors, social icon style |
The Preview panel updates as you edit. A note under the preview says it matches your Page tab styles (background, buttons, and template).
Save and close
| Control | Behavior |
|---|---|
| Save changes | Enabled when something changed — saves to your account and page |
| Cancel | Closes without saving (disabled briefly after a successful save) |
| Footer status | Unsaved changes, Saved!, or No changes |
| Escape | Closes the window |
After Save changes, click Publish or Update live so visitors see updates — Publishing.
Flo also auto-saves other builder edits on a delay; the profile modal only applies when you click Save changes inside it.
Content tab
Profile photo
| Detail | Rule |
|---|---|
| Formats | JPG, PNG, or GIF |
| Max size | 5 MB |
| Crop | After you pick a file, Flo opens a crop step before upload finishes |
| Where it shows | Your Flo page, the modal chip, and Settings → Profile |
Use Change photo or click the avatar to replace it.
Identity
| Field | What fans see | Limit / notes |
|---|---|---|
| Name | Large title under your photo | Your public display name |
| Bio | Short line under your name | 160 characters max; counter in the editor |
| Pronouns | Small line under your name | e.g. she/her — optional |
| Location | Shown near your name | City, country, or emoji — optional |
| Status | Colored pill above your name when not None | See status options below |
Write with AI (sparkle on the bio field) drafts bio text using Flo AI. Available on Creator and above (counts toward your monthly AI allowance). Free may see an upgrade message if the feature is not on your plan.
Status options
| Status | Pill label fans see |
|---|---|
| None | Hidden |
| Open for work | Open for work |
| Taking bookings | Taking bookings |
| On hiatus | On hiatus |
| Available | Available |
Social links
Add platforms one at a time, then paste a handle or full URL. Flo normalizes links (for example a bare Instagram handle becomes a full instagram.com link).
Supported platforms include:
Instagram, TikTok, YouTube, X (Twitter), LinkedIn, Facebook, GitHub, Spotify, Twitch, Discord, Substack, Website, and Email.
Icons appear in a row under your bio. Style (color vs outline, shape, size) is set on the Design tab.
Cover media (optional banner)
Cover sits behind the header at the top of the page — not inside the avatar card.
| Setting | Options |
|---|---|
| Media type | None, Photo, or Video |
| Image | Upload — aspect ratio depends on height (see below) |
| Video | Upload a cover video |
| Height | S · M · L · Full |
| Blend mode | None · Fade · Overlay · Tint |
| Blend | Effect (plain language) |
|---|---|
| None | Cover blends into the page at the bottom without an extra dark wash |
| Fade | Stronger fade into the page background (link-in-bio style) |
| Overlay | Dark scrim for stronger text contrast |
| Tint | Soft wash using your page background color |
Cover settings are stored with your page (same as Page tab background), so they can differ per A/B test variant when you run a split test.
Design tab
Alignment
| Position | Layout |
|---|---|
| Left | Name, bio, and socials align left |
| Center | Default — centered stack |
| Right | Align right |
Avatar
| Setting | Options |
|---|---|
| Shape | Circle · Rounded · Square |
| Size | XS (80px) · S (96px) · M (112px) · L (128px) |
| Border | None · White · Brand |
| Ring | None · Glow · Aurora · Spin (decorative animated outline) |
Typography
| Setting | Options |
|---|---|
| Name font | Page default or a Google font (Inter, Roboto, Poppins, Playfair Display, and more) |
| Bio font | Same list — can differ from the name |
| Bio color | Color picker for bio text |
Page default uses the font you picked under the builder Page tab → Typography. Per-header fonts override only the name and bio lines.
Social icons
| Setting | Options |
|---|---|
| Style | Color · Dark · Light mono · Outline |
| Shape | Circle · Rounded · Square |
| Size | Small · Medium · Large |
What visitors see
On your live page, fans get:
- Optional cover banner at the very top
- Your photo (with ring/border if you set them)
- Optional status pill
- Name, pronouns, location, and bio
- A row of social icons — each opens the link you saved
Below that, they scroll through your other blocks (newsletter, products, links, and so on).
The header does not include a buy button — use Digital download, Course, or other blocks for offers.
Builder vs Settings → Profile
Some fields exist in two places. They sync when you Save changes in the profile header modal or Save changes in Settings → Profile.
| Feature | Settings → Profile | Builder → Edit profile header |
|---|---|---|
| Photo, name, bio, social URLs | Yes | Yes |
| Niche (helps Flo AI) | Yes | No |
| Cover, alignment, avatar design | No | Yes (Content + Design) |
| Pronouns, location, status pill | No* | Yes |
| Name/bio fonts, bio color, social icon style | No | Yes (Design) |
*Settings may show pronouns or tagline fields that are not saved from Settings today — use the builder profile header for pronouns, location, and status. See Settings → Profile for the full comparison.
A/B tests
Creator plan requiredWhen you edit a variant in an A/B test, the modal saves to that variant’s header and cover — not the main live page until you promote a winner.
Troubleshooting
| Issue | What to try |
|---|---|
| Changes not on myflo.link | Click Save changes in the modal, then Update live in the builder |
| Photo upload fails | Use JPG/PNG/GIF under 5 MB; complete the crop step |
| Bio cut off on live page | Shorten to 160 characters |
| No social icons | Add platforms in Content → Social links → Save changes |
| Cover missing | Set Media type to Photo or Video and upload a file |
| Fonts look wrong | Check Design → name/bio fonts, or set Page default under Page tab |
| AI bio button does nothing | May need Creator+ or you hit monthly AI limit — check Billing & plans |
| Cannot add second header | Only one profile header per page — by design |
What's next?
- Block types — catalog of blocks below the header
- Blocks — add and arrange sections
- Your Flo page — URL, visibility, SEO
- Settings → Profile — name, bio, niche, social URLs from settings
- Themes and fonts — page-wide background and default font
- Page builder overview — full builder tour