OpenCart Instagram Feed

OpenCart Instagram Feed Installation Guide

August 21, 2018 OpenCart

OpenCart Instagram Feed Plugin helps to extract the 20 latest posts from Instagram and display posts as per the page layout of OpenCart. You can display post on left, right, top or bottom. It is compatible with all versions of OpenCart 2 & OpenCart 3. It will display the latest posts from Instagram as shown in the image below –

OpenCart Instagram Feed

You can also ask questions to us if you face any problem with installation.

OpenCart Instagram Feed for OpenCart 2

Step 1)

Please click here to download our plugin for OpenCart 2 version. After downloading the plugin extract it and open “upload” folder. Upload all folders inside upload folder on your site’s root directory of server. For uploading, you can use WinScp/FileZilla/Cpanel.

Step 2)

Now login to your admin and open Extension->Modules. You should see an entry for this OpenCart Instagram Feed extension as shown in the image below –

Step 3)

To see OpenCart Instagram Feed Plugin in action, you need to click on install button as shown in the image above. After installing the plugin, click on edit button which is besides at the install button of the plugin.

Step 4)

Now you will see some entities of input fields which is required to fill in and save. Please check the image below –

To get the Client ID and Client Secret, please follow the instructions as mentioned at the end of the document.

Step 5)

After successfully register a Client on Instagram, you have to put the value of Client ID and Client Secret on these Input fields. Then click on save button as shown image above.

Step 6)

Now you should reopen the module page which you have created earlier then click on authenticate button as shown image below:-

It will redirect you to another page of your site if there is any error of authentication-related it will stop the forwarding process and show error message on the page.

Step 7)

To show the Instagram posts on home page, you need to go Design->Layout and click on the edit button of Home. Now you should select the Module of OpenCart Instagram Feed and position for the Instagram posts according to the choice available on the Home page and save it.

OpenCart Ajax Login Popup Pro| OpenCart Ajax Registration Popup Pro| OpenCart Ajax Forget Password Popup Pro

OpenCart Instagram Feed for OpenCart 3

Step 1)

Please click here to download our plugin for OpenCart 3 version. After downloading the plugin login to your admin store and go to Extension->Installer page.

Step 2)

Now first at all you should upload the install.xml  file of the plugin, the installation process will start automatically if installation process complete you will see a new entry(Opencart Instagram Feed) of the plugin.

Go to Extensions -> Modifications page, you should see an entry for this OpenCart Instagram Feed as shown in the image below.

To see the plugin in action you need to refresh the cache by clicking on Refresh button at the top-right corner of the page as shown in the image above –

Step 3)

Now you should upload the insta_feed.ocmod.zip file of the plugin, the installation process will start automatically if installation process complete you will see a new entry plugin, as shown image below-

Step 4)

Now go to Extension->Extension page and select the extensions type Modules. You should see an entry of this OpenCart Instagram Feed plugin as shown in the image below.

Step 5)

To see OpenCart Instagram Feed Plugin in action you need to click on install button as shown in the image above. After installing the plugin click on edit button which is besides at the install button of the plugin.

Step 6)

Now you will see some entities of input fields which is required to fill in and save.

To get the Client ID and Client Secret, please follow the instructions as mentioned at the end of the document.

Step 7)

After successfully register a Client on Instagram, you have to put the value of Client ID and Client Secret on these Input fields. Then click on save button as shown image above.

Step 8)

Now you should reopen the module page which you have created earlier then click on authenticate button as shown image below:-
It will redirect you to another page of your site if there is any error of authentication-related it will stop the forwarding process and show error message on the page.

Step 9)

To see the action you need to go Design->Layout and click on the edit button of Home. Now you should choose the Position and select the Module of OpenCart Instagram Feed where you want to display the Instagram Posts as Image shown below.

Generate Client ID and Client Secret

  • Please click here to login in your Instagram Account.
  • You should sign up there as a developer to get access to all the functionality. Make sure all credential should be correct.
  • Now click on Manage Clients tab button, you should Register a New Client as shown in the image below –

  • After successfully register a client you will see a Client ID.As shown in image below.

  • Now you should check your Client Secret by Click on Manage button as shown image above.

**NOTE: These steps are working on all OpenCart version 2 except then 2.0.0.0. For OpenCart version 2.0.0.0, install  XML modification file to Admin->Extension->Extension Installer. Upload all folders inside upload folder on your site’s root directory of the server. Follow the above-given steps to generate the Access token.

In case you need any customization in our OpenCart Instagram Feed plugin or any other plugin please let us know. You can contact us at [email protected] or chat with us on Skype [email protected]

Similar Posts: