Link in bio generator

Free · no signup

Build a single page that holds your WhatsApp, booking link, menu and socials. See it live, then copy the HTML and host it anywhere.

Background
Aurora Studio
Open six days a week, two minutes from the high street
Message us on WhatsApp Book an appointment See the menu Follow us on Instagram
Save as index.html
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>Aurora Studio</title> <style> *{box-sizing:border-box} body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:48px 20px;background:#12715B;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif} .bio{width:100%;max-width:340px;text-align:center} .bio .av{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,.2);color:#fff;font-size:24px} .bio h1{margin:14px 0 0;font-size:24px;font-weight:500;color:#fff} .bio .tag{margin:5px 0 0;font-size:13.5px;line-height:1.5;color:rgba(255,255,255,.72)} .bio .tag:empty{display:none} .bio .lk{display:block;margin:10px 0 0;padding:14px 12px;border-radius:13px;background:#fff;color:#211E18;font-size:14.5px;font-weight:700;text-decoration:none} .bio .lk:first-of-type{margin-top:26px} .bio .lk:hover{background:#F2EFE7} </style> </head> <body> <main class="bio"> <span class="av" aria-hidden="true">AS</span> <h1>Aurora Studio</h1> <p class="tag">Open six days a week, two minutes from the high street</p> <a class="lk" href="https://wa.me/447700900123">Message us on WhatsApp</a> <a class="lk" href="https://example.com/book">Book an appointment</a> <a class="lk" href="https://example.com/menu">See the menu</a> <a class="lk" href="https://example.com/instagram">Follow us on Instagram</a> </main> </body> </html>
Next step

One link, every channel.

DMly picks up the chats that link starts, across WhatsApp, Instagram, Messenger and five more.

Somebody Else’s Name Is in Your Link

Look at the address of your bio page. For most small businesses it opens with a company you have never dealt with, followed by a slash and your name, and every customer who taps it reads that before they read anything of yours. It is also an address you do not control: if that service changes what it charges, or goes away, every profile you have updated and every card you have printed points at nothing. The link in bio generator above takes a different approach, which is to give you the page as a file.

One file, yours, hosted wherever you like, with your own address on it. No account, no subscription and nothing to cancel.

What the Link in Bio Generator Produces

A complete web page. Not a fragment to paste into something else: the whole document, from the doctype at the top to the closing tag at the bottom.

The kicker above the code box tells you what to do with it, and it is the entire instruction: save it as index.html. Copy the text, paste it into a plain text file, name it that, and put it somewhere that serves files.

The preview beside the fields is a phone sized picture of the same page built from the same values, so what you see is what the file produces.

What Is Actually in the File

It is short enough to read, which is unusual for something that does a job like this.

There is a title, a small block of styles, and then the page itself: a circular avatar with your initials in it, your business name as the heading, your tagline underneath, and your links as full width buttons down the middle. Everything is centred in a column about 340 pixels wide, which is what makes it look right on a phone and unremarkable on a desktop.

What is not in it matters as much. No script tag. No web font pulled from anywhere. No image, no tracker, no remote asset of any kind. It does not name this plugin, this site or any service, so there is nothing in your page that depends on somebody else keeping a server running.

That is why the file will still work in five years. There is nothing in it that can stop working.

The Fields

Three settings and four link rows.

  • Business name. The heading, the page title, and the source of the initials in the avatar.
  • Tagline. One line under the name. Unlike the business name, clearing it genuinely clears it, because a page with no tagline is a real choice.
  • Background. Four colours: deep green, ink, plum and ocean. All four are dark enough to carry white text, which is the only real constraint on the design.
  • Four link rows. Each with the words on the button and the address it goes to.

Leave a row without an address and it does not appear on the page, so three links is as easy as four.

The Labels Are the Whole Design

There are no icons and no images on this page, which means the words on the buttons are doing everything.

Look at how the defaults are written: message us on WhatsApp, book an appointment, see the menu, follow us on Instagram. Every one of them is a verb and an outcome, and none of them is the name of a platform on its own.

That is the rule worth keeping. A button saying WhatsApp is a label. A button saying message us on WhatsApp is an invitation, and it converts better for the boring reason that it tells somebody what happens when they tap it.

Keep them short enough to fit on one line on a phone. Four or five words is the comfortable maximum.

Four Links Is the Point

The panel gives you four rows and that is a design decision rather than a limitation you should resent.

A link in bio page exists because a profile only allows one address. Its whole job is to be the shortest possible fork in the road, and a page with nine buttons on it has stopped being a fork and become a menu that people scroll past.

Order matters more than most people think, because the first button gets a disproportionate share of the taps. Put the thing you actually want, not the thing that feels most polite. If the point of the page is enquiries, the message button goes first and the Instagram link goes last, even though your Instagram is where they came from.

