Creating a Custom Linktree

To Stand Out From the Crowd

“Check the Link In My Bio”

We all know this phrase WAY too well, and it comes from the lack of links being posted within Instagram posts. Instagrammers leverage this single link in many ways, either by switching the link up according to what their post was about, or linking to a new blog, or what we all see often – a Linktree. 

A “Linktree” is a way to leverage Instagram’s single bio link, and it serves as a link that houses a multitude of other links to funnel visitors into. We used Linktree for awhile, and being there were some elements we didn’t like, we decided to create our own on our own WordPress website. We are sharing our step-by-step process on how to set up your own Linktree within your website!

We use Divi for our theme, however you can apply the same concept to other themes as well!

The Pros & Cons

Pros

1. See how much traffic each link is generating (pro feature)

On their pro feature ($6/mo) Linktree offers the ability to see how many clicks each link is receiving. You can evaluate which links are more popular than others. 

2. Pre-Schedule when links appear (pro feature)

If you’ll be launching a new course soon you can pre-schedule when you want links to appear, or when you want them to be hidden after an offer expires.

 

CONS

1. Analytic Break

Although traffic is going to your website in the end, you are still redirecting the traffic from Instagram, to LinkTree, then to your website. This POTENTIALLY could lose someone within that link. You want to send ALL your traffic to your website directly. When you are evaluating your analytics, and wanting to see your sources of traffic, using a third-party provider like Linktree will come up as an “other” field, instead of Instagram – which gives a semi-false reading for your marketing strategy.

2. Lack of Branding Customization

Linktree does offer the ability to choose the colors of the appearance, however, it can’t truely match your branding – or how you want to start the experience with your clients.

3. No option for subheaders

Adding more information on a link helps your vistiors see all that you’re offering – and lead them to exactly where they want to go.

The Set Up

1. New Page

In your website on WordPress, create a new page. The name you choose for the page will default what the url will be. ie: https://www.yoururl.com/linktree – which will be the same appearance it has on your Instagram bio. 

2. Apply Divi Visual Builder & Set Page Attributes

Once you have set a page name, click on Use Visual Builder to apply the Divi framework to this page. 

Set your Divi Attributes Template to Blank Page. This will remove the header and footer of the page so your page is blank.
(These are found on the right, under your Publish box)

Once you’ve set this, hit Update under Publisher to save your changes. When the page reloads after saving, click on Build on the Front End to go to the front of the page and visually build out your Linktree.

3. Page Structure

The framework of a Linktree page is fairly simple you’ll need: 

  • One Section: Blue
  • One Single Column Row: Green
  • Modules: Grey
    • 1 Image Modules (your logo)
    • (Depending on your links) Button Modules
    • Text Module

 

1. Add a Regular Section

You can either leave this a solid white/blank color – or you can use an image/pattern like we have by setting the background to an image. We applied a parallax to give some dynamic appearance to the page.

2. Add a Single Column Row

If you’re using a background color or image, set this background to something that will stand out, we usually recommend White. To make it stand out more you can add a dropshadow to the row to add a 3-D effect.

Spacing

  • Padding: Top: 50px Bottom 0px Left: 0px Right: 0px

3. Add an Image Module for your logo/headshot

Recommended image size 250px x 250px (you don’t want this too large), just enough to brand it to yourself

4. Add a Button Module

Create one for right now, and style it – then you can duplicate it over and over to match the rest.
Alignment: Center

Button: Select Use Custom Styles for Button (this will be to replicate what is in the screenshot, but you can customize to your branding and like)

  • Button Text Size: 20px
  • Button Text Color: #FFFFFF (white)
  • Button Background Color:  #686868 (grey) 
  • Button Text Spacing: 4px
  • Button Font Style: Select All Caps

Spacing

  • Margin: Top: 10px Bottom:  10pm
  • Padding: Left: 75px Right 75px (will depend on your link name length so it doesn’t break the line – this you can alter once you get your link names in)

