Have you ever wondered how to build a custom Linktree page that you own in WordPress? What if you never had to pay for the Linktree service and had full customization options to make your page look however you wanted? Seem too good to be true?

Well, in this article, I’m going to show you step-by-step how to quickly build a custom Linktree page on your WordPress website that you own so that you can guide your audience to your most important links through your Instagram bio.

Best of all, we will do it with free tools.

I got the idea to build a custom WordPress Linktree page for my own website using Kadence Blocks from Kadence’s blog.

Then I thought… what if I created a bunch of beautiful premade templates that users could import with one click and not have to build them themselves? How cool would that be?

So I did.

You’ll be able to create a Linktree page in WordPress about 10x faster than other tutorials out there because I already have all the Linktree templates created for you!

Here’s the custom Linktree page I built for my own site.

Jake Headshot BW

@jakepfohl

Are you ready to build your very own custom WordPress Linktree page with Kadence Blocks?

Let’s get right into it.

How to Build Custom WordPress Linktree Page With Kadence Blocks

Use the WordPress Linktree page tutorial guide below to jump around as you need:

Start Blogging 101 is reader-supported. If you purchase through a link on my site, I may earn a commission. Learn more

1. Install the Free Kadence Blocks Plugin

For this WordPress Linktree page tutorial, I highly recommend you use the Kadence Theme because we will also be installing the free Kadence Blocks plugin and the two go hand-in-hand.

Before we begin, make sure that you install the free Kadence Blocks plugin on your website. Once the plugin is installed, make sure to activate it.

Now, you’re ready to move on to step 2.

2. Connect to Start Blogging Blocks Cloud

Now that you have the free Kadence Blocks plugin installed on your website, the next thing you’ll want to do is connect to the Start Blogging Blocks Cloud.

If you aren’t sure what Start Blogging Blocks is, it’s a collection of prebuilt templates we built with Kadence Blocks that you can import onto your site with 1-click which also includes the Linktree templates we’ll be using.

We offer tons of prebuilt templates to help you build blog posts and landing pages in a fraction of the time so you don’t have to build them all yourself.

To connect up to the Start Blogging Blocks Cloud, first sign up for the free version of Start Blogging Blocks. You’ll be emailed a free license key instantly.

Then follow these 6 simple steps:

  1. Open a blog post or page in your WordPress editor and click the Kadence Design Library button at the top.
  2. Click the ‘+‘ icon to add a new connection.
  3. Enter https://cloud.startblogging101.com for your Connection URL (no trailing slash).
  4. Enter your free license key from the email in the Connection Access Key box.
  5. Click ‘Add Connection.’
  6. You’ll see a new tab called ‘SB Blocks‘ show up where you can access all of our free templates on your posts and pages.
How to Connect to Start Blogging Blocks Cloud

Congrats! You’ve successfully connected to the Start Blogging Blocks Cloud which means you’ll have access to the Linktree designs.

Time to move on to step 3.

3. Import Linktree Page Template of Your Choice

Now that we have the Kadence Blocks plugin activated on your site and you are connected up to the Start Blogging Blocks Cloud, it’s time to import the Linktree page template of your choice.

I would recommend creating a new Page in WordPress (not a blog post) as this is better suited for a page.

From your WordPress admin area, go to PagesAdd New.

The next thing you’ll want to do is name your page (which will also determine the slug/URL of your post) that you’ll add to your Instagram bio.

For this tutorial, I will call my page ‘Links‘, but you can call it whatever you want.

Here are some ideas for naming your page:

  • Links – https://yourdomain.com/links
  • Linktree – https://yourdomain.com/linktree
  • Resources – https://yourdomain.com/resources

Once you have your page title filled in, it’s time to import the Linktree page design to get you started.

Open up the Kadence Design Library by clicking the button at the top of your page.

Click on the ‘SB Blocks‘ tab which opens up our cloud that you set up in step 2.

Search for ‘Linktree‘ in the search bar and you will see the various Linktree templates available to you. Some are free and some are pro designs.

Start Blogging Blocks Search For Linktree Templates

Click on the Linktree template of your choosing and it will be instantly imported onto your page like this:

@instagram_handle

4. Configure Page Settings

Before customizing your Linktree design and adding your links, we first want to set up the correct page settings.

In the upper right-hand corner of your editor, you’ll see an icon that says “Page Settings.” Click on it.

Kadence Page Settings Button

To set up your Linktree page correctly, set the following page settings:

  • Transparent HeaderDisable
  • Post TitleDisable
  • Post Layout – Fullwidth
  • Content Style – Unboxed
  • Content Vertical PaddingDisable
  • Show Featured ImageDisable
  • Disable HeaderON
  • Disable FooterON
