Flo Docs
Page BuilderBlock Types

Text

The Text block adds read-only copy to your Flo page — a headline, a short paragraph, a highlighted callout, or a quote. Fans scroll and read; nothing to buy or sign up for.

Use it for launch notes, FAQs, “about this offer” context, or spacing between a Newsletter block and a Course. In the block library it is labeled Text.

Available on every plan

The Text block is on Free and all paid plans. You can add as many Text blocks as you need on one page.


What fans see

Visitors see the words you typed, styled the way you chose in the builder:

StyleWhat it looks like
HeadingLarge title line, optional smaller paragraph underneath
BodyNormal paragraph — line breaks you type are kept
CalloutText inside a tinted card with a small icon (info, warning, tip, or success)
QuoteItalic pull-quote style with a vertical accent line on the left

Text uses your page font and colors from the Page tab unless you override background or alignment in the block. There is no button and no form in this block.


Add a Text block

  1. Open the builder

    Dashboard → Builder on a desktop browser.

  2. Add Text from the library

    Layers → + or Block tab (nothing selected) → Text.

  3. Select the block

    The block appears on the preview and is selected. The right panel shows Content, Display, Behavior, and Analytics.

  4. Write your copy

    In Content, pick a Style, type in Content, and set Max width if you want narrower reading lines.

  5. Tune layout

    Open Display for alignment, background, shadow, padding, and optional motion.

  6. Publish

    Flo auto-saves your draft. Click Publish or Update live so fans see the text — Publishing.


Right panel tabs

TabWhat you edit
ContentStyle (Heading, Body, Callout, Quote), your words, max width, expandable body text
DisplayAlignment, block background, shadow, padding, callout color, left border accent, entrance animation
BehaviorHide/show schedule, UTM targeting, device, block background override, block-level entrance
AnalyticsViews for this block (last 30 days)

Everything for Text blocks lives in these tabs — there is no separate Edit modal.


Content tab

Style

Choose how the block is structured. The preview updates when you change Style:

StyleBest for
HeadingSection titles — “New drop”, “About me”, “FAQ”
BodyLonger copy, bios, policies, instructions
CalloutOne important note fans should not miss
QuoteA testimonial or pull quote

Content

Type your message in the Content box.

StyleHow to use the box
HeadingFirst line = main headline. Extra lines (optional) = smaller text under the headline.
BodyFull paragraph. Press Enter for a new line — breaks show on the live page.
CalloutThe message inside the tinted card.
QuoteThe quoted sentence or paragraph.

Max width

Narrower text is easier to read on wide phones:

OptionEffect
Page (default)Uses your page’s normal content width
WideSlightly narrower than full page
MidMedium column
NarrowShortest line length — good for long paragraphs

Expandable text

Shown only when Style is Body.

SettingEffect
Expandable text offFull paragraph always visible
Expandable text onLong text collapses to three lines with Read more · fans tap Show less to collapse again

Good for long bios or descriptions without pushing other blocks far down the page.


Display tab

Alignment

OptionEffect
LeftText aligned to the left
Center (default)Text centered
RightText aligned to the right

Block background

Pick a Block background color to put a fill behind the text. Leave it clear/transparent to use only the page background.

Callout style already has a tinted card; a custom background replaces the default callout tint when you set one.

Shadow

OptionEffect
NoneFlat
Soft · Medium · StrongDeeper drop shadow
GlowSoft purple glow

Most useful when you added a block background.

Padding

OptionEffect
CompactTighter space inside the block
Normal (default)Balanced padding
Relaxed · SpaciousMore breathing room

Padding applies when the block has a visible background or shadow.

Callout color

Shown only when Style is Callout (set under Content).

OptionLook
InfoPurple-tinted card (default)
WarningAmber-tinted card
TipGreen-tinted card
SuccessStronger green-tinted card

Each option includes a matching icon on the left of your text.

Left border accent

Shown when Style is Body or Quote.

Adds a vertical brand-color bar on the left — useful for emphasis or quote-style highlights. Works together with Quote style’s own left line.

Entrance

Animates the block when it scrolls into view on your live page (not in the builder preview):

OptionEffect
None (default)Appears immediately
FadeFades in
SlideSlides up slightly
PopSubtle scale-in

If Entrance here is None, Flo can still use Behavior → Entrance animation when you set one there. Display → Entrance wins when you pick Fade, Slide, or Pop in Display.


Behavior tab

Same shared controls as other blocks — see Blocks.

Useful examples for Text blocks:

Use caseSetting
Hide a holiday message after the dateHide after on the block
Show a promo blurb only for Instagram trafficVisitors from = instagram (UTM source)
Desktop-only legal disclaimerDevice = Desktop

Custom background and Block padding under Behavior apply to the whole block wrapper (the section on the page). Display → Block background applies to the text area itself — you can use one or both depending on the look you want.


Analytics tab

After the block is saved, Analytics shows roughly the last 30 days:

MetricMeaning for Text blocks
ViewsHow often fans scrolled this block into view
ConversionsUsually 0 — Text blocks do not collect signups or sales
Conversion rateNot meaningful for plain copy

Use Dashboard → Analytics for page-wide trends.


Style comparison

StyleIconCard / tintMulti-line rulesExtra options
HeadingNoOptional backgroundFirst line = title; more lines = subtitleAlignment, shadow, padding
BodyNoOptional backgroundFull paragraph; line breaks keptExpandable, left border accent
CalloutYesYes (info / warning / tip / success)Single messageCallout color
QuoteNoOptional backgroundItalic quote textLeft border accent

Example setups

GoalSuggested approach
“New course out now” bannerHeading above the Course block
Long bio without clutterBody + Expandable text + Narrow max width
Shipping or refund policyBody, Left alignment, Mid width
“Limited spots” warningCallout, Warning color
Fan testimonialQuote, Center alignment
Seasonal noteCallout + Behavior → Hide after

You can stack several Text blocks (for example Heading + Body + Divider) between product blocks.


Text block vs other blocks

TextLinkNewsletter
Fan actionRead onlyTap to open a URLSubmit email
Edit locationContent + Display tabsContent + Display tabsContent + Display tabs
LayoutsHeading, Body, Callout, QuoteButton, Card, Grid, MinimalFeatured, Inline, Compact, Minimal

Use Text for words on the page. Use Link when fans should leave for another site. Use Newsletter when you want emails on your Flo list.


Troubleshooting

IssueWhat to try
Text not on myflo.linkUpdate live after edits — Publishing
Heading shows “Heading” placeholderAdd your first line in Content — that line becomes the title
Line breaks missingUse Body style and press Enter in Content
Read more does not appearTurn on Expandable text and use Body style with more than three lines
Callout color wrongContent → Style must be Callout, then Display → Callout color
Animation not in previewEntrance runs on the live page only — test after Update live
Text hard to readCheck Page tab text color on dark backgrounds, or add Display → Block background
Block hidden on live pageBehavior schedule, Hide in Layers, or per-page variant — see Blocks

What's next?