How to add Instagram Feed on your website (automatic or manual) – Shortcodes, Automatic Display, Elementor, Block Editor

1 min read

Elementor #

Block Editor #

Automatic Feed Display Below The Content Of Selected Post Types #

How to add Instagram Feed on your website (automatic or manual) – Shortcodes, Automatic Display, Elementor, Block Editor 5 - Documentation for Easy Social Share Buttons
How to add Instagram Feed on your website (automatic or manual) – Shortcodes, Automatic Display, Elementor, Block Editor 13

All options for the automatic display are located in Instagram Feed -> Feed Below Content.

  • Post types – choose post types where the feed will appear.
  • Username – fill the username that should be displayed (example: @yourig)
  • The number of images – fill the images you will show (between 1 and 12).
  • The number of columns – select the number of columns to show selected image count.
  • Show profile information – choose to show profile details above images or not.
  • Show profile follows button – the show follows button linking your Instagram profile page (not a direct follow button).
  • Profile size – choose to show default or small info for the profile.
  • Masonry – select if you wish to show masonry style images in the gallery
  • Space between images – add space between images from the selected options.

Automatic Feed Display as a Pop-up #

All options for the automatic display are located in Instagram Feed -> Pop-up Feed.

  • Post types – choose post types where the feed will appear.
  • Delay display (seconds) – setup a timeout delay. Leave blank for immediate display.
  • Custom pop-up width – correct width of the window.
  • Appear again after x days – enter 0 or leave blank to appear each time. Otherwise fill a number value for days – example: 2
  • Username – fill the username that should be displayed (example: @yourig)
  • The number of images – fill the images you will show (between 1 and 12).
  • The number of columns – select the number of columns to show selected image count.
  • Show profile information – choose to show profile details above images or not.
  • Show profile follows button – the show follows button linking your Instagram profile page (not a direct follow button).
  • Profile size – choose to show default or small info for the profile.
  • Masonry – select if you wish to show masonry style images in the gallery
  • Space between images – add space between images from the selected options.

Shortcode #

[instagram-feed]

Shortcode Arguments

Argument Description
username UsernameFill just one of username or hashtag at same time
tag HashtagFill just one of username or hashtag at same time
type Display typePossible values

  • 1col – 1 Column
  • 2cols – 2 Columns
  • 3cols – 3 Columns
  • 4cols – 4 Columns
  • 5cols – 5 Columns
  • carousel – Carousel
  • carousel-1 – Carousel with 1 image (slider)
  • carousel-2 – Carousel with 2 images
  • row – Row

 

show Images to showEnter number between 1 and 12
profile Show profile informationOnly when username is providedPossible values

  • false – No
  • true – Yes

 

followbtn Show profile follow buttonOnly when username is provided and profile information is visiblePossible values

  • false – No
  • true – Yes

 

profile_size Profile sizeOnly when profile is activePossible values

  • normal – Normal
  • small – Small

 

image_size Image sizePossible values

  • – Default
  • thumbnail – Thumbnail
  • small – Small
  • large – Large
  • original – Original

 

space Space between imagesPossible values

  • – Without space
  • small – Small
  • medium – Medium
  • large – Large
  • xlarge – Extra Large
  • xxlarge – Extra Extra Large

 

masonry MasonryOnly when columns display is usedPossible values

  • false – No
  • true – Yes

 

info Hide hover image detailsPossible values

  • – Default from settings
  • false – Yes

 

What are your feelings