TABLE OF CONTENT. Overview Support Versions Getting Started Guide Install by Copying Files Configuration...

Transcription

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 FAQ Uninstall Extension By VimirLab Solutions Page 1

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 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 By VimirLab Solutions Page 2

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. By VimirLab Solutions Page 3

4 Figure 1 Configuration Setting shown in Figure 2 By VimirLab Solutions Page 4

5 Figure 2 Enabled Link - Under settings admin has an option to enable or disable the Extension. - Admin can add/edit page link where all Instagram post are displayed. This Feature is provide for customer, they will choose own link for 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 By VimirLab Solutions Page 5

6 Client Id token. For getting Access token easily read and follow procedure below part Get Access Token. - 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. 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. By VimirLab Solutions Page 6

7 2) By Developer Page First Login in Instagram Developer Page by click on this link. 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. Add Instagram Hash-Tag In product detail page (Back-end) below you find one section name. 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. By VimirLab Solutions Page 7

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 By VimirLab Solutions Page 8

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. By VimirLab Solutions Page 9

10 Figure 7 On clicking Each Instagram Images, You can see detailed Instagram post as well as like Page. Figure 8 By VimirLab Solutions Page 10

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, 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 By VimirLab Solutions Page 11

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 By VimirLab Solutions Page 12