Sell a Product

The Sell a Product block is how fans buy from your Flo page. In the block library it appears as Digital download or Physical product — both are the same checkout block. Pick the label that matches what you sell; delivery and pricing are set in the editor.

Use this block for PDFs, templates, audio, shipped goods, $0 lead magnets, and standalone products. For multi-lesson courses or tiered memberships, use the Course or Membership blocks instead.

Available on every Flo plan

The checkout block is on Free. Subscriptions, payment plans, order bumps, and upsells need Creator or higher. Paid checkout needs Flo Payments active.

Two places to configure

Checkout blocks use two editors. They save together when you publish the page (builder draft auto-saves).

Where	Tabs / access	What you edit
Edit product block modal	Hover block → Edit	Product, prices, layout style, marketing copy, bumps/upsells
Right settings panel	Click block on canvas → Block tab → Behavior or Analytics	Schedule, targeting, block background, entrance animation, stats

No Content or Display tab on the right

Unlike Link or Text blocks, checkout does not show Content or Display tabs in the right panel. Product and presentation settings live in the Edit product block modal only.

Before you add the block

Check	Why
A product to sell (or room to create one in the modal)	Each block links to one main product
Flo Payments Active for paid prices	Settings → Flo Payments — not required for $0
Active product for a live offer	Active off hides the product from visitors
Plan room for active products	Free: 3 · Creator: 10 · Pro / Studio: unlimited

Products overview · Create a product.

Add the block

Open the builder
Dashboard → your page → Builder.
Add from the block library
Left sidebar → + Add block → Digital download or Physical product.
Open the product editor
Hover the new block → Edit → Add product block modal.
Optional: Behavior and Analytics
Click the block (selected on canvas). Right panel → Behavior or Analytics.
Save and publish
Save changes in the modal, then Publish or Update live.

Canvas toolbar (hover the block): Edit · Hide / Show · Delete (click Delete twice to confirm) · drag handle to reorder in the layer list.

Opens from Edit on the block. Title: Add product block or Edit product block · Configure what visitors see and buy.

Layout: settings (left) · Preview (right) on wide screens. Footer: Cancel · Save changes (enabled after you change something).

Saving updates the product record (name, delivery, prices) and this block’s presentation settings.

Product

Control	What it does
Product dropdown	Chooses which catalog product this block sells. Lists all products in Dashboard → Monetize → Products.
Product summary card	Shows thumbnail, name, price (or FREE). Edit opens Products in a new tab.
Empty state	No products yet — create one with link to Products.

You can switch products anytime; each block still sells one product at a time.

Display style

Pill toggle — pick how the offer appears on the page:

Style	In editor	Best for
Featured	Featured	Hero layout — large image area, full copy, price toggles
Card	Card	Image left, details right — dense card
Minimal	Minimal	One compact row — name, price, button

Default: Featured.

Checkout flow by style:

Style	How fans pay	Order bumps & upsells
Featured	Flo Pay modal on your page	Yes — Order bumps & upsells
Minimal	Flo Pay modal	Yes
Card	Secure hosted checkout page (separate page)	No

Pills on the block: Digital download products show a Digital download badge on Featured. Manual delivery shows Physical and Ships to you.

Button label · Show price · Show thumbnail

Setting	Default	What it does
Button label	Buy Now	Text on the buy button. Custom labels always show as typed. If you keep Buy Now, Flo may switch to Subscribe or Get started when the fan picks subscription or payment plan pricing.
Show price	On	Shows or hides the main price line on the block.
Show thumbnail	Off	Featured only. When on, uses the Product image in the hero area.

Product details

Saved to the product when you click Save changes.

Field	Notes
Product image	Upload (with crop). Shown on block when Show thumbnail is on, and in checkout.
Product name	Required. Main headline unless Headline override is set.
Description	Short line under the title on Featured and Card (when the product has description text). Optional AI write helper.
Product type	Digital download — URL emailed after purchase. Manual delivery — you fulfill; Flo records the sale. Membership — simple/legacy; for full tiers use a Membership block.
Delivery URL	Digital download only. Must be a valid https:// link. Sent in the receipt email after purchase.
Active	On = product can appear on your live page. Off = Inactive products won't show on your page.

