When Instagram came on the scene, everyone thought it was awesome. Fast forward a ways and it became apparent very quickly that one of the short falls of the platform was that while you could include a link in your post, you *couldn’t* make it clickable. Further, within the app, you can’t highlight text to copy, cut, and paste.

I’m sure in Instagram’s wisdom, they thought (and are standing by the decision) that no links and no copy, cut, and paste would cut down on the spam we might see in our feeds. But with their introduction of ads, and the inability to filter them out, we still get spammed with ads.

And people love Instagram. It’s one of the best social networks to help you gain traffic and build an audience. But let’s be honest, it CAN be difficult to convert traffic into users, clients, and customers. And so in order to keep up from fleeing to another app, they gave us the single link in our bio section. And we have to make it count.

But what this means is that every time you want to link to something different you have to change the link in your bio manually. It can get to be kind of a pain.

Enter Linktree

Then a company called Linktree had the great idea to allow you to build a landing page of links, and then you use THAT page as your link in your bio. Instantly, you go from a single link to multiples. And if you’re willing to pay the monthly fee – unlimited links.

It’s admittedly clever, but it has some drawbacks. 

  1. You miss out on the ability to link to your website if you have one. This means you miss out on the backlinking that helps you build your brand.
  2. Your style and design options are limited.
  3. You can’t track clicks, add analytics, or pixels, etc.
  4. To get “advanced” features like linking to video or link scheduling, you have to pay a monthly fee.

But it’s pretty simple to build your own page if you have your own website and are using the Divi Theme.

How to Build Your Own Linktr.ee in Divi

  1. Create a new page and give it a name that makes sense, like “instagram” or even “ig”. Publish your page and then click “Enable Visual Builder” or “Use Divi Builder”.
  2. Click “Start Building” under “Build From Scratch” on the left.
  3. Insert a new Row with a single column. Inside it, add an ‘Image’ module. This will be your profile image.
    • On the Content tab:
      1. Upload or select add the image
      2. Set the attachment size to “thumbnail 150×150”
      3. Add any link/url you’d like, and set the Image Link Target to “In The New Tab”
    • On the Design tab:
      1. Under Alignment, set it to ‘center’
      2. Under Sizing, set the width and height to 150px; (this should not be necessary if you set the attachment to thumbnail 150 x 150 – but let’s be safe.)
      3. Under Border, set the image border to 150px for all 4 corners (this makes the image round)
    • Save.
  4. Click the Green + sign to create another row with a single column. Add the ‘Text’ module. This will be your Instagram handle.
    • On the Content tab:
      1. Under Text add your handle: @PhoenixWebworks
      2. Add any link/url you’d like (like back to Instagram), and set the Module Link Target to “In The New Tab”.
    • On the Design tab:
      1. Under Text, set Alignment to Center, and text size to 18px.
    • Save.
  5. Click the Green + sign to create another row with a single column. Add the ‘Button’ module. This will be the start of your links.
    • On the Content tab:
      1. Under Text, set the text for your link. Example: ‘New Pattern’, or ‘Download my Widget’ or ‘Get the Ebook’
      2. Under Link, add the url to the Button Link URL, and set the Button Link Target to “In The New Tab”.
    • On the Design tab:
      1. Under Alignment, set it to center
      2. Under Text, choose Light or Dark for your text color.
      3. Under Button, if your button doesn’t look the way you’d like you may switch it to ‘custom’ and make changes. This includes: background color, text color, borders, and any hover actions.
    • On the Advanced tab:
      1. Under CSS Class, add ‘btn_100’.
    • Save.

Note: You can make the button/link creation easier by just duplicating the button you created and then changing the text and link.Finally, once you are done with your page and have Saved and published it. Go to Divi -> Theme Customizer. Under Additional CSS, add the following code:

.btn_100, .btn_100 a {	width: 100%!important;	max-width: 680px;}

This will make your buttons all expand to the width of the container and be uniform across all of them – just like you see on Linktree.

 

I hope this has been helpful for you. Post your results below and let me see what you’ve done!!