Harper - Instagram Landing Page

Mobile phone view


What is an Instagram landing page?

An Instagram landing page is the page that your followers will "land at" (on mobile!) when they click the link in your bio. Custom Instagram landing pages have become incredibly popular and they're a great way to direct your followers to multiple different locations (a link to your awesome free ebook, your services page, your blog, etc). You can use a third-party service to create an Instagram landing page, but your customization options are limited and you can only add a plain list of links. No fun!

With the Custom Instagram Landing Page, you can add literally anything you want — yay! Some ideas:

  • Custom link list
  • Subscription form (using Genesis eNews)
  • Social media icons
  • An image of yourself and a bio
  • Your latest blog posts with images
  • Text, info, disclaimer
  • Advertisements
  • And anything else you want!

How to Create an Instagram Landing Page

If you imported the demo content, you can skip this step.

  1. In your WordPress dashboard, create a new page at Pages > Add New. Give the page a title, i.e. Instagram.
  2. On the right under Template, select the "Instagram" template. Publish page.

Adding Widgets to the Instagram Landing Page

The Instagram Landing Page is widget-based, so you'll add content to the page on your Widgets page.

  1. Go to Appearance > Widgets.
  2. Drag any widgets you want to use into the "Instagram Landing Page" widget area.

Configuring the page like the demo

If you imported the demo widgets, all of the widgets will already be set up for you — just fill in your own information!

1. Navigation links (boxes):

  1. Go to Appearance > Menus > Create a New Menu. 
  2. Add the pages and links you want to display in the demo and then publish the menu.
  3. Next, go to Appearance > Widgets and drag a Navigation Menu widget into the Instagram Landing Page widget area.
  4. Select the menu you created, and then save.
  5. From now on, you can easily update your menu links as needed at Appearance > Menus > Your Instagram Menu.

2. "Find Us On" Social Icons:

  1. Fill in your social icons code following this tutorial.
  2. Go to Appearance > Widgets and drag a Custom HTML widget into the Instagram Landing Page widget area.
  3. Paste your social icons code in the box and then save.

3. "Join the Club" subscription widget:

See this tutorial for setup instructions.

4. "Latest on the Blog" posts widget:

Drag a Genesis Featured Posts widget into the  Instagram Landing Page widget area. Configure settings as shown below:

Customizing the Instagram Landing Page

You can change all the colors of the Instagram landing page at Appearance > Customize > Harper Theme Colors > Pages. 

How to Link the page on Instagram

Whatever page you added the Instagram Landing Page template to, simply use that link in your Instagram bio. Voilà!