28.1 Building with Blocks

The Bio Builder uses a block-based page structure. Blocks can be added from the ADD BLOCKS dock and edited individually in the Edit Block area.

28.2 Bio Header Block

The Bio Header is the main identity block. It can control:

1. Bio name / display name
2. Headline
3. Description
4. Avatar URL or uploaded avatar
5. Avatar shape
6. Avatar border style, width, and color
7. Header background URL or uploaded image
8. Header card outer style
9. Header text color

28.3 Section Label Block

Use a Section Label to divide content into logical groups. The primary field is Label text. Examples might include Featured Work, Contact Me, Resources, Listings, or Recent Campaigns.

28.4 Link Stack Block

Use Link Stack for prominent button-style links. The block can include a Button label, destination URL, visual variant, icon, radius, border style/color, and effect.

1. Outline
2. Ghost
3. Radius none/small/medium/large/extra/pill
4. Solid, scalloped, or rough-edge border options
5. Effects such as None, Soft shadow, Accent glow, or Lift

28.5 Image Card Block

Use Image Card for a visual destination. Current controls include Optional image URL, Card title, Short description, and Image URL/link-related settings in the block structure.

Use image cards for featured products, portfolio items, listings, event promos, or highlighted content.

28.6 Social Bar Block

The Social Bar supports preset and custom social links. Current presets include Website, Instagram, X.com, YouTube, TikTok, LinkedIn, Facebook, Pinterest, Spotify, and Maps.

You can add multiple social rows, choose a label/preset, enter the URL, remove rows, and select visual variants such as Boxed, Boxed square, Bordered, or Minimal.

28.7 Social Icon Size

1. Small
2. Medium
3. Large
4. Extra large

Choose a size that fits the page density and mobile screen without making the social area overpower the main calls to action.

28.8 Reordering and Page Structure

The Page Structure area represents the current block order. Use the builder controls to arrange the page so that the most important identity and primary actions appear first.

28.9 Maximum Block Count

A published Bio Page request can contain up to 80 blocks. In normal practice, a shorter focused page is easier for visitors to understand than a page filled to the maximum.

28.10 Building a Conversion-Focused Bio Page

1. Start with one clear Bio Header.
2. Place the most important Link Stack action near the top.
3. Group related links under Section Labels.
4. Use Image Cards only for content that benefits from a visual.
5. Add a Social Bar after the primary conversion actions.
6. Preview on mobile and remove unnecessary blocks.
7. Publish only after every destination has been tested.