Icon toolkit for Divi

How to Add Instagram to Divi Header

The Problem – How to Add Instagram to Divi

Instagram is a photo and video sharing social network. Like Facebook, it’s audience is both individuals and businesses. Due to it’s large audience, businesses use it as branding and customer acquisition tool. Because of the growth of Instagram it is important to add Instagram to Divi.

Often, we get requests by our clients that they would like to show Instagram profiles on their website. As you know we use the Divi theme to build client websites.

Divi has a top header where you can showcase your client’s social media profiles. There’s a problem. Divi comes with a limited 4 social icons for your header and footer. They are

  • Facebook
  • Twitter
  • Google+
  • RSS

You can toggle and set social profile urls at WordPress Admin → Divi → Theme Options

There’s no easy way to add more social icons like instagram unless you write lot of custom code in your child theme.

You will need to

  • Write code to toggle and set social profile urls for the new social icons. The settings need to be at WordPress Admin → Divi → Theme Options along with the default divi social icons.
  • You will need to add social icon image files and stylesheet to you child theme.
  • You will need to copy the social_icons.php file from includes folder in your Divi theme to your child theme.
  • Once copied, you will need to update the social_icons.php file to include your new social icons.

That’s a lot of work for a single website.

Depending on the business profile of your clients, they might need social profiles other than instagram. A client with a hotel might need a Trip Advisor profile. In essence, it’s highly possible that you will have to redo this for every website.

The Solution – Divi Icon Toolkit Plugin. A Free Plugin.

I will make the following promises to you upfront.

  • You don’t have to write code to show social profile options in your WordPress admin.
  • You don’t have to worry about fetching the social icon images and stylesheet.
  • You don’t have to copy the includes/social_icons.php file from the Divi theme to your child theme.

We’ve got your covered. How? Enter the Divi Icon Toolkit Plugin. This plugin part of our Free Membership plan which is FREE to use.

What does the Divi Icon Toolkit do?

  • It integrates with Font Awesome Brand Icons . This gives you access to over 370+ icons. Yes, it has your Instagram icon tool.
  • We’ve added out-of-the-box support for 19 social icons including instagram. They are Instagram, YouTube, Pinterest, Linked In, Skype, Flickr, Dribble, Vimeo, 500px, Behance, Github, Bit Bucket, Deviant Art, Medium, Meetup, Slack, Snap Chat, Trip Advisor and Twitch
Font Awesome Brand Social Icons

Question: What If I Want To Use Other Font Awesome Brand Icons? Say Amazon?

You can use a filter df_update_social_icons to update the social icon list. A child theme is a good location to write this filter.

Adding extra social icons for divi

Adding custom social icons for Divi header and footer is a repetitive and time consuming process. This plugin takes the pain out of this process and adds integration with fontawesome brand icons. You save at least 1+ hour per website using this plugin.

This plugin is FREE to use.

Other Instagram Integrations

Our free membership also includes the Instagram Feed Module. This module allows you to pull your Instagram feed into a page or post using a Divi module.

Become a free member to make use of these great Instagram integrations for your Divi powered WordPress website.

Leave a Comment

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.