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

    ArgumentDescription
    usernameUsernameFill just one of username or hashtag at same time
    tagHashtagFill just one of username or hashtag at same time
    typeDisplay 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

    showImages to showEnter number between 1 and 12
    profileShow profile informationOnly when username is providedPossible values

    • false – No
    • true – Yes

    followbtnShow profile follow buttonOnly when username is provided and profile information is visiblePossible values

    • false – No
    • true – Yes

    profile_sizeProfile sizeOnly when profile is activePossible values

    • normal – Normal
    • small – Small

    image_sizeImage sizePossible values

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

    spaceSpace between imagesPossible values

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

    masonryMasonryOnly when columns display is usedPossible values

    • false – No
    • true – Yes

    infoHide hover image detailsPossible values

    • – Default from settings
    • false – Yes

    Instagram Feed Image

    [ instagram-image ]

    Shortcode Arguments

    ArgumentDescription
    idImage ID
    profileShow profile informationPossible values

    • false – No
    • true – Yes

    infoShow image informationPossible values

    • false – No
    • true – Yes

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