User Tools

Site Tools


Sidebar

magento_2:instagram_feed

For more details see the Instagram Feed for Magento 2 extension page.

Guide for Instagram Feed for Magento 2

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.

  • Automatically display engaging Instagram content with a widget
  • Add widgets to any webstore pages
  • Set flexible pictures sorting options
  • Choose the most apposite layout
  • Display the number of likes and comments right in the widget

Configuration

To configure the extension, go to Stores → Configuration → Amasty Extensions → Instagram Feed.

Expand the General tab.

General

Enabled - set to Yes to activate the extension.

Instagram Settings

In this tab you need to link your Instagram account to your store.

To get Client ID and Client Secret, please go here.

Sign in or create a new account.

Hit the Manage Clients button.

Here you can see all existing clients. To add a new one, click Resister a New Client.

Fill in the Application Name, Description, Company name, Website URL, Privacy Policy URL and Contact email.

Valid Redirect URI will be created automatically in the extension backend settings. Copy it and insert into Instagram App config in the appropriate tab.

Hit the Register button.

You will see a new client in your account. Click Manage.

Client ID and Client Secret will be generated automatically. Copy them and paste into your backend settings.

Click Generate Access Token in module's settings. Save the configuration.

Widget Creation

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.

Storefront Properties

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 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 Instagram widget will be displayed.

Widget Options

Go to this tab to configure 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:

  • Grid
  • Slider
  • Single Post
  • Collage

Grid

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.

Keep in mind that Sandbox mode has the limit of 20 posts. If you need to increase this limit, please approve your Instagram app.

Sort Posts By - choose the algorithm according to which posts will be sorted:

  • Newest
  • Most Liked
  • Most Commented
  • Random

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.

Description is shown in the following way:

Posts Padding, px - adjust the padding if you want to add some space between pictures. Leave empty if you don't want to use a padding between posts.

Cache Lifetime (Seconds) - specify the time in seconds between the widget updates. If not set, equals to 86400 seconds (24 hours).

To update widget instantly, go to Cache Management and clear Blocks HTML Output cache.

Slider

If the Slider Widget Type is set, it will displayed in the following way:

You can adjust the number of Columns and Rows in the slider.

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.

The other settings are configured similar to the Grid Widget Type.

Single Post

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.

Collage

In the Collage Widget Type you can display a great number of photos in one place.

It is possible to set the required Collage Size: 3×3; 4×4; 5×5.

Also set the necessary resolution, click and hover actions, padding and cache lifetime.

Adding Widget to a Page

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.

Click Insert.

Frontend Examples

Add widgets to promote you Instagram account right on product pages.

Make your category pages look stylish.

Show catchy pictures on CMS pages.

Apply one-click login and speed us shopping process with Magento 2 Social Login.

Find out how to install the Instagram Feed extension for Magento 2 via Composer.

Rate the user guide
 stars  from 0 votes (Details)
magento_2/instagram_feed.txt · Last modified: 2019/08/07 06:08 by tihomirova