See the way the Instagram Feed for Magento 2 extension works.
Make your store trendy and increase your traffic with Instagram Feed extension for Magento 2. Display catchy Instagram content to visualize your store even more.
To configure the extension, go to Stores → Configuration → Amasty Extensions → Instagram Feed.
Expand the General tab.
Enabled - set to Yes to activate the extension.
Download Video Content From Posts - if set to 'No', post videos will not play directly on the page. Instead, a video thumbnail with a 'Play' button will be displayed on the front-end. When clicked, depending on the widget setting, a popup or a separate tab will appear where the video can be viewed.
If this setting is set to 'Yes', videos will be downloaded into the client's Magento when regenerated (this is done due to Instagram's limitations on playing videos directly from Instagram). As soon as the option is enabled, the regeneration process will start automatically (you do not need to use the “Generate Posts” setting). The downloaded videos are always kept up to date, and outdated videos are removed to avoid cluttering the memory. Videos in this format do not work in hashtag mode due to API limitations. Only downloaded videos work in hashtags.
Max Video Size (MB) For Download - here you can set the limit for video size, ranging from 1 to 100 MB. If the video size exceeds the limits, then it won’t be downloaded and shown in the feed in the storefront.
Instagram Session ID - for the correct display of video posts, you should log in with your Instagram account on the official website instagram.com. Then, open the developer panel (F12), navigate to cookie files, copy the value of the “sessionid” cookie, and paste it into the 'Instagram Session ID' field.
Load Posts By Hashtags - set to 'Yes' to enable the posts loading by hashtags. If this setting is enabled, the module displays the posts on the specified hashtags from all public accounts, but the posts from your connected personal account are ignored and not displayed. If this setting is disabled, the module will display the posts from your personal connected account.
Posts Sorting - works on the algorithm of instagram.
Hashtags - here you can enter comma separated hashtags to fetch Instagram posts. Hashtags should be written without '#'. Ex: amasty,magento,world. After the change, the regeneration process automatically starts.
If you enter unexisting hashtag, the following error will bw displayed:
If you will try to add hashtags after the limit is reached, the error message will be shown indicating the earliest date when the new hashtags can be added.
To avoid the inconvenience of this limit, our extension provides a storage for previously entered hashtags so that you can easily use them even if you have reached the limit of 30 unique hashtags in the last 7 days.
To view your saved hashtags, please go to Content → Amasty InstagramFeed → Hashtags:
In this tab, you need to link your Instagram account to your Magento 2 store.
Press the Generate Access Token button to create your Access Token, that is required for proper extension functioning.
To generate an Access Token, your account needs to be either a Business Account or Creator Account. We recommend choosing Business Account type if possible. To sync your Facebook Page and Instagram account please follow these steps:
Also, make sure you have your Instagram account connected to Facebook in the Instagram mobile app via Settings → Account → Linked Accounts. After clicking on the Generate Access Token button, a pop-up window from Facebook will appear.
Choose the account that represents your store's business account. Then, proceed to set up what Facebook Page you want to be connected.
At the last step, please make sure that the setting named Access profile and posts from the Instagram account connected to your page is set to Yes. As for the rest of the settings, it is recommended to set them to Yes for proper performance.
After a successful connection, you'll see a filled-in Access Token field.
It occurs if your website is configured to use the HTTP connection. To resolve the issue, you need to configure the HTTPS connection for your site. Instagram API doesn't allow the HTTP connection, so you can't generate an Access Token if you use the HTTP protocol.
Delete Access Token - with the extension you can also delete access token from the admin area if needed.
Generate Posts - by default posts get updated every hour by cron. You can use this button for manual update if necessary (the button is getting active in one hour after the last update).
The extension allows to create flexible Instagram widgets and add them to any store page. To create a widget, navigate to Content → Widgets.
You can view and edit all existing widgets in a handy grid. To create a new one, hit the Add Widget button.
In the Type field choose Amasty Instagram Feed.
Set the necessary Design Theme and click Continue.
In this tab, you can adjust widget display on the frontend.
Widget Title - set the title for the widget that will be displayed in the backend and in the widget grid.
Assign to Store Views - specify the store views to which Instagram widget will be added.
Sort Order - set widget position among the other widgets within the same container.
Layout Updates - assign the widget to the category, product or generic pages.
If you select category or product pages, you may specify the particular ones to which the widget will be added.
In the Container dropdown select the position where the Instagram widget will be displayed.
Go to this tab to configure the widget layout.
Title - set a catchy title for the block that will be displayed on the frontend. Leave empty if no title needed.
Widget Type - choose one of the available widget types:
If the Grid Widget Type is selected, it will have the following layout:
You may customize it according to your webstore design.
Posts Limit - set the maximum number of images to add.
Sort Posts By - choose the algorithm according to which posts will be sorted:
Enable “Load More” - set to Yes if you want to show the “Load More” button.
Number of Posts per Page - specify the limit of the posts that will be displayed on one page.
Max Width - choose the resolution suitable for your store.
Mouse Click Action on Posts - select the action that will be performed if a customer clicks a post: Open Post in Pop-up or Open Post in Instagram.
Mouse On Hover Action on Posts - specify the action that will be performed if a customer hovers a post: Scale Photo or Show Photo Description.
Posts Padding, px - adjust the padding if you want to add some space between pictures. Leave empty if you don't want to use padding between posts.
Cache Lifetime (Seconds) - specify the time in seconds between the widget updates. If not set, equals to 3600 seconds (1 hour).
If the Slider Widget Type is set, it will be displayed in the following way:
You can adjust the number of Columns and Rows in the slider.
Infinity Loop - enable this setting for continuous loop mode (total number of slides must be more or equal than Number of Columns * 2). Disabled for a multi-row mode.
Enable Autoplay - set to Yes if you want the slider to flip automatically.
Autoplay Delay (milliseconds) - adjust the speed of the autoplay. Leave blank to use the default value.
Show Buttons - set to 'Yes' to display Prev/Next buttons on slider hover. Disabled for a multi-row mode.
Show Pagination - enable this option to display pagination buttons at the bottom of the slides. The option works only in a multi-row mode
The other settings are configured similar to the Grid Widget Type.
In the Single Post Widget Type, only one particular post is displayed.
It is possible to configure the following options:
Post URL - fill in the URL of the post that you want to show on your store page.
Max Width - adjust widget width according to your webstore style.
Hide Caption - you may hide photo caption or display it.
Instagram feed lets you show posts on any page of your store. You may also add widgets using WYSIWYG editor.
To do this, go to Content → Pages. Choose the page to which you want to add a widget. In the Action column click Edit.
Expand the Content tab and click Insert Widget in the WYSIWYG editor.
Choose Amasty Instagram Feed type and configure the widget according to your needs.
By adding a link to an Instagram post, you can navigate users to a Product Page to make a purchase. To add the Post&Product Link, please go to Content → Post&Product Linking.
On a grid, you'll see a list of all imported Instagram posts you have in your store. Right from the grid you can turn on or turn off the visibility for any post: just select the needed posts via checkboxes and apply the action 'Toggle visibility' to them - and the posts status will be changed.
Choose the post you'd like to connect with a product and press Select → Edit.
Press the Choose Product button. Then, in a dropdown tab, select the product you'd like to add. Hit the Save button.
Add widgets to promote your Instagram account right on product pages.
Make your category pages look stylish.
Show catchy pictures on CMS pages.
Maximize the benefits of a growing user base on your Instagram account. Oftentimes, users will click on posts that are featured in the Instagram Feed widgets and visit the original page. To not lose potential sales, store admins can set up Instagram Shopping. Instagram Shopping is an original Instagram feature that perfectly complements the Amasty extension.
To implement this feature, you need to be compliant with commerce policies and:
After you complete the necessary requirements, you can start tagging goods on organic posts. These tags will also be visible on the post featured in the Instagram Feed for Magento 2 widgets and are a great tool to boost sales.
Find out how to install the Instagram Feed extension for Magento 2 via Composer.