Online Tool Store
· 5 min read
How to Build Your Own Link in Bio Page
Manesh Jayawardhana
CIO & Co-founder
You’ve got one link slot in your profile and five things you want people to find: the shop, the newsletter, the latest video, the booking form, and the other social account. The obvious answer is a hosted link-in-bio service, which is fine until you notice it’s charging monthly for what amounts to a page with six buttons on it, and that it now sits between you and every visitor.
There’s a middle path that most people don’t consider: build the page as a single HTML file and host it wherever you already have hosting. It takes about ten minutes and it’s yours.
What a link in bio page actually is
Structurally it’s the simplest page on the internet. An avatar, a name, a line of description, and a vertical stack of buttons. No navigation, no footer, no scrolling beyond the buttons.
The reason hosted services exist isn’t complexity — it’s that most people don’t have somewhere convenient to put a file. But if you have a domain, a static host, or even a repository with pages enabled, you have somewhere. And a single self-contained HTML file with the CSS inlined has no build step, no dependencies, and nothing to break.
The trade-off is honest: you give up the click analytics dashboard and the drag-to-reorder editor, and you get ownership, no monthly fee, and a page that loads instantly because it’s one file.
Why people get stuck here
- No obvious place to host it. This is the real barrier, and it’s smaller than it looks — several static hosts have free tiers.
- Editing means editing HTML. Fine for some people, a genuine obstacle for others.
- Mobile-first is non-negotiable. Essentially all the traffic is from a phone, so a page that looks good on a laptop and cramped on a phone has failed.
- Link rot. Five links, all pointing at things that move — nobody remembers to check them.
- No analytics by default. If you need click counts, you have to add something.
| Approach | Cost | You Control | Watch Out |
|---|---|---|---|
| Hosted service | Monthly fee | Content only | Platform sits between you and visitors |
| Self-hosted single file | Hosting only | Everything | You do your own edits |
| Full personal site | Hosting + time | Everything | Overkill for six links |
What a good link page looks like
It loads instantly on a phone
One file, no external scripts, no web fonts fetched from elsewhere. Someone tapping through from a profile has very little patience.
The most important link is first
People tap one thing. Order the buttons by what you actually want them to do, not by what you added first.
It says who you are in one line
Someone arriving from a profile knows your handle and nothing else. One clear sentence about what you do stops the page feeling like a bare list.
It’s easy enough to update that you will
If changing a link means a deploy pipeline, the links go stale. A single file you can edit and re-upload keeps that friction low.
Common mistakes to avoid
- Too many links. Six is plenty. Twelve means people scan and tap nothing.
- Unlabelled buttons. “Click here” tells nobody anything; “Book a session” does.
- Forgetting the favicon and page title. They show up when someone bookmarks or shares the page.
- No dark mode consideration. A blinding white page opening from a dark app is a bad first impression.
- Never checking the links. Set a calendar reminder every few months; something will have moved.
How to do it with Link in Bio Page Builder
Online Tool Store’s Link in Bio Page Builder produces a single-file personal links page in your browser, and exports it for you to host wherever you like.
- Add your name, one line of description, and an avatar.
- Add your links in priority order, with button labels that say what happens on tap.
- Preview at phone width, since that’s where essentially all the traffic comes from.
- Export the single HTML file.
- Upload it to whatever hosting you have — a static host, a subdomain, a repository with pages enabled.
- Put the URL in your profile, then open it on your own phone from the profile link to check the whole path works.
The QR Code Generator is useful for print and events, and the Favicon Generator covers the small detail most people skip.
Frequently asked questions
Where can I host the exported file?
Anywhere that serves static files — a static hosting provider’s free tier, a repository with pages enabled, a subdomain on hosting you already pay for, or an existing website’s subdirectory. It’s one file with no server requirements.
How do I track clicks without a hosted service?
Add whatever analytics you already use to the page, or point the buttons at URLs carrying your own campaign parameters so your existing analytics attribute the traffic. The UTM Bulk Generator handles the second approach.
Can I update it later?
Yes — edit the file and re-upload it, or re-run the builder and export a fresh copy. Because it’s a single self-contained file, there’s no build step or deployment process to worry about.
Final thought
A link page is six buttons and a sentence. If you have somewhere to put a file, owning it costs you ten minutes once and nothing per month — and nobody else gets to change the deal later.