README

(Update) 2023-02-20: This project will be marked as a paid item and no longer be maintained as free. For further updates and technical support, please follow Magento 2 Instagram Feed for more information. We understand that this change might create inconvenience for our users. However, this is to ensure that the module will be updated with more useful features to support Magento 2 stores better. If you have any concerns or ideas about any features you would like to see, don’t hesitate to contact us and leave a request.

Magento 2 Instagram Feed is a supportive module which allows integrating Instagram images to Magento 2 website. This trendy extension enables you to place eye-catching Instagram images block to any page of your site, which can effectively draw customers' attention and bring a modern well-updated look to online stores.

1. Instagram Feed Widget Documentation

2. FAQs

Q: I got error: Mageplaza_Core has been already defined

A: Read solution here

Q: On which page of my website can Instagram Feed is displayed?

A: On any position that you want. Basically, there is not any restriction for place to show Instagram Feed. Admins can select any specific page such as Homepage, Product Listing Page, Product Page, or any CMS pages depending on their particular purposes.

Q: How many images can be seen from the Instagram Feed on the storefront?

A: You can easily set the number of images to display on backend. The maximum number is 20 images.

Q: In which order the Instagram Feed will be displayed?

A: Store owner can quickly sort the photos from Instagram photo library, based on one of specific criteria as most recent, most liked, most commented, or random.

Q: Besides the image, is there any image information that can be seen on the Instagram Feed?

A: With Instagram Feed, it is possible to set the number of Likes and Comments be displayed. Customer can easily see the visibility and popularity of the images.

Q: What if a visitor feel interested in a single image displayed on Instagram Feed?

A: If a customer is interested in an image, they can simply click on that image on the Instagram block. A popup will automatically show up, display the big size version of that selected picture.

Q: Will Instagram Feed be responsive with mobile device?

A: This block can properly work with both mobile, tablet, and PC device.

3. How to install Instagram Feed extension for Magento 2

Install via composer (recommend): Run the following command in Magento 2 root folder:

With Marketing Automation (recommend):

composer require mageplaza/module-instagram-feed mageplaza/module-smtp
php bin/magento setup:upgrade
php bin/magento setup:static-content:deploy

Without Marketing Automation:

composer require mageplaza/module-instagram-feed
php bin/magento setup:upgrade
php bin/magento setup:static-content:deploy

4. Highlight Features of Magento 2 Instagram Feed

Display Instagram Images anywhere on site

Magento 2 Instagram Feed Widget by Mageplaza support store admin in updating trendy eye-catching Instagram images on any specific pages on your store site.

Admins can easily create Instagram Widget then embed Instagram block on the homepage, product listing page, product page or any CMS pages, based on their specific purposes.

This flexibility allows store owners to easily place the high-quality and good-looking Instagram Images to any locations on their beloved store site. Attractive images appearing on an appropriate position will probably appeal customers and accordingly contribute to your conversion rate.

Sorting image function

One of the most noticeable functions of Magento 2 Instagram Feed is that the store owner can quickly sort the photos from Instagram photo library, based on specific criteria, which are:

Most recent images
Most liked images
Most commented images
Randomly displayed images

As a result, the appropriate images can easily be sorted out then displayed quickly on the store site.

Various available photo layouts

Instagram images can be flexibly featured, thanks to the various options of layouts. This can help store admin design Instagram block to be suitable with the other blocks, page dimensions, and content display. The three main options can be set as follows:

Single Row: The images are arranged to be displayed in only one row. This option is suitable to small available space on the store site.
Multiple Rows: The images will be displayed in multiple rows. This choice is appropriate when the available space is wide, and the store owner wants to impress the visual communication on their site.
Optimized Image: This layout has high displaying flexibility for all image sizes. Its displaying possibility mostly suits with Instagram images in different sizes.

Show the number of Likes and Comments

To effectively convince customers, Magento 2 Instagram Feed enable displaying the number of Likes and Comments on every image.

The customers tend to feel more interested in the images which can gain more social visibility and concern. Showing numbers of likes and comments is a good way to present your Instagram Photos' social interaction and make the store site become more interactive than ever.

Instagram Popup

Popup can also be enabled, with Magento 2 Instagram Feed module, to feature the more beautiful look of your store site. It can be done easily and quickly only after a one-click setting from the backend.

On the storefront, customers can take a more detailed look to any Instagram image after they click on, the image will appear bigger on the displaying popup after. It makes stores look professional and is possible to considerably enhance customer experience.

5. More features of Instagram Feed

Description for the Instagram Block

Easily set the title and description for the Instagram Block

Image Resolution

3 options for view resolution: Standard, Low, Thumbnail

Set the number of photos

Set the limitation for the number of displayed images

Multi-devices responsiveness

Be well responsive with both desktop and mobile devices.

6. Full Magento 2 Instagram Feed Features

For store admins

General

Enable/disable the extension
Insert client ID, client secret, redirect_uri, authorization code

Display

Set the number of photos limitation
Sort images by different criteria
Optional images layout
Display the number of likes and comments
Display a popup when the customer clicking on an image

Instagram Widget

