How to Create a Link in Bio Page for Instagram

Alex Hyett - Jan 25 '21 - - Dev Community

I have been getting into Instagram a bit more recently and as many other users have discovered, one of the big limitations is not being able to have more than one link in your profile. Links in posts don’t work either unless it is a promoted post.

To overcome this many users resort to services such as Linktree and Solo. The downside of these services is they are generally very limited in what can be done with the free option. Even with a lot of the paid versions you are still going to have a link to someone else’s site in your bio, which doesn’t help promote brand continuity.

Most users are just looking for a nice looking page to add additional links too. If you are a developer it is easy enough to create your own with simple HTML & CSS.

Create a personalised Instagram Link in Bio page

A link in bio page is a simple page with links to your website and other social media profiles, that works well on a mobile device. If you already have a website then it is easy enough to put together a simple page.

This is what my page looks like which you can find at alexhyett.com/links.

link in bio example

The page can contain links to pages on your website you want people to visit or links to your other social media profiles.

And here’s one I made earlier

If you like the look of my links page then feel free to use it and customise it. You can find the code for it over at github.com/alexhyett/linkinbio.

I have added built-in support for all the major social media sites as well as Paypal, Amazon and Google. If you need to add others I am sure you can find suitable logos online for the other sites.

All you need to do is update the links and profile information and you have your own self-hosted links page.

Hosting your links page

If you are going to go to the trouble of creating your own links page then you are going to need somewhere to host it. Ideally, you should have your own domain and hosting. In which case, all you need to do is create a links folder, pop in the index.html and styles.css stylesheet and you are done.

You can then update your social media profiles with yourdomain.com/links.

Improving your links page

Depending on your programming skills, you can always expand this page to include some of the other features these premium links pages offer such as:

  • Analytics - this can be added easy enough by including the Google Analytics code snippet
  • Video embeds - just copy and paste the embed code from YouTube.
  • Custom background image - a quick Google search or a book like HTML & CSS will show you how to do this.

If you liked this post please show your appreciation by sharing or leaving a comment.

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .