Instagram Feed

By VimirLab Solutions Page 1

TABLE OF CONTENT

Overview .......................................................................................................................................... 2

Support ............................................................................................................................................. 2

Versions ............................................................................................................................................ 2

Getting Started Guide ........................................................................................................................ 3

Install by Copying Files ............................................................................................................................. 3

Configuration ........................................................................................................................................... 3

Get Access Token ..................................................................................................................................... 6

Add Instagram Hash-Tag .......................................................................................................................... 7

Customer Usage Description ................................................................................................................... 7

Important Notes ............................................................................................................................. 11

FAQ ................................................................................................................................................ 11

Uninstall Extension.......................................................................................................................... 11

Instagram Feed

By VimirLab Solutions Page 2

Overview Instagram feed extension is provide you one Page for Instagram Post of your

account, All Instagram post show in attractive Design with Likes &

Comments. This Feed Page support a Video, carousel and Single Image Post.

This extension will give all details in Pop-up when you click on post. Main

Feature of this extension is you can add on Product related Instagram post

on your product page by Hash-Tags. So first add Hash-Tag on product Detail

(back-end), According to this Hash–Tag Instagram post shown in your

Product page (Front-end). Multiple Option are available in Configuration to

make attractive design of Instagram Post Page.

Support

For Support please Visit www.vimirlab.com

This Software will not work unless you not enable this extension from STORE

-> Configuration->Vimirlab tab. Please contact your vimirlab

representative for any query.

Versions

This Extension Support Magneto open source version 2.2.3.

Instagram Feed

By VimirLab Solutions Page 3

Getting Started Guide

Install by Copying Files

Install Extension by Copying Files in your root folder. In root Folder Go to

App/Code and put VimirLab folder from your extension. Now register and

install your extension by SSH. In SSH go to your root folder and write

Register Extension:

php bin/magento setup:upgrade

php bin/magento setup:static-content: deploy -f

Clear Cache:

php bin/magento cache:clean php bin/magento

cache:flush

Your Extension Installation is Complete Go to Backend Configuration and Set

Rules.

Configuration

Go to STORES -> Configuration and find VIMIRLAB Tab and click in Instagram

Feed tab as see in above Figure 1.

Instagram Feed

By VimirLab Solutions Page 4

Figure 1

Configuration Setting shown in Figure 2

Instagram Feed

By VimirLab Solutions Page 5

Figure 2

Enabled

- Under settings admin has an option to enable or disable the Extension.

Link

- Admin can add/edit page link where all Instagram post are displayed.

This Feature is provide for customer, they will choose own link for

Instagram Feed Page.

Access Token

- Access Token is required. You can get Access Token from Instagram

Developer Page. Access token is unique for All Instagram Account. So

whatever account you want login through this account and get Access

Instagram Feed

By VimirLab Solutions Page 6

token. For getting Access token easily read and follow procedure below

part Get Access Token.

Client Id

- You can get Client id with Access token. Client id is not required field.

User Id

- You can get User id with Access token. User id is not required field.

Username

- Username is your Instagram Username.

Redirect on Instagram

- In Instagram post page you can see all your account’s posts. Whenever

you click on it if you want to see detail on this page so select option “no”

in redirect to Instagram option. You can able to see all likes, comments

and images in pop-up when you click on it post.

- If you want to redirect to direct Instagram page so select option “yes” in

redirect to Instagram option.

Get Access Token

For getting Access Token two method are Available.

1) One Click

In one click Procedure First Go through this Link.

http://instagram.pixelunion.net/

Now In this Page Click on Generate Access Token Button. Now you have to log

in through your Instagram account credentials.

And In last you get the Access Token.

Instagram Feed

By VimirLab Solutions Page 7

2) By Developer Page

First Login in Instagram Developer Page by click on this link.

https://www.instagram.com/developer/

Log In this by Your Instagram Account Credentials.

Now Click on Manage Client Tab in header of Page. Then Register New Client

by your details.

Now For Access Token go to below Link and Follow the Procedure in this

Page. https://www.instagram.com/developer/authentication/

Add Instagram Hash-Tag

In product detail page (Back-end) below you find one section name

Instagram Feed. In this section enter hashtag related your products so in

product detail page (front-end) you can see a slider of Instagram image

related to your products. In this Images you can see likes, comments and

this pop-up support for carousel images and videos.

Figure 3

Customer Usage Description

Customer can add link for all Instagram post of their account in

Store>Configuration.

In link you can see all Instagram post, sample page & Design will show in figure

4.

Instagram Feed

By VimirLab Solutions Page 8

Figure 4

In post you can see No of Likes, all Comments, Hash-Tag, and Description by

Click on each post. This Pop-up will also support Video & Image Carousel.

Below in Figure 5, 6 One Post Popup will show.

Figure 5

Instagram Feed

By VimirLab Solutions Page 9

Figure 6

Now In Product Page, you can see also Instagram Images Related to your

Products according to you have entered Hash-Tag in product detail.

Product Page is shown in figure 7.

Instagram Feed

By VimirLab Solutions Page 10

Figure 7

On clicking Each Instagram Images, You can see detailed Instagram post as

well as like Instagram Feed Page.

Figure 8

Instagram Feed

By VimirLab Solutions Page 11

Important Notes

This extension help to make a one unique page of your social Instagram

posts. You have multiple options for make attractive page in backend

configuration.

FAQ

Question: - How this extension works?

Answer: - This extension will add system configuration options where

admin can add Instagram account details. There are access token is must

require to fetch your Instagram posts.

Question: - Can I run this on my development site, too?

Answer: - Yes, Instagram Feed extension works for development as well as the

live site.

Question: - What's about Product Page Instagram Post?

Answer: - For this you have to add Instagram hash tag related your product

from backend. In your Instagram posts when related product hash tag is

included, so these post shown in your product page below Instagram Images

tab.

Uninstall Extension

Instagram Feed

By VimirLab Solutions Page 12

For uninstalling extension you can disable this extension from backend or

another method you can delete this extension by deleting Files from your

root Folder.

For Delete Extension File from Root Directory go-to App/Code and delete

extension folder. After Deleting Go to SSH and write these lines one by

one.

Un-Register Extension:

php bin/magento setup:upgrade php

bin/magento setup:static-content: deploy -f

Clear Cache:

php bin/magento cache:clean php bin/magento

cache:flush