Magento 2 Instagram Feed Pro

1. Instagram Integration Pro extension User Manual Instagram Integration Pro extension integrates Magento with Instagram to Instagram images based on user name or hashtags on stores. Table of Content 1.Extension Installation Guide 2.Configuration 3.Updating Images 4.CMS Page Setting 5.Instagram Images on Frontend 6.Deactivation of Extension in Case of Emergency 7.FAQs Instagram Integration Pro © MageComp.com

2. 1.Extension Installation Guide •Go to My downloadable products. The file that you download normally is a zip file. •Use FTP client (such as Filezilla, WinSCP, cuteFtp) to upload or copy all folders in the zip package to your Magneto site root folder. This will not overwrite any existing files, just add new files to the folder structure. •Open Command line in folder root of Magento and run following command respectively: ophp bin/magento setup:upgrade ophp bin/magento setup:static-content:deploy ophp bin/magento indexer:reindex ophp bin/magento cache:flush •Navigate to Stores/Configuration, if you can see the extension tab, it is installed properly. •If you need professional help regarding Magento Extension Installation, Feel free to contact us any time. 2.Configuration Once you have successfully installed the extension, go to Stores  configure the extension for use. Here you can find various settings for the extension. •Instagram Connect Pro: The option to enable or disable extension. •Show images on home page: Set YES to show images on homepage •No. of images to show on homepage: Enter the number of images you want to show on homepage, leave empty for unlimited images •Show images on product page: Set YES to show images on product page •No. of images to show on product page: Enter the number of images you want to show on product page •In More View Section: Set YES to show Instagram images in more view section of product page •In Product Detail Section: Set YES to show Instagram images in product detail section of product page  Configuration to Instagram Integration Pro © MageComp.com

3. •Update Images By: Select option to update Instagram images based on •Users: Enter users to fetch Instagram images based on •Hashtags: Enter comma separated hashtags to fetch Instagram images based on •No. of Images to Fetch: Enter number of images and videos to fetch based on usernames or hashtags. •Show Navigation in Image Popup: Set YES to show navigation in popup to navigate through images •Show Popup With: Choose one of the two options of Instagram popup view in frontend. •No.of Images to Show on Instagram Page: Enter the number of images you want to show on Instagram page, leave empty for unlimited images Instagram Integration Pro © MageComp.com

4. 3.Updating Images: •Once you have successfully configured the extension, go to Instagram Integration Pro   New Images. Here you can find a button “Update Images List”. Click it to fetch new Instagram images and videos based on the settings you selected while configuration. Once the images are fetched, you can approve or delete them as per your requirement. •You can see all the approved images at Instagram Integration Pro  You can even delete them by clicking on each.  Approved Images. Instagram Integration Pro © MageComp.com

5. •Once you have approved images, you can add or edit image details. Go to Instagram Integration Pro  Approved Images Manager. Here you can see approved image details enlisted along with title and description. Click on image for which you want to add titles, description and links. Instagram Integration Pro © MageComp.com

6. •Once you have approved images, you can add or edit image details. Go to Instagram Integration Pro  Approved Images Manager. Click on image for which you want to edit or add details. You will be redirected to “Image Information” tab to add or edit details. Here you can provide image link, title, description, set hotspot and multiple titles with hyperlinks to show on frontend in image popup. You just need to simply drag and drop pins on related products to auto set positions for hotspot. Instagram Integration Pro © MageComp.com

7. •Setting multiple title, links and top and left position from hotspot on image– You can add up to 5 titles and links to show in image popup. Based on above drag and drop pins on image, hotspot top and left positions will get auto set. You can again change the positions by moving pins. 4.CMS Page Settings: After you have successfully linked the images, it’s time for setup to show them on frontend. Simply go to CMS   Pages and choose the page and go to its content tab. Paste the below code anywhere in the content area to showcase images on frontend. {{block class="Magecomp\Instagrampro\Block\Homepage" template="Magecomp_Instagrampro::instagrampro/homepage.phtml"}} Instagram Integration Pro © MageComp.com

8. 5.Instagram Images on Frontend: Once you paste the code and save page, you can see Instagram image feed on frontend. •Instagram images on homepage: •Instagram page on frontend: The extension comes with a separate Instagram page to specially manage and showcase images and use facility. The link of the Instagram page can be found in top link header and in footer. Click to see the page. It gives hover effect on image, shows description and Instagram likes. Instagram Integration Pro © MageComp.com

9. •Instagram images in popup: On click of image from Instagram page, it open ups in a popup. •Title with Links Popup View: Popup along with all the title, links, description, Instagram profile URL and navigation. Hovering titles will show set hotspot set on image and clicking it will redirect users to page with link attached. You can even navigate through other images and videos with provided navigation. Instagram Integration Pro © MageComp.com

10. •Product Blocks Popup View: Popup along with related products based on set product IDs with titles from backend. Hovering product blocks will show set hotspot set on image and clicking it will redirect users to product page. You can even navigate through other images and videos with provided navigation. 6.Deactivation of Extension in Case of Emergency • •Go to app   etc   config.php and find 'Magecomp_Instagrampro' => 1, and replace 1 with 0. • •If something goes wrong, please contact us at https://www.magecomp.com/helpdesk or send us an email at helpdesk@magecomp.com 7.FAQs: •What if I get “Access denied” error after installation of the extension? Whenever you get Access denied error while clicking on the extension tab after installation, log out admin panel and re-login. •How can I display the Instagram images in other CMS pages? The extension facilitates to display Instagram images on frontend in any CMS page simply by pasting the below code in content part of CMS page. {{block class="Magecomp\Instagrampro\Block\Homepage" template="Magecomp_Instagrampro::instagrampro/homepage.phtml"}} Instagram Integration Pro © MageComp.com

11. Thank You! Take a look at our other feature rich extensions: Integrate your Magento store with Instagram and showcase Instagram images on Magento with full control over. Know More… WhatsApp Share extension by MageComp provides facility to share Magento store products along with other details through WhatsApp messaging app. Know More… Instagram Integration Pro © MageComp.com