How to Add Instagram Feed on Your Website (Automatic or Manual)

Article sections

    Automatic Feed Display Below The Content Of Selected Post Types

    How to Add Instagram Feed on Your Website (Automatic or Manual) 1

    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) 2

    • 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) 3

    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) 4

    • 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