WordPress Linktree Page Kadence Page Settings

With these page settings set, you’ll now have a full-width page that fills your entire screen.

Also, we disabled the header and footer so that your Linktree page looks like a standalone page without showing your site’s header or footer. This makes it look a lot cleaner and better resembles what you see with other Linktree pages.

5. Customize Linktree Page

With your Linktree design template imported and your page settings set correctly, now it’s time for the fun part!

This is where you will customize your WordPress Linktree page and personalize it to look exactly the way you want.

Let’s start with the image at the top.

Image

Click on the circle avatar image at the top of your Linktree template.

In the toolbar that shows above the image, choose “Replace.”

Start Blogging Blocks Linktree Page Replace Image Avatar

Upload the image you would like to use or choose an existing image from your Media Library.

Now it’s time to move on to adding your social details.

Social Details

Where it says ‘@instagram_handle‘, simply replace the text with your instagram handle.

Below the Instagram handle are social links.

For these Linktree templates, we added four popular social networks to get you started: Facebook, YouTube, Twitter, and TikTok.

But here’s the best part about these templates – they’re completely customizable!

Don’t want to show the social links? Easy, just click on the Social Icons block and remove it. Otherwise, feel free to click on the social link icon and add the URL to your social page.

You can also swap out these social links with a TON of different social networks all provided by the core WordPress Social Icons block.

Here are just some of the social network options available to you:

WordPress Social Icons Block Example Options

Would you rather link to Pinterest, Snapchat, an Etsy shop, and your LinkedIn? Yep, you can do that, too!

Do you want the background of the buttons to match your brand colors instead of using the social network brand colors? Simply change the “Icon Background” color on the Social Icons block.

WordPress Social Icons Block Change Icon Background Color

Now this:

Turns into this!

You can even add labels to say whatever you want.

Once you have the social networks of your choice added and linked, it’s time to move on to customizing your Linktree links!

Links

The last thing we are going to do (before getting into some bonus fun) is customize our Linktree links.

Luckily for you, our Start Blogging Blocks templates provide the buttons and styling already. All you have to do is change the text, enter your links, and you’ll be done!

Click on the “Linktree Button” text for each button and change the text to whatever you would like your buttons to say.

Now, depending on the template that you imported on your page, there are two different ways to add links to your buttons.

If you imported a Linktree template that has NO images in the buttons, then follow the steps below.

If you imported a Linktree template that DOES have images in the buttons, then skip to these instructions below.

How to Add a Link to a Linktree Button With No Image:

If you imported a Linktree template that has no images in the buttons, then all you have to do is click on the button and enter the URL in the box that shows up.

Start Blogging Blocks Add Link URL to Linktree Button

Also, clicking the dropdown arrow allows you to choose whether you want the link to open in a new tab or the same window along with some other attributes.

Do this for each of your buttons.

If you imported a Linktree template that does have images in the buttons, then the process is a little different to add a link.

These “buttons” are created with the Section block from Kadence. The nice thing is that Kadence gives you an option to turn an entire section into a link, essentially making it a button.

Click on the Linktree button you want to link and then make sure you are at the Section level.

Kadence Blocks Linktree Page Section Level Button

Once you’re on the Section level, you’ll see an area in the settings called Overlay Link. Open that up and you’ll see an area where you can enter a URL to link the entire section.

Kadence Blocks Turn Section Into Button Overlay Link

Entering a URL here will turn your entire section into a clickable button which means the user can click or tap anywhere in the section (including on the image) and it will go to the page of your choice.

Pretty cool, huh?

How to Add/Remove Linktree Buttons:

You may be wondering, how do I add or remove Linktree buttons? Simple!

If you want to remove a button, click on the button (or Section for buttons with images in them) and click “Remove” from the menu.

If you want to add a button, click on the button and choose “Duplicate” from the menu.

For buttons that have images in them, make sure you are at the “Section” level when you go to duplicate it.

Voila! You can add or remove as many buttons as you wish.

6. Add Linktree Button Animations

Are you ready to have a little fun?

So, you have your Linktree page built. You have all the buttons you want on your page and linked to all your amazing pages.

However… your buttons just sit there. What if we could add a little movement? Perhaps make your buttons animate to draw the attention of your visitors?

Well, with Kadence Blocks Pro, you can do just that.

If you don’t already have Kadence Blocks Pro, it’s included in the Kadence Bundles. I also have an exclusive 10% off coupon code you can use to give you a bit of savings.

