Create an Instagram link page with Divi (without extensions or Linktree)

Creating an Instagram link page is so easy to do when you use a page builder like Divi and have a site. No need for additional extensions or third party services such as Linktree!

In this quick tutorial, you will see that it is very simple and you will be able to build this page in only a few minutes... I have also prepared a video version!

Announcement: this article contains affiliate links that you will easily recognise. The classic links are in purple and sponsored links are in pink.

1 - What is an Instagram link page?

The only clickable link on Instagram is the one placed in your profile bio. If you use Instagram, you know that this is quite frustrating. So users thought of offering followers a landing page to indicate several useful links and avoid losing the user in pages that are not necessarily optimised.

Some people send users to sales pages, to an online shop, to the homepage of their site or to another social network... And others choose to use third-party services such as Linktree...

2 - Why use Linktree?

Frankly, I've always wondered?

In fact, yes, I imagine that Instagram users who don't have a website can easily use a service like Linktree to "dispatch" followers. But in this case, if they don't have a website, what use is Linktree other than to refer followers to other social profiles?

At the same time, this type of service is very widespread, it is not only Linktree that exists, other services such as Lnk.bio, Shorby or even Linkin.bio by LaterIn addition to the above, there are many other proposals that offer exactly the same things.

These are utilities that have been tried and tested for years, but they have several drawbacks:

• The design is limited.
• No free white label in most cases.
• Paid versions cost money unnecessarily.
• You lose traffic: it's better to send your Instagram followers to your site than to a third party site!

So you see, if you have your own website, you don't need this type of service to create your Instagram link page. There are other easier solutions...

3 - Why use a WordPress extension for your Instagram Bio?

Indeed, there are other alternatives for WordPress: the extensions for Instagram bio links.

As you can see from this screenshot, there is a bit of choice:

• Bio Links
• WP MyLinks
• WP Bio Links
• Linky
• WP Link Bio
• Social Link Pages

I myself have tested Linky, which is a 100% free French extension that offers a sober and pleasant visual:

This type of extension is perfect if the theme used on your WordPress site is not flexible enough or does not allow for delete the header and/or the footer. But if you use Divi, you can do without an additional extension.

Did you know that you can test Divi for free? Go to this page and click on "TRY IT FOR FREE

4 - Creating an Instagram link page with Divi

Here's how to make this type of landing page for Instagram in just a few minutes:

4.1 - Building the Instagram links page in "mobile first" mode

First, go to the Page > Add tab. In the Page Attributes, make sure you choose "Blank Page", this will remove the header and footer from your site. This way, the Instagram user won't have to scatter.

Note that "Page attributes" are only available for pages (not for articles).

Then activate the Divi Builder.

AsInstagram is a mobile-only social network, it is worth building your link page in "mobile first". This means that you build the mobile version first before moving on to the other versions (desktop and tablet):

1. Open the Visual Builder settings (at the bottom of the page) and activate the phone view.
2. Add a section (blue), a row (green) and possibly an image module to display your logo. Add a gradient colour to the background of the section ( Content tab > Background of the section settings).
3. Add a new row within this section.

4.2 - Building the page body with the Visual Builder

In this new row, you can add modules to build your Instagram link page:

4. Insert a text module, for example "discover my services".
5. Add a background colour
6. Add the link (URL) to the module and not to the text itself (Content tab > Link)
7. In the Style tab, add any margins to enlarge the module
8. Possibly add rounded corners
9. And why not a shadow box...

10. When your text module is "perfect", duplicate it as many times as needed
11. Add a final section at the bottom of the page
12. Then insert a Follow us on social networks module
13. Add all the social networks of your choice
14. If necessary, change the colours of the pictograms and align the module.

4.3 - Making some optimizations for the Desktop version

Now that the mobile version is complete, you only need to make a few adjustments for the Desktop and Tablet versions, in case someone comes across this page.

Read this article to find out more about Responsive Divi

15. Open the Visual Builder settings and activate the desktop view.
16. In the settings of the section containing the body of your link page, go to the Style > Spacing > Margins tab and activate the responsive option using the mobile icon.
17. Add about 300px of margin on the left and right for the desktop version only
18. Check that the margins in Mobile and Tablet are 0px

4.4 - Checking the visual appearance on mobile phones

When your Instagram link page is finished, publish it and check how it looks on mobile. In the screenshot below, you can compare an Instagram landing page made with Linktree and the one made with this tutorial.

You will find the demo here or visit my own links page offered in my Instagram bio.

Tip SEO Friendly Do not index this page in search engines(noindex). You can do this easily with an extension like Yoast or SEOPress.

Indeed, a link page like this has no interest in being indexed in Google. It would do more harm than good to your SEO, as its content is considered "poor".

Finally, get the URL of this page and place it in your Instagram bio, this will be the first page your followers will visit.

5 - Instagram Landing Page: the video tutorial

You can find all the explanations in this video tutorial which shows you the procedure in detail:

Need more resources for Divi? Check out the other articles in this section!