Blocks

Blocks are the sections fans scroll through on your Flo page — below your profile header. Each block is one piece of content or one offer: a newsletter signup, a product, a course, a link, text, and more.

This guide covers how to add and arrange blocks, how settings work, and what each block type needs before it works on a live page. For a full builder tour, see Page builder overview. For deep dives on one block type, see Block types.

Profile header is separate

Your profile header (photo, name, bio, socials, cover) is always at the top. It is not added from the block library and does not count toward the N blocks number in the top bar. Edit it on the canvas with Edit profile header.

Where blocks live in the builder

Open Dashboard → Builder on a desktop browser.

Area	Blocks workflow
Left — Layers	See order, rename context (titles), reorder, hide, delete, open Add block
Center — Preview	See how blocks look on a phone; click to select; Edit on hover for offer blocks
Right — Block tab	Block library (nothing selected) or settings (block selected)

The Page tab is for whole-page fonts and colors — not individual blocks. See Themes and fonts.

Add a block

Open the block library
Use any of these:
- Layers panel → + (Add block)
- Block tab on the right when no block is selected
- Hover between blocks on the preview → insert control
- Empty page message → pick from the library on the right
Flo switches to the Block tab and shows the library list.
Choose a block type
Tap a row — for example Newsletter, Link, Course, or Digital download. The block appears on the preview and is selected automatically.
Configure the block
- Link, Text, Newsletter, Divider — use Content and Display tabs in the right panel.
- Course, Membership, Digital download, Physical product, Book a Session — click Edit on the block in the preview (or select the block, then Edit) to open the setup window and connect your offer.
Wait for save
Flo auto-saves about 8 seconds after you stop editing. To show changes to fans, Publish or Update live — Publishing.

Block library (right panel)

These are the names you see in the library:

Library name	What it does	Connect something first?
Course	Sell a multi-lesson course	Yes — Dashboard → Courses
Membership	Recurring tiers (Creator+)	Yes — Dashboard → Memberships
Digital download	Sell files (PDF, audio, templates)	Yes — Dashboard → Products (digital)
Physical product	Sell something you ship	Yes — Dashboard → Products (physical)
Link	Button to any URL	No
Text	Heading or paragraph	No
Newsletter	Email signup form	No — signups go to your Flo list
Book a Session	Paid or free booking (Creator+)	Yes — Dashboard → Bookings
Divider	Space between sections	No

Book a Session and Divider sit in a shorter list below the main rows.

Creator plan required

Membership and Book a Session need Creator or above. On Free, those rows show Creator+ and link to upgrade when you tap them.

Insert at a specific position

Method	Result
Layers → +	New block usually lands at the bottom of the list
Insert zone between blocks on the preview	New block is added at that spot in the scroll order

Scroll order = layer order = what fans see top to bottom.

Select and edit a block

Action	What happens
Click a block on the preview	Selects it — right panel shows its settings; border highlights on the card
Click a row in Layers	Same — preview scrolls to that block
Click empty preview background	Clears selection — library list returns
Hover a block	Edit, Hide / Show, Delete appear on the card

Delete safety

Delete on the preview asks you to confirm: tap Delete once, then again within a few seconds (Confirm?). Delete in the Layers row removes the block in one step.

Reorder blocks

Fans scroll in the same order as your Layers list (top → bottom).

Method	How
Layers — drag	Drag the six-dot handle on a row
Layers — arrows	Move up / Move down on hover
Preview — drag	Drag the left edge grip on a block card

The profile header stays pinned at the top — you cannot drag it.

Hide vs delete

Action	In the builder	On your live page
Hide	Block looks faded in the preview; row stays in Layers	Fans do not see it
Show	Restores full opacity	Block is visible again (unless scheduling rules hide it)
Delete	Row removed	Block is gone after you Update live

Hide is useful for seasonal offers you want to turn back on without rebuilding. Delete is permanent for that page version.

Block settings tabs (right panel)

When a block is selected, tabs across the top of the panel depend on the block type.

