All articles

Bio pages · Updated Aug 25, 2026

Bio pages

A bio page is a single link you can put anywhere (your Instagram bio, your email signature, a QR code on packaging) that opens a branded link-in-bio page. Instead of choosing one destination, you share your profile, links, socials, embeds, and lead forms from one URL.

Use a bio page when you want a focused link list with brand polish. When you need a multipage website with navigation, blog, booking, freeform canvas, or an on-page Shopify cart, use Sites (or upgrade from Bio when prompted).

Building your page

Open Bio pages and use the block editor to build the page section by section. The preview updates as you go. On the Blocks tab, the structure tree, live preview, and inspector stay in sync so selecting a block highlights it everywhere.

Common blocks:

  • Profile header - avatar, display name, and a short bio.
  • Link buttons - your own styled links, each with click tracking, optional per-button styling, and per-link animations.
  • Social icon grid - icons that link out to your other profiles (brand color or custom color, username-only links resolved per platform).
  • Contact form - collects name, email, and other fields you choose, with optional marketing and SMS opt-in checkboxes.
  • Media embed - embed posts or media from supported providers.
  • Image, text, divider, and spacer - for light layout and polish.
  • Shopify product cards - link buttons can open a Shopify product, collection, or page picker, including product card display and optional direct buy deep links when a store is connected.

Edits save as a draft first, so visitors keep seeing your live page while you work. Save named versions as you go, and restore an older version if a change does not work out. When you publish and a version already exists, Styrar saves your current editor state first so the live page matches what you just previewed.

Themes and styling

Set fonts (including Google Fonts), colors, richer backgrounds, and page animations under the page theme so the page matches your brand. Save theme presets for reuse. Use the inspector for spacing, layout, and appearance (including per-corner radius). If you need something the theme settings do not cover, drop in custom CSS for full control over the look.

Optional 18+ age gate can protect sensitive pages. Known adult destination hosts can turn the gate on automatically when you add those links.

Sites for website features

Multipage layouts, blog, and appointment booking live on Sites, not classic bio:

Open Sites in the sidenav, or use Upgrade to Sites in the bio editor when your page already uses those features.

Multiple languages

If your audience speaks more than one language, add a localized version of your page for each one. Visitors are served the right language automatically, and you can switch between languages while editing.

Sending the right visitor to the right version

Two tools help you tailor the experience without building separate pages by hand:

  • Geo and device routing sends a visitor to a different page version based on their country, region, device, operating system, or browser. The same engine used for short link routing.
  • A/B testing splits traffic across two or more versions of a page, a section, or even a single block. Let it run, check which variant performs better in analytics, then promote the winner.

Analytics and domains

Bio analytics cover page views and clicks from Analytics → Bio. Company workspaces can connect a custom domain for bio; eligible plans can use a custom bio URL slug. For more on connecting domains, see Custom domains (bio and Sites).

Related

Need more help?

Open a ticket from Help → Tickets (sign in required).