If Flo Payments is not connected, a note under Pricing links to Settings → Flo Payments to sync paid prices.

Conversions (Creator+)

Section heading: Conversions.

Setting	Options
Order bump product	None or another product from your catalog (never the same as the main product on this block).
Post-purchase upsell	None or another product.

Helper text in the editor: Bump: same payment as the main product. Upsell: one-click charge after checkout using the card they just used (one-time products only).

On Free, this section is locked — Available on Creator plan → (Settings → Billing).

Full rules and fan flow: Order bumps & upsells.

Pricing

Intro: Offer multiple prices — buyers pick one at checkout.

Up to three price options (Add price option). Each price is a collapsible card:

Checkout and billing (per price)

Field	Notes
Pricing type	One-time (single payment) · Subscription (Creator+) · Payment plan (Creator+)
You receive / Buyer pays	You receive = guaranteed take-home; Buyer pays = sticker price. Hint: Minimum $0.50 for paid prices. Preview shows what the fan pays or what you receive.
Billing interval	Weekly · Monthly · Yearly — subscriptions and payment plans only
Number of payments	Payment plans only. Minimum 2. Subscription ends after the last payment.
Trial period (days)	Subscriptions only. Leave blank for no trial. 0 = no trial.

Label on your page (per price)

Field	Notes
Label (optional)	Short name on the price pill at checkout (e.g. Monthly, Best value). Max 50 characters.
Description (optional)	Line under that price option (e.g. Own forever). Max 200 characters.

Removing a price: trash icon on the card (when more than one row exists).

Topic	Doc
One-time	One-time pricing
Subscriptions	Subscriptions
Payment plans	Payment plans
Overview	Pricing

With multiple prices, fans choose a pill/toggle on the block before paying. Price display (below) mostly applies when only one price shows on the block.

Content

Optional marketing — does not change the charge amount.

Setting	What visitors see	Styles
Headline override	Replaces Product name as the block headline. Placeholder example: The #1 tool for creators.	Featured, Card
Hook / subheadline	Smaller line under the headline. Example: 2,400 creators already use this.	Featured, Card
Social proof	Show social proof toggle. When on: count (number) + suffix (default sold). Preview in editor: ⚡ 127 sold. Hidden if count is 0.	Featured, Card
Urgency	Warning-style line above the buy button. Example: Only 3 left at this price.	Featured, Card
Countdown timer	Show countdown + datetime picker. Live timer on the page until the deadline. Hint: Show a live timer counting down to a sale deadline. Turning countdown off clears the deadline.	Featured, Card

Minimal style does not show hook, social proof, urgency, or countdown — only name, price, and button.

Display

Setting	Options	Behavior
Price display	Exact · From · Pay what you want	Controls the headline price line when Show price is on and one price is shown. From = lowest active price. Pay what you want is display only — checkout still uses your saved price. Editor hint mentions buyers setting price; that is not how checkout works today. See Pay what you want.
Button color	Color picker	Overrides the page button color for this block only. Hint: Overrides the page button color for this block only.

Page-wide buttons: Button styles · Themes and fonts.

Preview column

The right side of the modal shows a phone-style Preview of the block with your current settings. It updates as you edit. Style label under the preview (e.g. Featured).

Preview checkout does not process real payments. After Save changes, confirm on the published page for bumps, upsells, and live prices.

Right panel — Behavior tab

Select the checkout block on the canvas. Right sidebar → Block (not Page) → Behavior.

Changes apply to this block only and save with the builder draft.

Visibility

