Mokanata Docs
Forms & links

Link in bio pages

Build a themed page for your Instagram or TikTok bio with chat buttons, links, forms and profiles, publish it, and see what visitors tap.

A link in bio page is the one link you put in your social profiles. It shows your picture, name and a short bio, then the blocks you choose: chat buttons that open WhatsApp, Telegram or Instagram, links, your short links and forms, notes and your social profiles, in a theme of your own. Every view and tap is counted.

  • Who can use it: Owners, admins, members and viewers can see link in bio pages with their views, taps and QR codes. Owners, admins and members can create, edit, publish and unpublish pages. Only owners and admins can delete them. A role that can't change pages sees a View only notice; a custom role without View link in bio pages doesn't get the Link in bio tab and sees Link in bio isn't available to your role. See Roles and permissions.
  • Before you start: Nothing. To add a form or a short link as a block, publish the form or create the short link first.

In Forms & Links, click the Link in bio tab.

The Link in bio tab with Published pages 2 of 3, Views, Tap rate and Top channel, and the list of Northwind Coffee, Mokanata Sales and Northwind at Senayan

NumberWhat it counts
Published pagesPages that are live, out of all your pages.
Views, last 30 daysTimes your pages were opened, with the change against the 30 days before.
Tap rateTaps on blocks per view, with the number of taps.
Top channelWhere most visitors came from (such as Instagram, WhatsApp or a QR code scan), and its share.

The list shows each page with a thumbnail of its theme, its address (with a copy button), Status, Views, Taps, Tap rate and Last edited. Search with Search pages (or press /) by name or address, Filter by Status, and Sort by any column. Click a row to open the page's views and taps. When nothing matches your search, the list says No pages match with Clear filters. A workspace without pages shows One link for every profile with three theme previews instead.

Read a page's views and taps

Open the page

Click the page in the list. Its header shows the status, the address and when it was last edited, with Edit page and a ⋯ menu.

The Northwind Coffee page with Views, Taps, Tap rate and Top channel for the last 30 days, the Blocks panel and the phone preview

Check each block

The Blocks panel lists the blocks in page order with how many taps each got in the last 30 days and its share of all taps. Social icons list taps per network. Point at a block and the preview on the right outlines it.

The Blocks panel with Order on WhatsApp 111 taps, Seasonal menu highlighted in the preview, and the Views and taps per day chart below

From here you can make quick changes without opening the editor, saved at once:

  • Turn a block's switch off to hide it from the page, or on to show it again.
  • Click ⋯ for Edit block (opens it in the editor), Move up and Move down.

Read the charts and details

Views and taps per day covers the last 30 days. Top channels shows where visitors opened the page from, all time; QR code counts scans of the page's printed code. Details lists the Address, Theme, number of Blocks, when it was Published, Last edited and Created. Under the preview, Copy link and QR code share the page.

Create a page

Click New page

Click New page (or press N). The editor starts with your workspace's name, a Chat with us chat button and an Our website link, in the Paper theme. The phone on the right previews the page as you edit.

The New link in bio page editor with the Profile panel (picture, name, bio and address), the Blocks panel with two blocks, and the phone preview

Fill in the profile

  • Picture: click Upload picture for a logo or a face (PNG, JPG, WebP or SVG up to 5 MB). Without one, the page shows your initials. Replace picture and Use initials change it later.
  • Name: what people see at the top of the page.
  • Bio: one or two lines under your name, up to 160 characters. The count under the field shows what's left.
  • Address: the ending of the page's link, such as northwind-coffee. Lowercase letters, numbers and hyphens.

Type the address

The grey address in the empty Address field is only a suggestion. Type the address you want (you can type the suggestion), or Publish stops and shows Use at least 3 characters. under the field.

Add blocks and pick a theme

See Add and arrange blocks and Choose the look. Fill in the starting blocks too: the Our website link needs an address before you can publish.

Publish

Click Publish. The toast says Published. Share the link or its QR code. To keep working on it first, click ⋯ → Save as draft: drafts can't be opened by anyone until you publish them.

On a phone, switch between Edit and Preview at the top of the editor.

Edit a page

Click Edit page on a page's details (or Edit on its row). The editor has the Profile, Blocks and Appearance panels, and a phone preview that follows every change. The header shows the page's status, its address, and Unsaved changes once you change something.

The editor for Northwind Coffee, Published, with the Profile panel (picture, name, bio and address), the start of the Blocks panel and the phone preview

Add and arrange blocks

Add a block

In the Blocks panel, click Add block and pick a kind.

The Add block menu with Link, Heading, Short link, Form, Chat button, Social icons, Text and Divider, each with a one-line description

