How to Add Instagram Feed on Your Website (Automatic or Manual) – Shortcodes, Automatic Display, Elementor, Block Editor

Article sections

    Elementor

    How to Add Instagram Feed on Your Website (Automatic or Manual) - Shortcodes, Automatic Display, Elementor, Block Editor 1

    Block Editor

    How to Add Instagram Feed on Your Website (Automatic or Manual) - Shortcodes, Automatic Display, Elementor, Block Editor 2

    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 3

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

    How to Add Instagram Feed on Your Website (Automatic or Manual) - Shortcodes, Automatic Display, Elementor, Block Editor 4

    • 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

    How to Add Instagram Feed on Your Website (Automatic or Manual) - Shortcodes, Automatic Display, Elementor, Block Editor 5

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

    How to Add Instagram Feed on Your Website (Automatic or Manual) - Shortcodes, Automatic Display, Elementor, Block Editor 6

    • 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

    [ 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 Feed Image

    [ instagram-image ]

    Shortcode Arguments

    Argument Description
    id Image ID
    profile Show profile informationPossible values

    • false – No
    • true – Yes

     

    info Show image informationPossible values

    • false – No
    • true – Yes

     

    Was this article helpful?
    YesNo
    in Instagram Feed
    Was this article helpful?
    YesNo