Magento 2 Instagram Shop Gallery Extension – User Manual

1.0 Introduction

Embed Instagram image galleries anywhere on your eCommerce store and showcase a list of mapped site products with those images using Knowband’s Magento 2 Instagram Shop Gallery Extension. This is one best way to increase conversion rates directly by integrating Instagram tagged images. Instagram Shop module adds a well-known interface for the visitors which compels them to buy the related products immediately.

The Magento 2 Instagram Shop Gallery Extension offers you multiple customizable features which are easy to implement for your eCommerce website. Admin can implement and configure any feature for their store without using any coding knowledge. Let us quickly take an overview of striking features by this Magento 2 Instagram product tag feed module.

1. Magento 2 Instagram Shop Gallery Extension helps e-merchants to embed Instagram gallery to their website front.

2. Magento 2 Instagram Shop Extension fetches and displays Instagram photos based on the tags specified by the admin at the backend.

3. Magento 2 Instagram Integration Extension lets admin integrate Instagram Shop gallery page to the website showing all the fetched Instagram images under different Instagram galleries.

4. Admin can enable or disable the complete working of Magento 2 Shoppable Instagram Module for their store.

5. With Magento 2 Instagram Shop Gallery Extension, admin can show the likes and comments for the fetched Instagram image.

6. The main Instagram page can be enabled or disabled from the backend of this Magento 2 extension.

7. Using Magento 2 Instagram Shop Gallery Extension, Admin can show or hide the Instagram Page link in the top menu navigation bar of the website.

8. Insta Shoppable Gallery Module for Magento 2 allows admin to set the title for the Instagram Shop Gallery Page.

9. Using Magento 2 Shoppable Instagram Module, admin can show the images of the selected type on the main Instagram page. They can show all the photos, approved ones, having related images or having both approved and related images.

10. Magento 2 Instagram Shop Extension allows admin to set a limit on the maximum number of images that can be shown on this Instagram Shop page.

11. Admin can set a URL page key for this Instagram Shop page.

12. Magento 2 Instagram product tag feed module gives the flexibility to create as many Instagram gallery for the website which can be edited or deleted as per needs. They can be separately enabled or disabled if required.

13. Magento 2 Instagram Shop Extension allows admin to select the store view in which they want to include this gallery.

14. With Magento 2 Instagram Shop Gallery Extension, the store merchant can set the gallery title, image limit and image visibility for the particular gallery.

15. Admin gets an option to show or hide the selected image gallery on the main Instagram Shop page.

16. Using Magento 2 Instagram product tag feed module, admin can set the gallery visibility on different pages of the website at different positions.

17. The eCommerce store admin can add as many images for a particular gallery which can be edited or deleted anytime.

18. Admin has to specify Instagram Hashtag in order to fetch a new image. They can select any of the images out from the fetched images whose preview is available on the same interface.

19. Admin can use the toggle button to enable or disable a particular image.

20. Insta Shoppable Gallery Module for Magento 2 also allows admin to set a sort order for the images in a category.

21. Magento 2 Shoppable Instagram Module gives an option to map desired products for the Instagram image.

2.0 Installation Guide of Magento 2 Shoppable Instagram Module

1. Once after purchasing Magento 2 Instagram Shop Gallery Extension from the Knowband store, you will get the following files on your registered email:

  • Source code file of Magento 2 Instagram Shop Extension in zipped file format.
  • User Manual of Instagram Shop Gallery Extension

2. Unzip the extension package.

3. Create folder{Magentoroot}/app/code/Knowband/Instagramshopgallery

