Choosing the Right Block

Keepp has eighteen block types. This page is a short entry for each, so you can find the right one without opening every panel in the editor to check. The sections below are the same five the block palette uses, in the same order, so what you read here is where you’ll find it. For how blocks fit together on the page, see how your page works.

Read this before you add anything to sell

Two blocks describe similar things and behave very differently. They’re in different sections of the palette for exactly this reason: Product is under Sell and book, Card is under Links and cards:

• A card set to “Buy link” shows a price and opens a detail view when tapped, but the buyer completes payment somewhere else, at whatever URL you put in the card’s button. The card doesn’t process payment.
• A product block takes payment directly on your Keepp page, through a connected Stripe account.

If you want someone to pay you without leaving your page, you want a product block. If you’re sending people to an existing checkout, online store, or marketplace listing, a buy-link card is the right tool. See add cards. See sell a product and connect Stripe to set the product side up.

Profile

• Profile (circle): your photo in a circle, the classic link-in-bio look.
• Cover profile: a full-width cover photo with your name overlaid, for a bolder header.
• Social icons: a row of icons linking to your other accounts.
• Highlight button: one prominent call-to-action button, for the single thing you most want visitors to do.

Details on setting these up: set up your profile.

Sell and book

These two sit in their own section in the palette, above everything else, because they’re the two that take money.

• Product: takes payment on the page via Stripe. See sell a product.
• Booking: lets customers book a time slot or a stay. See take bookings.

Both need something behind them before you can add one: a live product, or an offering to book. Until then the palette shows a Set up first link on the tile that takes you where to create it.

Links and cards

• Link: a plain clickable button: title and URL. Switch its shape to Card to give it an image and a bigger presentation, for when a thumbnail helps (an article, a video, a shared page).
• Card: a richer block with photos and, depending on its kind, a price or a code. Four kinds:
  • Showcase: just showing something off, no price or code. The only kind that doesn’t need a title.
  • Buy link: shows a price; tapping opens a detail view with a button that sends the buyer elsewhere to actually pay. Its button URL is required, so the name is always true. See the callout above.
  • Affiliate link: its button is a referral URL; an optional price can still be shown.
  • Promo code: a code chip on the card copies it when tapped; tapping the rest of the card opens a detail view with the same code.
  • See add cards for how each kind is set up.
• Map: a pinned location with address and hours. See add a map.
• YouTube: embeds a YouTube video straight into the page, so it plays where it sits.
• Menu / services: a price list with filterable tags, for a menu, a treatment list, or a rate card.

More on links and cards specifically: add links and buttons and add cards.

Text and structure

• Header: a section title, with a few visual variants; can optionally appear as a tab in your nav.
• Subheader: a smaller heading under a header.
• Text: a paragraph of body copy or a description.
• Nav tabs: jump-to tabs generated from your headers, once you turn “show in nav” on for one.
• Spacer: adds vertical breathing room between blocks.
• Ticker: a scrolling strip of text across the page, for a promo or an announcement that’s only true this week.

For laying these out on a longer page: structure a long page.

Collect data

• Form: one block, three starting presets: lead capture (name, email, what they’re interested in), feedback (a rating plus a comment), and custom form (build your own fields from scratch).

See collect leads and feedback for setting a form up, and read your submissions for where the responses go.

A note on layout

Every block also has a size (full-width or half-width, to sit two-up) and an alignment. That’s covered in how your page works, along with page-wide styling in style your page.