If you’ve listened to any of my podcasts or follow me on social media, you know how I feel about building something you own. Sure we use platforms to help us get leads and build communities, but these resources owe us nothing and guarantee us even less.
So it’s always a good idea to focus as much as possible on the resources you own such as email lists and your website — link tree included. A link tree is simple but instrumental in helping you convert sales and put your best information in front of your audience.
I never had any technical issues with any of the link in bio tree platforms, but I have heard some horror stories about outages and missed sales. What I did have a problem with though is the lack of creative control over the look of my link tree landing page.
So that prompted me to build my tree on my website. I’m paying for hosting, so I may as well get the most from my investment, right? Now I want to show you how to build your link tree in WordPress with Elementor.
What Exactly Is A Link Tree?
It’s a type of landing page that people mostly use along with social media. On the link tree, you have a list of buttons or links. Those links put the information and options you want your audience to have. That way, you’re not constantly having to swap out links in the bio each day.
Link trees give you more options to share with your audience. You can use them to tell your post readers exactly what action you want them to take in your call to action. They’ll access what you want them to do, what you’re selling, information that you want to put right in front of them.
This link tree tutorial gives you an option to have your links right on your website. You will no longer have to send them away from your website. Instead, you can keep that traffic on something you own.
Why Use WordPress to Build your Link Tree?
If you’re not familiar with WordPress, it’s one of the leading platforms for building your website. WordPress is an open-source, theme-based website design system that you can also use along with code.
Depending on your skills, you can adjust existing themes, build your themes, or create custom templates using Elementor. It’s very customizable, very flexible, and user-friendly too with a little bit of help, information, and training.
Elementor is a WordPress plugin with extensions that help you customize your website design. If you’ve worked with WordPress before, you can compare Elementor to the Gutenberg block systems.
With those, you can customize the pages and give them a beautiful layout. We’re going to use WordPress and Elementor to build your link in bio tree.
How To Build Your Link Tree Using WordPress And Elementor
Here’s an image of what your link in bio tree will look like and you can also click here to see my tree. So, let’s get started!
1. The first thing you should do is make sure you have downloaded and installed WordPress and that you have installed and activated the Elementor plugin.
2. Now, go to your pages in the WordPress dashboard, add a new page, then name your page. In the example, I named mine tree. I have a tree as a part of my name so people are familiar with what they’ll be clicking on and they’ll know it’s not spammy.
3. Save the page as a draft so that it saves the name.
4. Click the edit with Elementor button at the top of the page.
5. Once you’re in the Elementor dashboard, click the gear button to the left to access the settings.
6. Change the page layout from default to Elementor canvas because that’s going to give you the full page with no header and no footer
7. If you want to change the background of your page, go to style > background type and use whatever color you want to match your branding.
See my YouTube tutorial to get more style options, such as adding the gradient background.
8. Add your picture by clicking the squares in the center of the tab. And then you drag and drop the image element from the left menu. At first, it will look humongous, but we can adjust that later. Choose your photo from the media library. If you want to use a circular image, you can do this one of two ways:
- Go to Canva and choose a circular frame from the elements, then drag your picture into the frame.
- In Elementor, go to the style options and find border radius. Choose the border type, and then keep increasing the border radius until the image is circular. Number 13 worked for me on the radius. Also, view the mobile version to see if the size works by clicking on the mobile device or tablet in the bottom left of the dashboard. 30 worked for me on the radius here.
9. Go back to the elements, click the header widget and drag it under your photo. Type either your name for personal branding or the name of your company for the header text. Adjust the text color as needed in the style options. Center the text under your photo. If you want to add your social media handle under your name, use the following code to remove the space in between:
Insert Name<br><h6><font color=”692b29″>@insertsocialmediahandle</font></h6>
10. Now, it’s time to start adding your buttons for your links on the tree. Click the plus symbol to add a separate section. Drag the button element from the widgets in the dashboard on the left. The default button will be small. In the button settings, you will need to align it justified so that it spreads across the page. You can leave the button type as default.
11. Add the button text to fit whatever information you want to direct your audience to. If you want to send users to your blog, add “Visit the Blog” or something similar. Then add the URL to your blog in the space that says link. Click the style tab and change the text color, background color, or button color, add borders, or change the button radius from square to round/rounded corners.
12. Left click on the pencil to the right of the section for the button. Then select copy and paste or choose duplicate.
Tip: If you chose to add a new button, you can also use copy and paste to quickly update the style settings for the new button to match the current buttons.
Shortcuts: Copy=Control +C, Paste=Control+V, Duplicate= Control+D
See my YouTube Link Tree tutorial for more styling options and tips
13. Continue adding buttons until you have as many as you need. I recommend not overdoing it with the buttons so that you don’t give too many choices. Make sure you’re giving them quick access to your hot topics, best content, and paid products/services.
Here’s the finished product:
Use your Tree to Get Followers and Email Subscribers
Now that you have a finished tree, copy and paste the link to that page on Instagram. I add mine to Facebook as well. Shorten the link with a service such as bit.ly if it seems too long for your profile.
You can also add social media buttons at the bottom by going to the elements and dragging social icons. Use the style options to adjust the color and size.
I also suggest adding an email form to build your list of subscribers. The form on my tree is from Sumo. And it shows up in the header of most of my pages.
If you only the email subsciber form on your tree, Sumo has a setting to exclude or only include specific pages that you choose.
You Just Finished Building Your Link In Bio Tree
Congratulations, Aaayee! It was easier than you thought, wasn’t it?
And if you’re at this point, it wasn’t that easy, you watched the video tutorial, and you still don’t have a finished and functional tree, you might just want to use my template and customize it how you like it.
Now, you have something you own, collecting information in multiple ways to continue targeting, driving traffic, and making sales. Those are the ways for you to continue building ownership.
Keep your audience on your website, convert your audience to buyers, and get them to the information that you need them to have quickly.
I’ll be sharing even more tips, tools, and tutorials, so be sure to join my list to be the first to know when I drop the goods.
If you have any questions, you know what to do. Post them in the comments and we’ll talk about it.
*Post may contain affiliate links for which I am paid a commission if you make a purchase.