Link Button
The Link block sends visitors to any URL you choose — Instagram, YouTube, your shop, a Typeform, a calendar, or your own site. In the block library it is labeled Link.
Use it when you want outbound links, not checkout. For products, courses, or memberships sold on Flo, use Digital download, Course, or Membership instead.
Available on every plan
The Link block is on Free and all paid plans. You can add multiple Link blocks on one page, and each block can list many links inside it.
What fans see
Visitors scroll to your Link block and tap a row or button. Flo opens the URL you saved:
| Opens in setting | What happens |
|---|---|
| New tab (default) | Link opens in a new browser tab |
| Same tab | Replaces your Flo page in the same tab |
| Deeplink | Opens in the same tab — useful when the URL is meant to hand off to an app or deep link |
Each link can show:
- An icon (Instagram, YouTube, generic link, and more)
- A label (button text)
- An optional note (subtitle under the label — most visible in Button and Card styles)
- An optional badge (small tag such as NEW)
Links respect per-link schedules (show only between certain dates). The whole block can also use Behavior scheduling and targeting — see Blocks.
Add a Link block
Open the builder
Dashboard → Builder on a desktop browser.
Add Link from the library
Layers → + or Block tab (nothing selected) → Link.
Select the block
The new block appears on the preview and is selected. The right panel shows Content, Display, Behavior, and Analytics.
Add your URLs
In Content, set each link’s label, URL, icon, and optional note. Expand Advanced for badges, open behavior, and schedules.
Pick a layout
Open Display and choose Button, Card, Grid, or Minimal.
Publish
Flo auto-saves your draft. Click Publish or Update live so fans see the links — Publishing.
Right panel tabs
| Tab | What you edit |
|---|---|
| Content | Section title (builder only), list of links, per-link Advanced |
| Display | Layout style + per-link color and hover animation overrides |
| Behavior | Hide/show schedule, UTM targeting, device, block background, entrance animation |
| Analytics | Views, conversions, and conversion rate (last 30 days) |
Unlike product or course blocks, everything for Link blocks lives in these tabs — there is no separate Edit modal.
Content tab
At the top you see a live preview of the block. Below that:
Section title
Section title is a field in the editor (default placeholder: Find me elsewhere). It helps you organize the block in the builder; it is not shown to visitors on the live page today.
Each link in the list
For every link row:
| Field | Purpose |
|---|---|
| Label | Text visitors read (for example Instagram or Book a call) |
| URL | Full link starting with https:// (or http://) |
| Icon | Pick from the dropdown — see icon list below |
| Optional note | Short line under the label (for example @yourhandle or Latest videos) |
| Action | What it does |
|---|---|
| Remove link | Deletes that row from the block |
| Add link | Appends a new row (default label New link) |
Write with AI on the label
After you enter a URL, a sparkle icon appears on the label field. It suggests button text based on the destination (Creator and above; uses your monthly AI allowance). Enter the URL first so Flo knows where the link goes.
Advanced (per link)
Expand Advanced on any link row:
| Setting | What it does |
|---|---|
| Badge | Short tag on the link (for example NEW). Leave empty to hide. |
| Badge color | Background color for the badge |
| Opens in | New tab · Same tab · Deeplink |
| Schedule | Start and End dates — link is hidden outside that window |
Per-link Schedule uses Start and End datetime fields. Leave both empty to always show the link (when the block itself is visible).
Click limit field
The editor may show a Click limit field under Advanced. Flo does not hide links by click count on the live page yet — use Schedule or block Behavior instead.
Icon options
| Icon in dropdown | Best for |
|---|---|
| Link | Generic URL |
| Instagram profile | |
| YouTube | YouTube channel or video |
| Spotify | Spotify artist, show, or playlist |
| X / Twitter | X profile |
| TikTok | TikTok profile |
| Facebook page | |
| LinkedIn profile | |
| GitHub | GitHub profile or repo |
| Discord | Discord invite |
| Twitch | Twitch channel |
mailto: email link | |
| News / Blog | Blog or newsletter site |
| Website | General website |
| Shop | Storefront |
| Music | Music link |
| Podcast | Podcast show |
| Calendar | Booking calendar (Calendly, etc.) |
| Community | Community hub |
Use full URLs fans can open — for example https://instagram.com/yourhandle, not only @yourhandle.
Display tab
Layout style
Pick how the whole block looks. Toggle at the top of Display:
| Style | Look | Best for |
|---|---|---|
| Button | Stacked full-width buttons with icon, label, note, and arrow | Classic link-in-bio — main CTAs |
| Card | Links inside one rounded card, row by row | Grouped “find me elsewhere” list |
| Grid | Two columns of compact buttons | Many links in less vertical space |
| Minimal | Simple rows with icon and label | Clean, low-noise list |
The preview updates immediately when you switch styles.
Per-link overrides
Below the style toggle, Per-link overrides let you tune individual links without changing the whole page:
| Override | Effect |
|---|---|
| Accent | Button color for that link only (defaults to your page button color from the Page tab) |
| Hover animation | Default (page setting) · None · Lift · Pulse · Fill |
Page-wide button color and animation live under Page tab → Buttons — Button styles.
Behavior tab
Same shared controls as other blocks — see Blocks.
Useful examples for Link blocks:
| Use case | Setting |
|---|---|
| Hide a promo link after a campaign | Hide after on the block, or per-link Schedule → End |
| Show a link only for Instagram traffic | Visitors from = instagram (UTM source) |
| Mobile-only app download link | Device = Mobile |
Analytics tab
After the block is saved, Analytics shows roughly the last 30 days:
| Metric | Meaning |
|---|---|
| Conversions | Clicks and completions tied to this block |
| Revenue | Usually $0 for Link blocks (no payment) |
| Conversion rate | Share of views that clicked |
Use Dashboard → Analytics for page-wide trends.
Layout comparison
| Style | Icon + label | Note subtitle | Badge | Columns |
|---|---|---|---|---|
| Button | Yes | Yes | Yes | One |
| Card | Yes | Yes | Yes | One (inside card) |
| Grid | Yes | Varies | Yes | Two |
| Minimal | Yes | No | Yes | One |
Example setups
| Goal | Suggested approach |
|---|---|
| Classic link-in-bio | Button style, 4–6 links with platform icons |
| “As seen on” press links | Minimal style, short labels |
| Many platforms at once | Grid style |
| One featured + smaller links | Card style with badges on key rows |
You can place a Link block under your profile header and a Newsletter block above it, or split socials and business links into two Link blocks.
Link block vs profile header socials
| Profile header social row | Link block | |
|---|---|---|
| Position | Fixed under your name | Anywhere in scroll order |
| Icons only | Small icon row | Full buttons or rows with labels |
| Edit | Edit profile header modal | Block tab Content / Display |
| Layouts | One style | Button, Card, Grid, Minimal |
Many creators use profile header for 3–5 main socials and a Link block for everything else (shop, podcast, press kit).
See Profile header.
Troubleshooting
| Issue | What to try |
|---|---|
| Link does nothing in builder preview | Expected — preview focuses on layout. Test on myflo.link/yourname after Update live. |
| Wrong page opens | Check the URL field — include https:// |
| Link missing on live page | Per-link Schedule dates? Block Hide? Update live after edits? |
| Opens in wrong tab | Per-link Advanced → Opens in |
| Badge does not show | Enter badge text in Advanced — empty badge is hidden |
| AI label sparkle missing | Enter a URL first; confirm Creator+ and AI quota |
| Note not visible | Try Button or Card style — Minimal does not show notes |
What's next?
- Block types — all block types compared
- Blocks — reorder, hide, schedule
- Button styles — default colors and hover motion
- Profile header — social icons under your name
- Page builder overview