Else Instagram Header Footer Layout

Requirements

1. Latest version of WordPress
2. Latest version of Divi theme
3. Smash Balloon Social Photo Feed Plugin

1.Install the plugin “Smash Balloon Social Photo Feed”

https://wordpress.org/plugins/instagram-feed/
At first step what we have to do is install and activate this plugin. You can find it in the wordpress plugin repository. Check the image below.

2. Connect your Instagram account

Now that the plugin is installed and activated, you have to configure your Instagram account.

You can see how to do it in the image below.

From your left sidebar go to the

a) Instagram Feed > Settings

b) Go to the General tab > Manage Sources

c) Click on Add Source

When you click on the Add source it will redirect you to a new interface like this
a) Click on Personal or business whatever your type is

After you click any of this you will redirect to this page

Click on “Connect with instagram”

After that you will redirect to a new interface and you need to choose “allow”

That’s it. Your Instagram account is now setup on your website.

3. Import your feed

Inside the package, you’ll find a .zip file. Please extract it then you’ll get a folder called “Instagram-Files”.

In there you will get total 7 instagram feed style.

From WordPress Dashboard go to Instagram Feed > Settings > Import Feed Settings > import

Just pick the one you want to use and import it.

4. Import the Header footer content

Inside the package, you’ll find a .zip file. Please extract it then you’ll get a folder called “Header-Files” and “Footer-Files”.

a) Please go to Divi > Theme Builder > Add Custom Header

Pick the header style from “Header-Files” folder and import it

b) Please go to Divi > Theme Builder > Add Custom Footer

Pick the footer style from “Footer-Files” folder and import it

5. Import the Style Files

Inside the packages after extracting the zip files, you will get another folder called “Style-Files”

· Please go to Divi > Divi Library

· You will see Import & Export option there. Click on Import & Export button.

· Now Select the import tab

· You will see a json file upload option. Now choose the style layout and upload the json file. And then select Import Divi Builder Layouts Button

· Imported Layout will be visible in your Divi library.

6. The Instagram feed is not loading

In case your Instagram feed is not displayed in your footer or in the layout, you will have to check the shortcode of the module. This short code has to match with the code that appear in Instagram Feed > All Feeds > ShortCode.