After you’re done customizing the look of your button, duplicate it as many times as you need for the links you want to feature on your Linktree. Just go through after and set the text & links **SEE LINK ANALYTICS BELOW FOR HOW TO VIEW CLICKS ON EACH LINK**

5. Add a Text Module

This module will be for a minimal footer
Copyright © (alt + 1 69) [year], Your Business Name

Background: #333333 Recommend a darker grey color, or whatever matches currently on your site

Design Tab

Text

  • Text Font Style: All capitals
  • Text Color: #FFFFFF (white)
  • Text Text Size: 14px
  • Text Letter Spacing: 2px

Spacing

  • Margin: Top: 50px Bottom:0 px (this will set 50px space between your last button, and then have this bar at the bottom of your white row)
  • Padding: Top: 15px Bottom 15px 

Getting It To Work

Now that you have the framework built for your linktree, lets set your links – and ensure they are tracking clicks!

One feature Linktree offers which will help you view your analytics and what people are clicking on is their Link Stats, you can replicate this by using a site like Bit.ly to create short links that track clicks. With Bit.ly you would take whatever page/post link you have; ie: yourlink.com/post-title-here and then create a new link within Bit.ly. It will then generate a short link for you. Copy that shortlink, and past within the Link box for your buttons.

With Bit.ly it’s easy to track and see how many times a button has been clicked, and you can see where the traffic is coming from. (Facebook, Instagram, Email, Referall, SMS, etc)

Publish & Save

Be sure to save your work!

The most important part is to save all your work, make it a habit of saving intermittently while your creating this page! You can save either by clicking the green save button, or by hitting CNTRL + S, or CMND + S(mac) to save. Additionally, ensure your page is set to publish by clicking Edit Page in the upper right Admin Bar to go to the backend of your page. Ensure under the Publish panel it says published. If so, your LikeTree is now LIVE! Copy the Permalink to share your page in your IG bio, or anywhere you like! Make sure you TEST your permalink on both your computer and phone to ensure it is working correctly, and looks right before adding it to your Instagram profile bio.

0 Comments

Submit a Comment

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

Recent Posts

Keep Connected

Categories

Our Trusted Providers

Hosting

All of our clients websites are hosted on Bluehost – unless they have something else set up. It by far is our most favorite provider. Besides providing an affordable plan for hosting for as little as $3.95/month, you also get a free domain (if you don’t already have one), and even at the basic plan, you get 5 free email addresses!

Theme

All of our sites built (Even this site) is built using Divi by Elegant Themes. This drag and drop designer theme makes designing a site very interactive, and gives us the ability to see exactly what we are designing, and we able to tweek little things along the way.

Plugins & Support

WPMUDev has been a staple in every one of the websites we have developed. This package of plugins has everything from security (Defender), to image optimization, to page caching…the list goes on….111 plugins that is.

 

WANT TO TRY IT OUT FOR 30 DAYS? CLICK HERE TO SIGN UP FOR THEIR TRIAL!

Online Scheduling

For all of our online booking we use Acuity. This platform allows us to make booking appointments easy for us, and for clients. We can elect to have different types of appointments, as well as if we wanted to do classes – this platform allows for classes to be booked.

Client Management

We were going between MULTIPLE websites just to maintain my clients, their invoices, emails, where they are at in their design/site, then we were introduced to Dubsado. This LIFESAVER of a website has it all in one place, and allows you to do a lot of automation with prewritten emails, and auto-populate contracts. 

WANT TO GIVE IT A TRY? HERE’S A 20% OFF CODE
TO GET YOU STARTED
 WILDSPIRIT

Email Marketing

Launching your website is only the first step to getting your business online. the next step is keeping ENGAGED with your visitors and potential clients. We have been using MailerLite to help us manage our Email Marketing, and grow our business OFF of our website.

Live Chat

Video Tutorials

Meetings

Tools/Applications Used

Hosting

