instagram integration pro extension user manual - magento...4. cms page settings: after you have...

Instagram Integration Pro © MageComp.com

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

https://www.magecomp.com/magento-2-instagram-integration.htmlhttps://www.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

• 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

https://www.magecomp.com/magento-2-instagram-integration.htmlhttps://www.magecomp.com/https://magecomp.com/magento-professional-installation.html


• 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



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.



• 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.



• 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.



• 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"}}



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 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.



• 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 [email protected]

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"}}

https://www.magecomp.com/magento-2-instagram-integration.htmlhttps://www.magecomp.com/https://www.magecomp.com/helpdeskmailto:[email protected]


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…
https://www.magecomp.com/magento-2-instagram-integration.htmlhttps://www.magecomp.com/https://www.magecomp.com/magento-instagram-connect.html?utm_source=helpdoc&utm_medium=thankpageknwmore&utm_campaign=m1instahttps://www.magecomp.com/magento-2-whatsapp-share.html?utm_source=helpdoc&utm_medium=thankpageknwmore&utm_campaign=m2wtsapphttps://www.magecomp.com/magento-extensions.htmlhttps://www.magecomp.com/magento-instagram-connect.html?utm_source=helpdoc&utm_medium=thankpage&utm_campaign=m1instahttps://www.magecomp.com/magento-2-whatsapp-share.html?utm_source=helpdoc&utm_medium=thankpage&utm_campaign=m2wtsapp

instagram integration pro extension user manual - magento...4. cms page settings: after you have...

Documents