How to Create Your Own Linktree + Why I Stopped Using Linktree

This post may contain affiliate links, meaning I make a commission if you purchase through my links, at no extra cost to you. Disclosure here.

why i stopped using linktree and alternative

This past month I have decided to stop using Linktree. Today I will tell you exactly why and I’m sharing a great Linktree alternative, as well as how you can create your own. It’s super easy and only takes minutes.

The reason why I started using Linktree, to be honest, is because everyone else was doing it – haha!

As you know, Instagram only allows you to place one link in your bio. So you need to make it count.

But what do you do when you have multiple platforms that you want to promote in your bio? For me, I have multiple links I want to display: my blog, YouTube channel, LiketoKnow.it page etc.

Most people use Linktree, a website where you can create a page with multiple link buttons.

I think Linktree is fine, it works well.

I used it up until recently a lot too – but there is one thing I have realized.

You are sending all this traffic to Linktree, which could be instead directed to your own blog or website.

How to create your own Linktree

This is the links page that I have created on my blog. Now I only link to this page in my Instagram bio and I update the links on my blog whenever I need to.

Since I implemented this new links page last month, I have sent over to my blog over 800 pageviews, which I think is truly brilliant.

linktree alternative how to boost your pageviews

If you have a blog, you probably already know that traffic is super important. It is what’s going to help you start earning an income from your blog. If you don’t have a blog already, you can learn how to start a blog today and you can also get here a great offer on blog domain+hosting.

I’ve also been sharing monthly blog growth reports lately, in which I tell you exactly what strategies I’m using to grow my blog and what’s been working so far.

If you already have a blog and would like to grow your pageviews using this method, here are the steps you need to follow.

HOW TO CREATE YOUR OWN LINKTREE – STEP BY STEP

If you’d like to easily create your own page like this, then here is a quick tutorial on how to achieve it. It might appear complicated at first, but I promise it’s quite easy to do.

How to make your own linktree page

STEP 1: Create a new page on your blog

Go to your blog dashboard and then Pages>Add New.

Title your page something relevant. I went with InstaLinks, but you can name it simply links or Instagram or whatever you see fit.

how to create your own linktree page

STEP 2: Add this HTML code to the page content

Open up a Custom HTML block in the content of your page. In order to get a Custom HTML block, you click on the plus button on the writing page and select the block that says “Custom HTML”.

Instead of a paragraph, you will add some code here.

how to create your own linktree page html code

Copy this code and paste it into your new page:

<div class="instagram">
<a href="LINK-URL-HERE">TITLE HERE</a>
<a href="LINK-URL-HERE">TITLE HERE</a>
<a href="LINK-URL-HERE">TITLE HERE</a>
<a href="LINK-URL-HERE">TITLE HERE</a>
<a href="LINK-URL-HERE">TITLE HERE</a>
</div>

In this code, you will need to add your own links.

Change the LINK-URL-HERE to the link you want to add.

Then change the TITLE HERE to what you want the button text to display.

I will give you an example of what it would look like:

<a href=”https://cappuccinoandfashion.com“>MY BLOG</a>

Go ahead and change each of the buttons to what you want yours to display. If you need extra, you can always copy paste another row.

STEP 3: Add this code to your Header Scripts

While you are on your page editor, scroll down and you will see a Header Scripts tab.

Some themes will have the header scripts here, for other you will need a plugin in order to add code to your header.

It’s easy, you just install the Insert Headers and Footers plugin (which is free). And then you can add the following code there to your header scripts.

how to create your own linktree page using html code

Copy this code and paste it there:

<style>.instagram {
  text-align: center; 
  display: block;
  font-size: 18px;
  padding: 5px;
}

.instagram a:link {
  display: block;
  color: white;
  font-size: 18px;
  background-color: #f8b7b6; 
  padding: 5px;
  margin: 5px;
}

.instagram a:visited {
  display: block;
  color: white;
 background-color: #f8b7b6; 
}

.instagram a:hover {
  color: white;
  display: block;
  background-color: #f8b7b6; 
}
</style>

STEP 4: Change the button colours (optional)

You can leave the colours as they are if you like. This step is optional.

But if you do want to change them to match your own theme, here is how.

Open the color-hex.com website and choose your color in the picker at the top of the page here:

how to create your own linktree page

Once you have your hex code, which looks something like this: #e92f71 – copy your hex code.

Go back to where you added the Header Scripts code. There are 3 colours you can change (text, background and hover):

how to create a linktree page on your blog

Simply paste your chosen colour code instead of the ones I used.

STEP 5: Add the new link in your Instagram bio

Simply copy and paste your new page link into your Instagram bio. For example, this is mine: https://cappuccinoandfashion.com/links

instagram linktree alternative easy

That’s it! Now you have your own Linktree alternative that will also generate you easy blog traffic.


Free Pinterest Made Easy Course and Worksheets for Bloggers

19 thoughts on “How to Create Your Own Linktree + Why I Stopped Using Linktree”

    1. Hey Allison! I had a look on your page and I couldn’t find the code from Step 3 (the one in the Header Scripts section). That might be the problem. If you add that, it might fix the problem. If you need any further help, do let me know 🙂
      Have a lovely day!
      Madeline

  1. Thank you so much for this tutorial, I found it incredibly helpful!

    Is there a way that you can make each link open in a separate page/tab instead of staying on the same tab?

  2. This was super helpful! Do you know if there is a way to see the analytics for the clciks each links get? Loved that feature on Linktree but I just made the switch due to your blog post. Thanks for the help! Xo

  3. Hi there!
    Thanks for this tutorial 🙂
    Quick question: how do you make all button the same length? I’ve copy-pasted your code but the buttons size adapts to text… (I’m on shopify so there is no “header” section, its all in the same tab)
    Hope you can help
    Warm regards

Leave a Comment

Your email address will not be published. Required fields are marked *