Get started with Elfsight Instagram Feed 4.0.1

How to update to 3 from previous versions

If you've been using InstaShow before, here is an article we've written specially for you. It will explain how to update to version 3.

How to update WordPress InstaShow plugin to version 3

Installation

1. Install Elfsight Instagram Feed WordPress Plugin elfsight-instagram-feed-cc.zip to your website. Don't know how? Please learn here.

2. Go to Instagram Feed page in WordPress admin menu.

3. Click on the Create Widget button, select source type and authorize with your Instagram Account.

4. Adjust all settings and get a ready-made shortcode.

Use Instagram Feed as a WordPress Shortcode



1. Create a new widget

You can use Elfsight Instagram Feed as a WordPress shortcode. To do this, you have to create a new widget, set all options in the Elfsight editor and save it.

2. Copy-paste the shortcode

You will see the new widget's shortcode in the widgets list. You can copy-paste it into the required place of your website.

Example of the Elfsight Instagram Feed shortcode:

[elfsight_instagram_feed id="1"]

Use Instagram Feed as a
Gutenberg Block

You can use Elfsight Instagram Feed as a block for Gutenberg editor. Just add it to your page during page building and select one of the available Instagram Feed widgets from the list.

Use Instagram Feed as a
WordPress Widget

To use Elfsight Instagram Feed as a WordPress widget, go to Appearance -> Widgets, and drag Elfsight Instagram Feed WordPress widget to any widget section. Next, select one of available Instagram Feed widgets from the list.

Use Instagram Feed as a
Visual Composer Element

You can use Elfsight Instagram Feed as a Visual Composer element. Just add it to your page during page building and select one of the available Instagram Feed widgets from the list.

Options

Option Default Value Description
Content
Source Type Personal Account Select one of the supported Instagram content source types - personal account, business account, hashtag.
Display only from — It filters the images to the ones from the specified sources. If this filter is applied, the image will display only if it's posted in each source. The filter accepts #hashtag or post URL.
Exclude by source — It allows to exclude specific images by their URL or by specific hashtags.
Number of posts to display 0 Set the required number to restrict the count of loaded posts. Leave this option empty or "0" to show all available posts.
Layout
Feed Layout slider Choose one of the two feed layouts: slider or grid.
Post Template tile Select one of post templates: tile or classic.
Columns 4 Number of columns in the feed.
Rows 2 Number of rows in the feed.
Space between images (px) 0 The space between the images in the feed in pixels.
Mobile optimization - Specify the breakpoints to set the columns, rows and space between images in the feed depending on a window width.
Width (px, auto) auto Feed width (any CSS valid value: px, %, em, etc). Set "auto" to make the feed full width and responsive.
Call to action buttons - Set the call to action buttons. The buttons will be displayed on the popup. You can set a specific call to action for each post. Call to action buttons encourage your visitors to perform the actions you need (buy a product, register at your service or contact you).
Display post elements user, date, instagramLink, likesCount, commentsCount, share, text Choose the post elements to display them in the feed.
Display popup elements user, location, followButton, instagramLink, likesCount, share, text, comments, date Choose the elements to display in popup.
Action on image click popup Select the action on image click. Open the image in popup, open the image on Instagram in a new browser tab or do nothing.
Arrows control true Activate/Deactivate arrows in the slider.
Drag control true Activate/Deactivate drag in the slider.
Slide switch speed (sec) 0.6 Animation speed of slide switching (sec).
Autoplay speed (sec) 0 Autoplay in the slider (in seconds). If this option is set to "0" autoplay is turned off.
Colors
Color scheme default To get the perfect look for your feed, choose one of the 10 ready-made color schemes, and adjust it using available color options.
Post overlay background color rgba(0, 0, 0, 0.8)
Post overlay text color rgb(255, 255, 255)
Post background color rgb(255, 255, 255)
Post text color rgb(0, 0, 0)
Post links color rgb(0, 53, 107)
Slider arrows color rgb(255, 255, 255)
Slider arrows background color rgba(0, 0, 0, 0.9)
Grid load more button color rgb(56, 151, 240)
Popup overlay color rgba(43, 43, 43, 0.9)
Popup background color rgb(255, 255, 255)
Popup text color rgb(0, 0, 0)
Popup links color rgb(0, 53, 105)
Popup follow button color rgb(56, 151, 240)
Popup call to action button color rgb(56, 151, 240)
More
Feed Title Follow us on Instagram Set the feed title. URLs, hashtags (with #) and Instagram usernames (with @) will be automatically displayed as clickable links.
Feed Language en Choose one of the available languages for the feed.

Support, questions and offers

Your questions and issue reports are processed on the first-come, first-served basis. Expect an answer from 10 a.m. to 7 p.m. CET, Monday through Friday.

Visit Support Center