Clover [Genesis] - Instagram Landing Page

What is an Instagram landing page?

An Instagram landing page is the page that your followers will "land at" (on mobile phones) 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 any contentyou want! Here are some ideas:

  • Custom link list
  • Subscription form (using a Genesis eNews widget)
  • Social media icons
  • An image of yourself and a bio
  • Your latest blog posts with images
  • Text, info, or 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, such as Instagram.
  2. On the right under Template, select the Instagram template. Publish the 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. "Connect" social icons:

  1. Go to Appearance > Widgets
  2. Drag a 17th Ave - Social Icons Widget into the Instagram Landing Page widget area.
  3. Set the Icon Style to Filled Circle Icons.

3. About image & text:

  1. Go to Appearance > Widgets
  2. Drag a 17th Ave - About Me Widget into the Instagram Landing Page widget area.
  3. Configure widget settings as shown below:

4. "Latest on the Blog" posts widget:

  1. Go to Appearance > Widgets
  2. Drag a 17th Ave - Featured Posts Widget into the Instagram Landing Page widget area.
  3. Configure widget settings as shown below:


5. "Stay up to date" subscription widget :

See this tutorial for setup instructions.

Customizing the Instagram Landing Page

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

How to Link the page on Instagram

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