A useful test: if you could only keep one of the four, which one is it? That is your first button.

The Avatar Is Your Initials

There is no image upload, no logo field and no photograph. The circle at the top holds the initials taken from your business name, in white on a translucent disc.

For a lot of businesses that is genuinely fine, and it is the reason the page stays one self-contained file with nothing to load. A logo would mean an image, an image would mean a file hosted somewhere, and hosting it somewhere is the exact dependency this page is built to avoid.

If you want your logo on it, that is an edit to the file rather than a setting here. Anybody comfortable with HTML can swap the span for an image tag in about a minute, and if that sentence means nothing to you, the initials will do more good than a logo would.

Where to Put the File

Anywhere that will serve a page. The file has no requirements at all: no database, no server language, no build step.

The best answer, if you already have a website, is a folder on your own domain. That gives you an address that is yours, that matches your business, and that nobody can take away or reprice. It is also the version a customer trusts, because the address says who they are dealing with before the page has loaded.

If you do not have a site, any host that serves static files will do it, and most of them will do it for nothing. What you are looking for is somewhere to put one file, which is the least demanding thing you can ask of a web host.

Whatever you choose, the file is named index.html so that the address is a plain folder rather than ending in a file name.

What the Link in Bio Generator Cannot Do

You are trading a service for a file, and the things you give up are worth naming.

  • No analytics. This is the real one. You will not know how many people opened the page or which button they tapped, because there is nothing in the file that could tell you.
  • No hosting. It gives you the file. Putting it somewhere is your job, and it is the step people stall on.
  • No editing later. There is no account, no saved version and no dashboard. Changing a link means coming back here, filling the fields in again and replacing the file.
  • No images. No logo, no photograph, no icons.
  • No custom colours or fonts. Four backgrounds and the system typeface.
  • It does not check your addresses. A typo in a URL becomes a button that goes nowhere, and nothing here will tell you.
  • Nothing is stored. Close the tab and your settings are gone, which is the reason the next section exists.

Keeping It Editable

The one genuine inconvenience of owning the file is that you have to be able to change it, and the panel forgets everything the moment you leave.

So do one of two things when you finish. Either keep the file itself somewhere you can open it, because it is plain text and the links inside it are perfectly readable to anybody who looks, or write down the six or seven values you typed so that rebuilding the page here takes two minutes rather than an afternoon of remembering.

Of those, keeping the file is better. Changing one address inside it is a find and replace, and it does not depend on this page still existing either.

Set a reminder to look at it twice a year. A bio page quietly rots: the booking link changes, the menu moves, a social account gets renamed, and nobody notices because the person who checks the page most often is you, and you never tap the buttons.

The Link Is the Start of a Conversation

Almost every page like this has a message button on it, and it is nearly always the one that matters, because it is the only button where somebody arrives as a person rather than as a visit.

Build that link properly rather than typing it in by hand: the WhatsApp link generator gives you an address that opens a chat with your greeting already in the box, which is what you want in that first row. If one of your four buttons is meant to take bookings, the WhatsApp booking page generator builds a services page you can point it at.

Then somebody has to answer. With DMly the chats that link produces land in one inbox alongside Instagram and Messenger, which is the part a bio page cannot do for you and the part that decides whether any of it was worth the afternoon.

Frequently asked

Clear the address, not the words. A row reaches the page when its URL field has something in it, so emptying that field is what takes the button off. Clearing only the label leaves the row live and falls the words back to the greyed out placeholder, which is either the wording that row started with or Link and its number. Empty all four addresses and the code box shows a prompt instead of a page.

Because the box is showing you HTML, and HTML spells a handful of characters as entity codes. An ampersand and an apostrophe both arrive as a short code starting with an and sign, and both draw as the plain character the moment a browser opens the file. Nothing is broken and nothing needs correcting by hand. Writing them that way is what stops a stray quote or angle bracket in your wording breaking the markup around it.

Yes. Write it in full, as mailto:hello@example.com or tel:+447700900123, and it goes into the file exactly as typed. A plain address such as example.com/book has https:// put in front of it for you. Anything carrying a scheme the panel does not recognise is dropped rather than published, and the row just disappears from the preview, so a button vanishing the moment you paste is usually that.

Close, but the type differs. The colour, the layout, the avatar and the buttons all match, because both are built from the same values. The fonts are the one thing that does not carry across: the preview draws your name and initials in this site's own serif, while the file loads no web font at all and takes whatever sans serif the phone or laptop already has. That is deliberate. A font fetched from elsewhere is one more thing that can stop working.

The avatar takes the first letter of each of the first two words and stops, because two characters is all a 64 pixel circle holds at that size. A one word name gives one letter. Small words count as words, so The Grey Barn reads as TG rather than GB. There is no field for typing the initials you would rather have, but the avatar is one short line near the top of the file, and any two characters can go in its place.

Scroll to Top