Flo Docs
Getting Started

Publish Your First Page

Publishing is what makes your builder work visible at https://myflo.link/yourname. Until you publish, Flo saves your edits to your account, but visitors who open your link see This Flo page doesn't exist yet (same as an unpublished page).

You can publish before Flo Payments is ready — fans can browse, join your email list, and use free offers. Paid checkouts need an Active earnings account under Settings → Flo Payments.

Already signed up?

New accounts land in the Dashboard with a starter page (Profile Header + blocks from onboarding). That page starts as a draft. This guide takes you from there to live.

What draft vs live means

StateTop-left pillWhat it means
DraftGray DraftNot published — your URL is not served to the public
LiveLive with green dot on the publish controlPublished — visitors see your saved page at myflo.link/yourname

Draft and live are separate from Settings → Page & domain → Visibility (Public / Unlisted). Visibility only applies after the page is published. Unlisted still works for anyone with the link; it is not the same as unpublish.

See Your Flo page for URL, visibility, and SEO.

Before you publish

Use this checklist so the first publish goes smoothly:

CheckWhy it matters
Profile Header looks rightPhoto, name, bio, socials — click Edit profile header on the canvas (not only Settings → Profile)
At least one block besides the headerThe top bar shows N blocks excluding the header (for example 1 blocks after you add a Newsletter or Link)
Conversion block is wired upProduct/course/membership/booking blocks need an offer from Dashboard → Products, Courses, etc.
Page tab styles savedFonts, background, buttons — open the Page tab on the right, then click Save appearance
Flo Payments (optional for v1)Required only before paid checkout — see Connect payments

Block library names

In Block tab → library, look for Newsletter, Digital download, Course, Membership, Link, Text, and Book a Session (compact row below the main list). The left layers panel may show shorter titles for the same blocks.

Builder layout (quick map)

Open Dashboard → Builder:

AreaWhat you do
LeftBlock list, + Add block, reorder (drag after load)
CenterLive preview of the page
RightBlock tab (library + block settings) or Page tab (global appearance)
Top barDraft / Live, block count, View live preview, A/B Test (Creator+), Publish / Update live / Live

Flo auto-saves edits about 8 seconds after you stop typing (and when you switch away from the tab). Auto-save protects your work in the builder; it does not replace Publish for the first time you go live.

Publish for the first time

  1. Open the builder

    Dashboard → Builder. The top-left pill should read Draft.

  2. Add and configure at least one block

    Block tab → pick a block from the library (for example Newsletter, Link, or Text).

    Select the block on the canvas and finish settings in the right panel (connect a product, course, or offer where required).

  3. Save page appearance

    Switch to the Page tab. Adjust font, background, and button style. Click Save appearance at the bottom. Success toast: Appearance saved.

  4. Click Publish

    Top right, click Publish (primary button).

    Flo saves your latest builder state, then sets the page to published on the server. On success:

    • Toast: Your page is live!
    • Top-left pill: Live
    • Publish control: green Live dot (tooltip: Click to unpublish)
  5. Verify in a private window

    Open https://myflo.link/yourname in an incognito / private browser (or use View live preview in the builder — same URL).

    Confirm the header, blocks, and any test signup or link work as expected.

  6. Share your link

    Copy your URL from Settings → Page & domain (read-only Your Flo handle field), Dashboard sidebar View my page, or your marketing materials.

    Pro plan required

    On Pro / Studio, a custom domain also works once verified — the page must stay published.

Publish failed?

If the button spins then shows Something went wrong. Please try again., check your connection and try Publish again. Flo saves first — you should not lose block edits. If it keeps failing, refresh the builder and contact support.

After you are live

The top-right control changes based on whether you have unpublished edits since your last explicit sync.

ControlWhen you see itWhat it does
PublishDraft (never published, or after unpublish)Saves, sets page published, toast Your page is live!
Update liveLive pill + you changed blocks or page settings since your last Update live / PublishSaves immediately and clears the pending-edits indicator — toast Page updated and live
Live (green, click)Live pill + no pending editsUnpublishes — toast Page unpublished — visitors get the not-found experience

Unpublish carefully

Clicking Live when there are no pending edits takes the whole page offline. Use it when you need the URL down entirely — not when you only want to keep editing privately.

To edit without taking the site down, stay Live, make changes, then click Update live when ready.

View live preview vs canvas

ControlWhat it shows
Canvas (center)Everything in the builder right now, including edits still waiting for the next auto-save (~8 seconds after you stop)
View live previewOpens myflo.link/yourname in a new tab — the public route. If the page is Draft / unpublished, you still get This Flo page doesn't exist yet

On a Live page, auto-save writes to the database and refreshes the public cache. After a save finishes, View live preview should match what you saved. If the canvas and preview disagree, wait for auto-save or click Update live (saves immediately and clears the pending indicator — toast Page updated and live).

What visitors see

Your statusVisitor opens myflo.link/yourname
Draft / unpublishedThis Flo page doesn't exist yet
LiveYour published blocks and Profile Header
Live + running A/B testSome visitors may see a test variant — see A/B testing overview

Paid blocks show checkout errors until Settings → Flo Payments shows Active — publishing alone is not enough for paid sales.

Edit → save → update workflow

After sign-up you get a starter page in Draft. The loop below is what you repeat as you grow the page.

  1. Edit in the builder

    Change blocks, Edit profile header, and Page tab appearance. The top-left pill stays Draft until you publish.

  2. Auto-save (about every 8 seconds)

    Flo saves your work in the background after you stop editing (and when you leave the tab). This protects drafts and updates a Live page in the database — but it does not make a Draft page public.

  3. Publish (first time)

    Click Publish when you are ready to go live at myflo.link/yourname. Toast: Your page is live! The pill switches to Live.

  4. Update live (ongoing edits)

    After you are live, new changes show Update live in the top bar. Click it when you want to save immediately and clear the pending-edits indicator. Toast: Page updated and live.

  5. Unpublish (optional)

    With no pending edits, click the green Live button to take the page offline. Visitors see This Flo page doesn't exist yet until you Publish again.

Common first-publish issues

IssueWhat to check
Link shows "doesn't exist yet"You have not Published, or you clicked Live to unpublish — pill should be Live
Changes not on public pageWait for auto-save (~8s) or click Update live; hard-refresh the public tab
View live preview lags the canvasEdits not saved yet — wait for auto-save or click Update live
Publish fails repeatedlyRare: account moderation may block publish — contact support
Block count is 0 blocksAdd any block besides the header (header does not count)
Paid checkout failsSettings → Flo PaymentsActive, not just published page
Custom domain 404Page published, domain Verified in Settings → Page & domain
Lost editsFlo auto-saves — reopen Builder; check connection if you saw a save error toast

Quick checklist

  1. Dashboard → Builder — starter content looks good
  2. Edit profile header + at least one Block
  3. Page tab → Save appearance
  4. Publish → toast Your page is live!
  5. Incognito test at myflo.link/yourname
  6. Connect payments before promoting paid offers
  7. Share the link — add Flo Payments and more blocks when ready

What's next?