How To Add Instagram Feed On Your Website (Automatic Or Manual) - Shortcodes, Automatic Display, Elementor, Block Editor

Elementor

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.

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.

[ 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

[ instagram-image ]

Shortcode Arguments

Argument Description

id Image ID

profile

Argument	Description
id	Image ID
profile	Show profile informationPossible values `false` – No `true` – Yes
info	Show image informationPossible values `false` – No `true` – Yes

Show profile informationPossible values

info

Show image informationPossible values

Was this article helpful?

YesNo

Last Updated: 2 years ago in Instagram Feed

Was this article helpful?

YesNo