4. Upload the extracted content in the above folder via FTP manager (like Filezilla or WinSCP – download here: http://filezilla-project.org/).

5. Now run below commands to install the plugin:

php -f bin/magento module:enable –clear-static-content Knowband_Instagramshopgallery
php -f bin/magento setup:upgrade
php -f bin/magento setup:di:compile
php bin/magento setup:static-content:deploy

The Magento 2 Instagram Shop Gallery Extension is now installed and ready to use.

Just after successful installation of Magento 2 Shoppable Instagram Module on your website, you can display as many Instagram feeds on different pages of your store as per business requirements. In order to configure this Magento 2 Instagram module, navigate the settings in the given order: Admin Panel > Knowband > Instagram Shop Gallery

Magento 2 Instagram Shop Gallery Extension

The simple to understand admin interface of Magento 2 Instagram product tag feed plugin has been divided into two broad sections:

1. Configuration Settings
2. Gallery Settings

Magento 2 Instagram Shop Gallery Extension

Each of these sections of Magento 2 Instagram Shop Gallery Extension has been discussed in detail below.

3.1 Configuration Settings

The configuration settings of Magento 2 Instagram Shop Extension is further divided into two sections as:
1. General Settings
2. Instagram Page Settings

3

Each of these settings has been discussed in the next section.

3.1.1 General Settings

Under the general settings of Instagram Shop Gallery for Magento 2, you have the following configuration options:

Magento 2 Instagram Shop Gallery Extension

  • Enable: On toggling this button, you can enable or disable the complete functionality of this Magento 2 Shoppable Instagram Module for your store.
  • Show Likes/Comments: Enable or disable this option to show likes and comments on the Instagram feed. If enabled, the likes and comments for the particular post will be shown on the frontend to the customers.

3.1.2 Instagram Page Settings

Under this section of Magento 2 Instagram Integration Extension, you can make various settings for the Instagram Page.

Magento 2 Instagram Shop Gallery Extension

  • Enable: This option allows you to enable or disable the complete Instagram feed page whose link is shown on the menu bar of the website.
  • Top Navigation: You can show or hide the Instagram page link in the top navigation menu of the website. If enabled, the Insta shoppable gallery link is shown at the menu navigation bar.
  • Page Title: This option lets you set a custom title for the Instagram Shop Gallery Page.
  • Image Visibility: This option decides which category of images will be shown on the Instagram page. You can set any image type out of these four options:
    a. Show all photos
    b. Only approved
    c. Have related product
    d. Approved and related product
    Note: The total images can be managed from the “Gallery Settings” discussed in the next section 3.2
  • Image Limit: This option will set the maximum number of images to be shown on this Instagram Gallery page.
  • Page Url Key: Using this option, you can set a desired URL key for the Instagram Shop Gallery Page.

The Instagram images that will be fetched and shown on the website can be configured under this section of back-office. You can create multiple Instagram Shop galleries for your website and can even edit the settings of the existing gallery. You can show as many images in each of the Instagram gallery using relevant hashtags and show related products for those images.
The below interface shows a list of existing Instagram Gallery which can be edited or deleted. You can edit the existing images or you can add new images to the Instagram gallery.

6

From this interface, you can perform the following sequence of actions:

To add a new gallery, click on “Add New” button at the top right corner of the screen.

7

  • Enable/Disable: Toggle this button to enable or disable the Instagram gallery.
  • Store View: With this option, select the store views where you want to include this gallery.
  • Gallery Title: This option allows you to set a title for the gallery.
  • Image Visibility: With this option, the images of the selected type will be shown on the frontend.
  • Image Limit: Using this option, set the maximum number of images for this gallery.
  • Include in Main Page: You can enable this toggle field if you want this gallery to be added on the Instagram main page at the front.
  • Page Visibility: With this option, you can set visibility of Instagram gallery on various pages. Simply Click on Add button to display this gallery on different pages.

You can easily edit the existing settings of the gallery by clicking on the “Edit” button corresponding to the gallery you want to configure.

8

  • Enable/Disable: Toggle this button to enable or disable the Instagram gallery.
  • Store View: With this option, select the store views where you want to include this gallery.
  • Gallery Title: This option allows you to set a title for the gallery.
  • Image Visibility: With this option, the images of the selected type will be shown on the frontend.
  • Image Limit: Using this option, set the maximum number of images for this gallery.
  • Include in Main Page: You can enable this toggle field if you want this gallery to be added on the Instagram main page at the front.
  • Page Visibility: With this option, you can set visibility of Instagram gallery on various pages. Simply Click on Add button to display this gallery on different pages.

3.2.3 Add and Edit Images

Now once you have created a gallery, you can add multiple images to it by clicking on the “Images” button corresponding to the gallery.

9

The above screen shows you a list of existing Instagram gallery. You can add new images, modify or delete the existing images.
Note: Deleting an image is easy, you just have to click the “Delete” button corresponding to the image.

3.2.3.1 Add New Image

For adding a new image to any gallery, fill the following fields:

10

  • Image: This option lets you check the preview for the fetched Instagram image.
  • Approve: With this option, you can approve or disapprove the image.
  • Related Products: This option allows you to select the related products that you want to show for that image.
  • Sort Order: This option lets you set the sort order of image.
  • Instagram Hashtag: Enter the Instagram hashtag to find the relevant images and then click on the “Fetch” button.
3.2.3.2 Edit an existing image

12

  • Image: This option lets you check the preview for the fetched Instagram image.
  • Approve: With this option, you can approve or disapprove the image.
  • Related Products: This option allows you to select the related products that you want to show for that image.
  • Sort Order: This option lets you set the sort order of image.

Deleting a gallery is simple, you just have to click the “Delete” button corresponding to the desired Instagram gallery.

A) Instagram Shop Page

Customers will see this Instagram Gallery option on the top menu bar.

13

Upon clicking the tab, they will be redirected to the Instagram Shop Page with URL key as “https://ma2testing.knowband.com/ma215/instagramgallery/”. This URL can be defined as per your own site needs. The Instagram Shop Gallery looks like in the image below:

14

B) Likes and Comments for Instagram Image

15
C) Show Instagram Gallery on Homepage

16

17
D) Show Instagram Gallery on Product Pages

18
E) Show Instagram Gallery on Category Pages

19

20

21

On clicking any of the images, customers will see the following image popup.

22

Joe Parker

We boast of the best in the industry plugins for eCommerce systems and has years of experience working with eCommerce websites. We provide best plugins for platforms like - Magento, Prestashop, OpenCart and Shopify . We also provide custom module development and customization services for the website and modules..

Leave a Reply

Your email address will not be published. Required fields are marked *