Bluehost

Theme

Divi by Elegant Themes

Link Tracking

Bit.ly

Please note that some of the links above are affiliate links, and at no additional cost to you, I will earn a commission if you decide to make a purchase after clicking through the link. Please understand that I have experienced all of these companies, and I recommend them because they are helpful and useful, not because of the small commissions I make if you decide to buy something through my links. Please do not spend any money on these products unless you feel you need them or that they will help you achieve your goals.

GET IN TOUCH

WILD SPIRIT DEVELOPMENT, LLC
CALL US | EMAIL US

Office Hours

MONDAY TO FRIDAY: 10AM TO 5PM MST
SATURDAY & SUNDAY: CLOSED

LEt's Connect 

© 2017 Wild Spirit Development, LLC || All Rights Reserved

This agreement is between Wild Spirit Development and Client/company, the Client.

Client is contracting Wild Spirit Development as a provider of web site maintenance services. Services not considered 'standard website maintenance' are subject to be charged at a regular hourly rate of $75/hour, and will not be considered part of this contract. 

What IS included in this agreement:

  • Premium security plugin to run security scans, and prevent security breaches.
  • Once a Month Website Core (WordPress) updates
  • 24/7 website uptime monitoring to ensure your website is running, and alert developer if there is any downtime.
  • Monthly website plug-in updates
  • Monthly website theme updates
  • Regular and thorough backups of your site so that it may be fully restored in case of loss

Monitoring your website functionality to ensure that everything is working as it should and upgrade where necessary. Some plugins may become outdated and no longer work with the newest version of your website software. Plugins may need upgrading to accommodate the newer version, or become obsolete with the improvements in the website software.
Downtime is highly inconvenient for any website owner and when it happens it is important to have someone on hand to help. 

What is NOT included in this agreement:

  • Content (text, words, photos, etc) updates, web site redesign, re-alignment or re-development.
  • CMS design or integration including but not limited to blogs, shopping carts and web forums. These require a separate design agreement.

Total Agreement:

Wild Spirit Development shall provide Client with necessary updates to the web site for a minimum of 12 months. The contract will be paid on a Monthly Basis with the 1st payment due as soon as Client/company purchases maintenance package. Each payment due around the date of the initial payment of each month. 

During the duration of this contract, the Client agrees that Wild Spirit Development will be the sole provider of maintenance services for the web site, and no other party will have access to or rights to change the web site. If a party other than Wild Spirit Development makes changes to the web site, any errors that are created must be repaired and will be charged for at the hourly rate specified above.

If client/company wishes to cancel their Security & Plug-in Website Care Package prior to their 12 month renewal date, they will be subject to pay the remainder of the 

Additional Services:

Any revisions, additions or redesign Client requests Wild Spirit Development to perform that is not specified in this document shall be considered "additional" and will require separate agreement and payment at above hourly rate. Wild Spirit Development shall advise Client on any requested work that falls within these bounds.

Authorization:

Client hereby authorizes Company/Developer to access their web hosting account, providing active user name / password combinations for access to the server via FTP, assuring that 'write permissions' are in place on said hosting provider.

Legal:

This Agreement shall be governed by and construed in accordance with the laws of the United Kingdom applicable therein.

BE NOTIFIED WHEN OUR NEW COURSE LAUNCHES!

Currently, in the development stage, we are creating a course that business owners can walk through and set up their website from scratch! This course will include everything from the introduction on basic website terminology, all the way to customizing your Wordpress website! If you want to be notified of when we launch the course (and get a discount being on the list) we will send you an email once we launch - with a discount code!

You're on the list! Stay turned and check your email for launch information & Beta tester requests! To make sure everything is perfect we will be opening limted beta spots for those who want to go through, and give us their opinion on the course!

Contact Us

}

Office Hours

Mon-Fri: 10am to 5pm MST
Sat & Sun: Closed

Location

Highlands Ranch, CO

Stay connected