Setting	What it does
Show from	Datetime picker. Block stays hidden until this time (visitor’s local browser time). Empty = no start limit.
Hide after	Datetime picker. Block disappears after this time. Empty = no end limit.
Hint when both empty	Always visible — set dates to schedule this block
Visitors from	Text field, e.g. `instagram`. Only visitors whose URL includes `utm_source=instagram` (case-insensitive match) see the block. Empty = everyone.
Device	All · Mobile · Desktop — show the block only on that device type

All rules must pass. Example: a block scheduled for next week and targeted to newsletter UTM stays hidden until both the date and the UTM match.

Hide vs schedule

Hide on the canvas toolbar removes the block from everyone immediately (builder draft). Show from / Hide after are automatic timers on the live page.

Appearance overrides

Setting	What it does
Custom background	Toggle. When on, color picker sets a background behind this block’s card. When off, uses the page background.
Padding	Shown when custom background is on. Default (inherit) · Compact · Normal · Spacious — space inside the block card. Hint: Tightens the space inside the block card that uses the custom background above.
Entrance	None · Fade · Slide up · Pop — animation when the block scrolls into view on the live page. Editor canvas does not animate. Hint explains this applies on the live page when the block scrolls into view.

Right panel — Analytics tab

Select the block → right panel → Analytics.

Shows the last 30 days for this block (after the block is saved to your page with a real block ID — brand-new blocks may show empty stats until the page is saved).

Metric	Meaning
Conversions	Purchases (and similar conversion events) attributed to this block
Revenue	Sum of those conversion amounts
Conversion rate	Conversions divided by page views on the same page (capped at 100%)

Empty state: No conversions recorded yet · Conversions appear here once visitors interact with this block.

Link: View full analytics → opens Dashboard → Analytics.

What fans see at checkout

One-time

Fan picks a price (if several) and clicks the button.
Featured / Minimal → Flo Pay modal (Complete your purchase, Pay $X).
Card → hosted checkout page.
Receipt email; Digital download includes Delivery URL.

Optional order bump (checkbox) and post-purchase upsell on Featured / Minimal (Creator+). Order bumps & upsells.

Discount codes — one-time only. Coupons.

Subscription or payment plan

Fan picks the recurring or installment option.
Featured / Minimal — email field on the block, then Subscribe (or similar) in Flo Pay.
Card — email and payment on hosted checkout.

Coupons do not apply. Refund-policy text can show when configured in Flo Payments.

Checkout branding (Pro+)

Pro plan required

Pro and Studio can customize the Flo Pay modal (logo, colors, font) separately from the page. Button styles · Checkout branding.

Settings by display style (quick reference)

Setting	Featured	Card	Minimal
Product, pricing, conversions	Yes	Yes	Yes
Show thumbnail	Yes	—	—
Description on block	Yes	Yes	Limited layout
Hook, social proof, urgency, countdown	Yes	Yes	No
Price pills (multi-price)	Yes	Yes	Yes
Flo Pay modal	Yes	No	Yes
Hosted checkout	No	Yes	No
Order bump / upsell	Yes	No	Yes

Publish

Action	Result
Save changes (modal)	Product + block settings in draft
Update live	Public page updates
Hide (canvas)	Hidden from all visitors until Show
Delete (canvas)	Block removed from draft

Publishing.

Examples

Goal	Setup
Free PDF	Featured · $0 one-time · delivery URL · Active on
Instagram-only launch	Behavior → Visitors from `instagram` · Show from launch datetime
Mobile-only flash sale	Minimal · Behavior → Device Mobile · Countdown in modal
Three tiers	Three price rows · From price display if one headline
Bump at checkout	Featured · Conversions → order bump · guide

Troubleshooting

Issue	What to try
Block missing on live site	Product Active · not Hidden · schedule/UTM/device rules · Update live
Save changes disabled	Change any field in the modal
Analytics empty	Save/publish page first; wait for sales; check Dashboard → Analytics
Marketing lines missing	Switch to Featured or Card — not Minimal
Bumps/upsells missing	Featured or Minimal · Creator+ · Order bumps & upsells
Pay what you want confusion	Display only — see Pay what you want
Paid checkout fails	Flo Payments → Active

On this page