Tab	Typical fields
Content	Wording, URL, signup copy, text style
Display	Layout variant (card vs button, featured vs compact, etc.)
Behavior	Schedule, targeting, spacing overrides — see below
Analytics	Views and conversions for this block (last 30 days, after the block is saved)

Offer blocks — Course, Membership, Digital download, Physical product, Book a Session

Main setup lives in the Edit modal (product, course, membership, or booking offer). The right panel shows:

Tab	What you use it for
Behavior	Visibility schedule, targeting, block-level appearance overrides
Analytics	Performance for this block

Layers names vs library names

The Layers panel may label a checkout block Product while the library said Digital download or Physical product. Same block type — only the label differs.

Behavior tab (all blocks)

Open Behavior on any selected block for rules beyond simple hide/show.

Visibility schedule

Field	Meaning
Show from	Block stays hidden until this date and time
Hide after	Block disappears after this date and time
(empty dates)	Block follows normal Hide / Show — hint in the UI: Always visible — set dates to schedule this block

When scheduling or targeting is active, the preview card can show a Scheduled or Targeted badge.

Targeting

Field	Meaning
Visitors from	Only fans who arrived with this UTM source (for example `instagram`) see the block
Device	All, Mobile, or Desktop only

Appearance overrides (optional)

Option	Meaning
Custom background	Block-level background color instead of the page default
Block padding	Tighter or looser than page block spacing
Entrance animation	None, Fade, Slide up, or Pop when the block enters view

Page-wide spacing and width are under the Page tab — Page builder overview.

Analytics tab

For each block (once it has a saved ID on the server), Analytics shows roughly the last 30 days:

Metric	Meaning
Conversions	Completed actions tied to this block (signup, purchase, etc.)
Revenue	Money attributed to this block where applicable
Conversion rate	Share of views that converted

Brand-new blocks still being saved for the first time may show zeros until auto-save finishes. Use Dashboard → Analytics for page-wide trends.

Block types at a glance

Block	Best for	Plan
Newsletter	Grow your email list	Free
Link	Socials, affiliate link, external site	Free
Text	Announcements, FAQs, context	Free
Divider	Visual break between sections	Free
Digital download	Paid files	Free (paid checkout needs Flo Payments)
Physical product	Shipped goods	Free (paid checkout needs Flo Payments)
Course	Lessons and enrollments	Free
Membership	Recurring fan access	Creator+
Book a Session	Calls and appointments	Creator+

You can add multiple blocks of the same type (for example two Link blocks or two Course blocks). Only the profile header is limited to one per page.

Before fans can use an offer block

Block	Create the offer in the dashboard	In the builder
Digital download / Physical product	Products — publish a product with a price	Edit block → pick product, headline, button
Course	Courses — publish a course	Edit block → pick course
Membership	Memberships — tiers ready	Edit block → pick membership
Book a Session	Bookings — offer and availability	Edit block → pick booking offer
Newsletter	Optional — Subscribers overview	Set headline and button in Content

Paid checkout

Fans can browse a live page before payouts are set up. Paid buttons need an Active Flo Payments account — Connect payments.

A/B tests and blocks

Creator plan required

When an A/B test is running, each variant has its own block list and layers. Switch variants on the canvas, then add or edit blocks for that version only. The main page blocks are not changed until you promote a winner.

See A/B testing overview.

Troubleshooting

Problem	What to try
Block does not appear on live page	Hide off? Schedule dates correct? Click Update live after edits
Library row is locked	Membership or Book a Session needs Creator+
Checkout shows no product	Open Edit on the block and select a product from Dashboard → Products
Cannot find Book a Session	Scroll the library — it is below the main list
Layers title looks wrong	Titles come from your headline or label — update Content or the Edit modal
Analytics empty	Wait for auto-save; new blocks need a saved ID first
Changes not on myflo.link	Builder saves drafts — Publish or Update live

What's next?

Page builder overview — layout, saving, publishing
Block types — one page per block type
Publishing — draft, live, update live
Publish your first page — first go-live checklist
Themes and fonts — page-wide look
Button styles — default buttons for all blocks

On this page