It even works on the Lifetime Full Bundle which is a one-time payment and you’ll own every Kadence product and get lifetime updates forever!

Special Offer

Kadence White Logo With Background

10% Off Any Kadence Bundle

Want to unlock all of the PRO features of both the Kadence Theme and Kadence Blocks? Upgrade to the Kadence Essential Bundle or Full Bundle.

Use code: SB10OFF

Check out these button animations!

Jake Headshot BW

@jakepfohl

The nice part is you have a ton of animation options available to you, so you can choose what works best for you:

Kadence Blocks Pro Animation On Scroll Options

After you choose an animation, you can also tweak the animation settings such as the Animation Duration, Animation Ease, Start Delay, and Pixel Offset.

The play button at the bottom (▶️) allows you to play the animation directly in the editor so you don’t have to go through the trouble of previewing your page just to see how the animation will look.

Kadence Blocks Pro Animate On Scroll Settings

Keep in mind that in order to see the “Animation on Scroll” options, you need to be using Kadence Blocks Pro which is included in either of the Kadence Bundles.

Now go animate your WordPress Linktree buttons!

7. Add Click Tracking to Linktree Buttons

The fun doesn’t stop at animating your Linktree buttons!

One other key piece of the Linktree platform are the analytics that allow you to see how many clicks you have gotten on your buttons so you can see which ones are performing the best.

If you want to add click tracking to your WordPress Linktree buttons, there are a few ways you can do it:

Use an Affiliate Plugin Manager

An affiliate plugin manager allows you to super easily keep track of all your affiliate links in one place and see analytics on them.

Two of the best affiliate plugin managers are Pretty Links and Thirsty Affiliates. They’re both very similar plugins and you really can’t go wrong with either of them.

You can use either of these affiliate plugin managers to specifically track clicks on your affiliate links.

Therefore, you could create specific affiliate links for your Linktree page and use those links on your buttons.

That way, you’d be able to dig into the reporting and see how many users have clicked on your affiliate links through your Linktree page to give you an idea of how well they’re doing.

Use “Track the Click” Plugin

If you don’t want to use an affiliate plugin manager to track clicks on your buttons, you can use a free plugin called Track the Click.

Simply install and activate the plugin on your website and it will start tracking all the clicks for your links in a table.

WordPress Linktree Buttons Track the Click Plugin Analytics

Keep in mind this is going to track every click on all your buttons, so it could be a little overwhelming. However, you will still be able to know how many clicks your Linktree buttons are getting.

There’s also an option in the plugin to hook this into Google Analytics if you want even more granular tracking!

Use Query Parameters (Campaigns)

Another way to track clicks on your WordPress Linktree buttons is to use query parameters in your URLs.

What are query parameters? Query parameters are a set of parameters that are attached onto the end of a URL to help define content on the data being passed.

For example, if you do a search on this website, you can see query parameters being used.

Say I search for “kadence” on this website. When you do, the URL becomes https://startblogging101.com/?s=kadence. In this example, ‘s‘ is the query parameter and ‘kadence‘ is the value being passed.

If you are part of an affiliate program, many times they allow you to create campaigns to track how your affiliate links are doing.

These campaigns are done through query parameters in the URL.

WordPress Linktree Button Campaign Click Tracking Analytics

The image above shows you what I mean.

The page URL is https://startbloggingblocks.com/ and then I specified a Campaign name of “linktree” which then adds a query parameter onto the URL.

The URL now becomes https://startbloggingblocks.com/?campaign=linktree&ref=1.

There are two query parameters: ‘campaign‘ with a value of ‘linktree‘ and ‘ref‘ with a value of ‘1‘.

Now I can add this URL to my Linktree affiliate button for the product I’m selling (Start Blogging Blocks).

Then, every time someone clicks on the button through my Linktree page, it will track that and I’ll be able to know how many clicks my Linktree button is getting versus the rest of my links.

Pretty fancy stuff!


So, there you have it!

I hope you enjoyed this tutorial teaching you how to create a Linktree page in WordPress using Kadence Blocks and our Start Blogging Blocks templates to make the process 10x faster than building it yourself.

Feel free to leave a comment below and show me the Linktree page you created for your website! Perhaps I’ll showcase some of the best ones 😉

Until next time,
Jake ✌️

Join the Community

Join the completely free WordPress Without Page Builders by StartBlogging101 Facebook Group and connect with an awesome community of rockstar individuals who are passionate about building fast, profitable WordPress sites to grow their businesses. Come say hi! 👋

Similar Posts

Leave a Reply

Your email address will not be published.