Be able to create Instagram widget
Customize the widget title, description, store view, and sort order for the widget
Possible to add layout updates to show Instagram widget on

For customers

Be well updated about the store most interesting images
Notice the most liked/ commented/ recent photos of stores with ease
Directly link to the targeted Instagram when customer clicking on the images

7. Instagram Feed User guide

From the Admin Panel, go to Store > Settings > Configuration > MAGEPLAZA EXTENSIONS > Instagram Feed

Instagram Widget Configuration

1.1 General

Enable: Select Yes to enable the function of Instagram Feed
Client ID: Insert the Instagram ID that you want to display pictures on feed
Client Secret: Insert Client Secret of the application
Creating Instagram API guideline: see Here

1.2 Display

Total number of photos
- Insert the number of pictures that will be presented on feed
- The maximum value for the number of pictures is 20
Sort by

Sort by = Most recent: Show from latest to oldest
Sort by = Most liked: Show from most liked to least liked
Sort by = Most commented: Show from most commented to least commented
Sort by = Random: Show randomly

Notice: The pictures displayed on your site are selected according to your configuration in the Total number of photos field firstly, before being sorted by one of the orders such as Most recent, Most liked, Most commented, Random. For instance, if you insert 8 for the Total number of photos, 8 latest pictures will be taken out first, then that 8 latest ones be respectively shown on Instagram Feed based on your Sort by setting.

Layout

Layout = Single Row: Display pictures on a single row
Layout = Multiple Rows: Display pictures on more than one rows
- Number of rows:
  - Insert the number of rows to show Instagram pictures
  - If you leave it blank, the default number will be 2
Layout = Optimized image: Show the images with the optimized quality.
Image resolutions

Image resolutions = Standard: Display images with the standard resolution quality
Image resolutions = Low: Display images limited resolution quality
Image resolutions = Thumbnail: Display images in thumbnail format
Show number of Likes/ Comments: Select Yes to display the number of Likes and Comments of the post simultaneously
Show pop-up: Select Yes to show a popup when clicking on the image.

2. Instagram Widget

How to add Widget in Instagram Feed?

Step 1: Select the Type
Step 2: Configure the Storefront Properties section
Step 3: Configure Widget Options to display images of the Instagram Feed

Step 1: Select the Type

On the Panel Admin, go to Content > Elements > Widgets
From the upper-right corner of Widgets workplace, hit the Add Widget button.
In the Settings section:
- Choose CMS Static Block for Type option.
- Select your current theme that you are using in the Design Theme section.
- Click on the Continue button.

Step 2: Configure the Storefront Properties section

Go to the Storefront Properties section,
- Enter the Widget Title for the internal reference.
- Assign the block on any store view you want to apply the block, by selecting in the Assign to Store View field
- Set a value for the Sort Order option, if many blocks are placed at the same container. The lower Sort Order value, the higher is the position on Instagram block. For instance, the block will be at the top if the provided value is zero.

In Layout Updates section, you can click Add Layout Update to set the layout.
- In the Display on field, select the category, product, or page where the block will be shown.
- If you would like to set the block to a specific page, you need to choose Page you want the block to display and set Container as the specific position of the page that the block appears.

Step 3: Configure Widget Options to display images of the Instagram Feed

Title: Insert the Title for Instagram Images, which can be seen from the frontend interface
Description: Insert the description for images to show on frontend
Design

Design = Use Config: Use design in Instagram Feed configuration section
Design = Custom: Admin configure image displaying right on the frontend
Total number of photos
- Insert the number of images shown on Instagram Feed
- The maximum number of images is 20
Sort by

Sort by = Most recent: Show from latest to oldest
Sort by = Most liked: Show from most liked to least liked
Sort by = Most commented: Show from most commented to least commented
Sort by = Random: Show randomly
Notice: The pictures displayed on your site are selected according to your configuration in the Total number of photos field firstly, before being sorted by one of the orders such as Most recent, Most liked, Most commented, Random. For instance, if you insert 8 for Total number of photos, 8 latest pictures will be taken out first, then that 8 latest ones be respectively shown on Instagram Feed based on your Sort by setting.
Layout

![Magento 2 Instagram Configure Layout)

Layout = Single Row: Display pictures on a single row
Layout = Multiple Rows: Display pictures on more than one rows
- Number of rows
  - Insert the number of rows to show Instagram pictures
  - If you leave it blank, the default number will be 2
Layout = Optimized image: Show the images with the optimized quality.
Image resolutions

Image resolutions = Standard: Display images with the standard resolution quality
Image resolutions = Low: Display images limited resolution quality
Image resolutions = Thumbnail: Display images in thumbnail format
Show number of Likes/ Comments: Select Yes to display the number of Likes and Comments of the post simultaneously
Show pop-up: Select Yes to show a popup when clicking on the image.

People also search:

instagram feed magento 2
magento 2 instagram integration
instagram magento 2
magento 2 instagram extension
magento 2 instagram feed extension free
mageplaza instagram feed
magento 2 instagram widget
instagram magento 2 extension
magento 2 instagram shop

Other free extension on Github

mageplaza / module-instagram-feed

Maintainers

Details