Link in Bio Layout: Where to Put Your CTA and Key Links

The best link in bio layout depends on what your visitor has come to do, not on what looks nicest. A follower hunting for one offer needs something different from a client checking your portfolio. In most cases, though, one rule holds: your main action should be visible on the first screen of a phone, before any scrolling.

This article gives you four layout patterns to choose from, and shows where your primary CTA belongs in each.

The first-screen rule

Open your page on a phone and don’t scroll. That view is your real layout. Everything lower down depends on the visitor deciding to keep going.

A first screen usually has room for your photo, your name, a line of text, and perhaps three or four buttons. A large header takes up more of that space, and so does a long bio. So each element above your main action has to earn its place.

Screen sizes differ, and in-app browsers can add their own toolbars, so test on a small phone if you can. For the general principles behind this, see our guide to design best practices.

Four layout patterns

These are illustrative patterns, not templates you have to follow. Choose the one closest to your visitor’s state of mind.

Single offer

Visitor’s state: came for one specific thing.

1. Photo, name and one line.
2. Main action, such as a Form, a download or a booking link.
3. One short reason to trust you.
4. Social icons.

Use it for launches, campaigns or when you sell just one thing. On BioFlow, you’ll need at least one enabled Link block to publish, so if your main action is a form, add a link too, such as your website.

Hub

Visitor’s state: interested, but could want several things.

1. Photo, name and one line.
2. Your current priority.
3. Two to four other links, in order of importance.
4. Small section headers if needed.
5. Social icons.

This suits creators and anyone with a varied audience. It’s the familiar format, and it works well as long as the list stays short and current.

Portfolio

Visitor’s state: wants to judge your work.

1. Photo or banner, name and one line.
2. Status or next step, such as “Booking for June”.
3. Gallery.
4. Enquiry route.
5. Links to fuller case studies.

Here, the work is the persuasion, but don’t let the gallery swallow your next step. Keep it near the gallery, or above it.

Service

Visitor’s state: has a practical need, and may be close to buying.

1. Logo, name and what you do.
2. Main contact route, such as WhatsApp, booking or a quote.
3. Hours or service area.
4. Location link.
5. Services or prices.

This suits local businesses and consultants. Practical information near the top saves everyone time.

For full worked versions, including block orders for specific businesses, see these sample page blueprints.

Primary CTA or first block?

On BioFlow, you have a primary CTA field, which is a main button with its own text and link, as well as your regular blocks. So which should carry your main action?

• Use the primary CTA when your main action is a simple link, such as a booking page or your shop. It’s a clear signal of what comes first.
• Use a first block when your main action is a form, a download, or a WhatsApp button, since those need their own block.
• Don’t use both for different things right at the top if they’ll compete. Two equal “main” actions usually mean neither stands out.

Whichever you choose, the wording matters as much as the position. “Book a free 20-minute call” does more than “Get started”. If you’re still deciding on what belongs on the page, do that before tweaking the layout.

Using headers and dividers

Headers and dividers help once a page has more than a handful of items.

Headers are worth using when:

• You have distinct groups, like “For clients” and “For brands”.
• Visitors may want to skip to one section.
• Your list has grown past what someone can take in at a glance.

Dividers add a little visual separation, and they’re best used sparingly. A divider between every item adds length without adding meaning.

Short pages don’t need either. Three links under two headers makes the page look busier, not clearer. If your page has grown long, read about how long the page should be as well.

Testing changes one at a time

Layout opinions are cheap, so test yours.

1. Note your numbers. Link CTR, Top-performing links and Lead conversions over a recent period.
2. Change one thing. Move one block or simplify the header.
3. Leave it for a week or two. Keep your promotion as steady as you can.
4. Compare. Did the moved item get more clicks? Did other items lose out? Did real actions go up?
5. Keep a note of what you changed and when.

Moving an item up will usually bring it more clicks, simply because more people see it. What matters is whether your total useful actions increase. If it just moves clicks from one link to another, you’ve learned something, but you may not have improved the page.

With a small audience, results can swing by chance, so look for changes that hold over time. You can find ideas for creators on what they’ve tried in similar situations.

FAQ

Where should my main button go?

On the first screen of a phone, directly under your name and a short line about what you do. If a large header or long bio pushes it down, shorten those. Test this on an actual phone, inside the app your visitors use, because in-app browsers can reduce the visible area.

Should I use section headers?

Use them when you have distinct groups of links or a longer page. They help visitors skip straight to what they want. On a short page with a few links, they just add clutter. If a heading covers only one link, you probably don’t need it.

How long can the page be?

As long as visitors can still find what they came for quickly. Short pages suit single offers and most small businesses. Longer pages can work for recommendations or resources if they’re clearly grouped. There’s no fixed limit to aim for, so judge by whether people find things easily.

Pick the closest pattern

Decide which of the four patterns matches most of your visitors, and rearrange your page to match it. You’ll probably find that you need to remove things, not add them. When you’re ready, you can try a layout in BioFlow and adjust the order whenever your data suggests it.