Instagram Integration Pro extension User Manual Instagram Integration Pro extension User Manual...

download Instagram Integration Pro extension User Manual Instagram Integration Pro extension User Manual Instagram

If you can't read please download the document

  • date post

    30-Oct-2019
  • Category

    Documents

  • view

    1
  • download

    0

Embed Size (px)

Transcript of Instagram Integration Pro extension User Manual Instagram Integration Pro extension User Manual...

  • 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.html https://www.magecomp.com/

  • 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

    • 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.html https://www.magecomp.com/ https://magecomp.com/magento-professional-installation.html

  • Instagram Integration Pro © MageComp.com

    • 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

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

  • Instagram Integration Pro © MageComp.com

    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.

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

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

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

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

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

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

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

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

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

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

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

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

    https://www.magecomp.com/magento-2-instagram-integration.html https://www.magecomp.com/ https://www.magecomp.com/helpdesk mailto:helpdesk@magecomp.com

  • 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