Instagram Integration Pro extension User Manual
Magento 2 Instagram Integration Pro extension integrates Magento with Instagram to Instagram images based on user name or hashtags on stores.
Table of Content 1. 2. 3. 4. 5. 6. 7.
Extension Installation Guide Configuration Updating Images CMS Page Setting Instagram Images on Frontend Deactivation of Extension in Case of Emergency FAQs
Instagram Integration Pro
Š MageComp.com
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: o php bin/magento setup:upgrade o php bin/magento setup:static-content:deploy o php bin/magento indexer:reindex o php 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 Configuration to 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 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
Instagram Integration Pro
© MageComp.com
Authentication: Add your client id & access token that you have to collect from your Instagram developer account. And don’t forget to add redirect URL when they asked for.
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.
Instagram Integration Pro
© MageComp.com
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
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 Approved Images. You can even delete them by clicking on each.
Instagram Integration Pro
© MageComp.com
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
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
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
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
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
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
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…
Instagram Integration Pro
Magento 2 WhatsApp Share provides facility to share Magento store products along with other details through WhatsApp messaging app. Know More…
© MageComp.com