Instagram Widget – Magento 2 Extension

Introduction

Installation

If you purchased an extension from Magento Marketplace then click on the How to Install Magento 2 Extension to install the extension.


If you purchased an extension from Solwin Site then follow the below steps to install the extension.

Installation Process

Note: Please take a backup of your all Magento files and database before installing or updating any extension.

Download the extension file:
  1. Download the Instagram Widget extension .ZIP file from solwininfotech.com using your Solwin Infotech website account.
  2. Extract the .ZIP file which contains another .ZIP files.
  3. Now, you will see the extension .ZIP file for Magento 2.1.x, Magento 2.2.x, Magento 2.3.x, and Magento 2.4.x version.
Extension Installation
  1. If you are using Magento 2.1.x then you need to extract solwin-instagram-m2-2.1.x.zip file.
    If you are using Magento 2.2.x then you need to extract solwin-instagram-m2-2.2.x.zip file.
    If you are using Magento 2.3.x, Magento 2.4.x then you need to extract solwin-instagram-m2.zip file.
    As we know instagram api is updated so now its token should be generated from https://developers.facebook.com, click here to generate Access Tokens and Permissions from Facebook API.
    If you are using Magento 2.1.x and your token is generated using new facebook api then you need to extract solwin-instagram-facebook-m2-2.1.x.zip file.
    If you are using Magento 2.2.x and your token is generated using new facebook api then you need to extract solwin-instagram-facebook-m2-2.2.x.zip file.
    If you are using Magento 2.3.x, Magento 2.4.x and your token is generated using new facebook api then you need to extract solwin-instagram-facebook-m2.zip file.
  2. Copy the app folder and paste it into your magento ROOT directory.

    FTP
  3. Run upgrade command as specified : php bin/magento setup:upgrade.
  4. Run deploy command as specified : php bin/magento setup:static-content:deploy -f.
  5. Clear the cache either from the admin panel or command line : php bin/magento cache:clean
  6. Now, you can see the Solwin menu in admin panel. Please go to Solwin -> Instagram Widget -> Configuration and select Enable to Yes.
  7. Change/Set all other options as per your requirements and save settings.

NOTE : Make sure the installation is done from under the FTP administrator account. Otherwise make sure to set 775 permissions to the store root directory after the extension is deployed.

Getting Started

A setup guide and general information to help you

This document covers the installation, set up and use of this extension and provide answers and solutions to common problems and issues. We encourage you to read this document thoroughly if you are experiencing any difficulties.

Information

Instagram Widget Magento 2 extension is an effective way to integrate Instagram with Magento 2 store. Instagram Widget Magento 2 extension displays an Instagram feed of your Instagram account.

With the help of widget functionality, the store admin can display Instagram feed on any of the CMS and other pages, with each widget the store admin can set no. of images to be displayed, image size and Custom title for Instagram widget once the Instagram widget will be displayed.

To display Instagram feed the store admin need to create an Instagram access token.

Click here to create an Instagram access token from Facebook.

To get an Instagram user id replace your Instagram access token with {access_token} and run the following URL in the browser, it will give you an Instagram user id.https://graph.instagram.com/me?fields=id,username&access_token={access_token}

Features

The extension provides the below features:

  • Easy setup and configuration.
  • Embed Instagram photos anywhere.
  • Set limit of photos to display.
  • Store owners can select photo size.
  • Set title as store owner like.

Settings

In the Configuration tab, the extension allows the store owners to enable or disable the module in the store and provide more configuration options for Instagram.

There are some configuration options in General tab. Lets discuss all in more details.

Go to Solwin >> Instagran Widget >> Configuration.

General Setting

Instagram General settings

  • Enable: Yes | No
  • User ID: Enter Instagram user id
    You will get instagram user id by using below link
    https://graph.instagram.com/me?fields=id,username&access_token={access_token}
    Here replace access_token with your details and then run this url in browser.
  • Access Token: Enter instagram access token
    Get Access Token by https://developers.facebook.com/docs/instagram-api/getting-started/

Widget

Solwin Instagram widget

1. Click on Content >> Pages.

2. Click on the "Add New Page" button and create a new page or open the existing page.

3. Go to the "Content" section and click on the "Insert Widget..." tab.

Instagram widget settings

  • Widget Type: Slelect widget type Solwin Instagram Widget.
  • Title: Enter title for widget section.
  • Number Of Image: Set the number of images to show in the widget section.
  • Select Resolution Of Image: Select image size for the widget section.

How To Use

In the front end, customers can see the Instagram widget.

category blocks cmspage

Support

If you have any questions or requests, please contact us at support@solwininfotech.com. We are very happy to assist you!

  1. Website: https://solwininfotech.com
  2. Blog: https://solwininfotech.com/blog
  3. Support: http://support.solwininfotech.com