BlockWhat it isWhat you fill in
LinkA button to any web address.Button label and the address it Opens.
HeadingA heading that groups the blocks under it.Heading.
Short linkOne of your short links, counted twice: here and on the link.The Short link, and a Button label (empty uses the link's name). Taps count on the short link too, with its campaign tags.
FormOpens one of your published forms.The Form (drafts can't be picked) and a Button label. It follows the form if the form's link changes.
Chat buttonStarts a WhatsApp, Telegram or Instagram chat.The App, the WhatsApp number (with country code), Telegram username or Instagram username, a Button label, and a First message typed in for the visitor (empty starts a blank chat).
Social iconsA row of icons for your profiles.A Network and Username or link for each profile; Add profile adds another. Instagram, TikTok, YouTube, X, Facebook, LinkedIn, Threads, Telegram, WhatsApp and Email.
TextA short note, like opening hours.Note, up to 280 characters.
DividerA hairline between groups.Nothing.

Edit a block

Click a block's heading to open it. Its heading shows the kind and a summary; To fix in red means something is missing.

The Order on WhatsApp chat button opened, with App WhatsApp, the number, Button label, First message, and Schedule switched on with Show from empty and Hide after set a week ahead

Schedule it (optional)

Switch on Schedule, then set Show from (empty: right away) and Hide after (empty: never). The line under Schedule sums it up, such as Live now, until a date, Shows from a date, or Ended a date. Scheduled blocks appear and disappear on their own.

Hide, move, copy or delete

  • Click the eye on a block to hide it from the page without deleting it, and again to show it.
  • Drag a block by its grip, or focus the grip and use the up and down arrow keys, to reorder. ⋯ also has Move up and Move down.
  • ⋯ → Duplicate adds a copy; Delete block removes it when you save. Its past taps stay in the numbers as a removed block.

A page with no blocks says No blocks yet: start with a Chat button or a Link, or pick another kind from Add block.

Block stateWhat visitors see
LiveThe block.
HiddenNothing: the block stays in the editor but never reaches the page.
ScheduledNothing yet: it shows from its start date.
EndedNothing: its end date passed.

Choose the look

The Appearance panel sets the page's theme. The preview follows every change.

The Appearance panel with the Moss theme selected, the accent swatches, Background Graph paper, Buttons Filled and Corners Rounded, next to the preview in pale sage and deep green

SettingChoices
ThemePaper (warm paper, cobalt buttons), Night desk (dark slate), Cobalt (the page in the accent, white buttons), Ledger (cream with a rust accent), Moss (pale sage and deep green), Graphite (charcoal and chalk, no colour).
AccentThe theme's own colour, or Cobalt, Ink, Rust, Green, Teal or Plum, or any colour typed as a hex code. Buttons, the picture's backdrop and outline labels take it. If a colour would make button labels hard to read, Mokanata shifts it and says so.
BackgroundSolid or Graph paper.
ButtonsFilled, Outline or Hairline.
CornersSquare or Rounded.

Open Contrast: every pair passes WCAG AA under the panel to see the contrast of each text and background pair.

Save your changes

On a published page, click Save changes; the toast says Changes saved. On a draft or unpublished page the main button is Publish (or Publish again), and ⋯ has Save as draft or Save without publishing. If a block is missing something, saving stops with a toast such as One block needs fixing and opens the block.

Leaving the editor with unsaved changes asks Discard your changes?: Keep editing or Discard changes. If you leave another way, such as a link in the sidebar, Mokanata asks Discard unsaved changes? ("You changed this page but didn’t save it. If you leave now, those changes are lost.") with Keep editing and Discard and leave.

Publish, unpublish, copy or delete a page

Click ⋯ on a page's row, or in its header:

The row menu of Northwind Coffee with Views and taps, Copy link, QR code, Open page, Unpublish, Duplicate and Delete page

ItemWhat it does
EditOpens the editor (also the Edit button on each row).
Views and tapsOpens the page's numbers.
Copy link, Open pageCopies or opens the page's address. On a page that isn't live the item reads Open page (shows it's unavailable) and shows what visitors get.
QR codeThe page's QR code to download or print. Not for drafts. Scans count under the QR code channel.
Publish / UnpublishPuts the page live (Page published. Anyone with the link can open it.) or takes it down (Page unpublished. Visitors see that it's been taken down.).
DuplicateCopies the page as a new draft with -copy added to its address, and opens the copy in the editor.
Delete pageDeletes the page with its views, after you confirm. Its address and printed QR codes stop working. This can't be undone.

An unpublished page or a draft says so at the top of its details, with Publish again or Publish:

Northwind at Senayan, Unpublished, with the notice This page is unpublished. Visitors see that it was taken down, and nothing is counted. and the Publish again button

StatusMeaning
PublishedLive: anyone with the link can open it.
DraftNever published. Nobody can open it yet.
UnpublishedTaken down. Visitors see that it was taken down, and nothing is counted.

Changing a page's Address later breaks links already shared, so pick it carefully before you share the page.

What visitors see

Each page lives at app.mokanata.com/b/ followed by its address, for example app.mokanata.com/b/northwind-coffee. The published page fills the screen in your theme, with your picture or initials, name, bio and blocks. Opening the page counts a view and each tap counts on its block. The share button at the top right opens the phone's share sheet, or copies the link on a computer.

The Northwind Coffee page on a phone: the NC initials, name and bio, Order on WhatsApp, the This week heading, Seasonal menu, Spring sale and Book a cupping workshop buttons, opening hours and Instagram, TikTok and YouTube icons

An unpublished page shows This page is unpublished with a note to try again later. A draft, or an address that doesn't exist, shows This page doesn't exist.

On a phone: This page is unpublished, Northwind Labs took it down for now. Try again later, or find them on their social profiles.

Troubleshooting

Next steps

On this page