Introduction

The Instagram Feed Divi Module plugin is dependant on the Instagram Feed plugin. Please ensure you install, activate and configure it first.

This plugin introduces a new module DF – Instagram Feed. Refer to the photo below:

Instagram Module

Configuration Options

This option group has the following fields:

  • Type: Source of the Instagram data
    • Instagram User ID: Instagram User ID. Separate multiple ID’s by comma.
    • Hash Tag: Available in pro version. Any hashtag. Separate multiple hashtags by comma.
    • Location: Available in pro version. ID of the location. Separate multiple locations by comma.
    • Co-Ordinates: Available in the pro version. The coordinates to display photos from. Separate multiple sets of coordinates by commas. The format is (latitude, longitude, distance).
  • Initial number of photos: Set the initial number of photos to display. The maximum is 33.
  • Sort By: Sort photos by
    • Newest to oldest
    • Random
  • Columns: The number of columns in your feed. Between 1 and 10.
  • Image Resolution: Resolution of the image. Options are
    • Auto
    • Full
    • Medium
    • Thumb

Configuration Options

Post Filtering Options

This option group is used to include and exclude photo item caption containing a word(s). The fields are:

  • Exclude Words: Remove posts which contain certain words or hashtags in the caption.
  • Include Words: Only display posts which contain certain words or hashtags in the caption.

Post Filtering Options

Header Options

This option group is about the header of the instagram feed. Fields are:

  • Show Header: When selected, shows the Instagram feed header.
  • Text Color: The color of the header text. Any hex color code.

Header Options

Style Options

This option group is about the dimension and background color of the instagram feed container. Fields are

  • Width: The width of your feed. Any number.
  • Width Units: The unit of the width. ‘px’ or ‘%’
  • Height: The height of your feed. Any number.
  • Height Units: The unit of the height. ‘px’ or ‘%’
  • Background Color: The background color of the feed. Any hex color code.
  • Custom CSS Class: Add a CSS class to the feed container

Style Options

Photo Options

This option group is about the styling of the photos. Fields are

  • Padding: The spacing around your photos
  • Padding Unit: The unit of the padding. ‘px’ or ‘%’
  • Disable Mobile Layout: When selected, disable the mobile layout.
  • Hover Color: The background color when hovering over a photo. Any hex color code. Available only on Pro Version
  • Hover Text Color: The text/icon color when hovering over a photo. Any hex color code. Available only on Pro Version.
  • Disable Lightbox: Whether to disable the photo Lightbox. It is enabled by default. Available only on Pro version

Photo Options

Carousel Options – Pro Version Only

This is only available for pro version. This option group is used to configure the carousel mode for the photos. Fields are

  • Show Carousel: When selected, display this feed as a carousel.
  • Display Directional Arrows: When selected, display directional arrows on the carousel.
  • Display Pagination: When selected, display pagination links below the carousel.
  • Autoplay: When selected, makes the carousel autoplay.
  • Interval time: The interval time between slides for autoplay. Time in miliseconds.

Carousel Options

“Follow on Instagram” Button Options

This option group styles the “Follow on Instagram” Button. Fields are

  • Show Button: When selected, shows the ‘Follow on Instagram’ button.
  • Background Color: The background color of the button. Any hex color code.
  • Text Color: The text color of the button. Any hex color code.
  • Button Text: The text used for the button.

"Follow on Instagram" Button Options

Caption Options – Pro Version Only

This option group styles the photo captions. Fields are.

  • Show Caption: When selected, shows the photo caption.
  • Number of Characters: The number of characters of the caption to display
  • Text Color: The text color of the caption. Any hex color code.
  • Text Size: The size of the caption text. Any number.

Caption Options

“Load More” Button Options

This field group styles the button which loads more photos. Fields are.

  • Show “Load More” Button: When selected, shows the button.
  • Button Color: The background color of the button. Any hex color code.
  • Button Text Color: The text color of the button. Any hex color code.
  • Button Text: The text used for the button.

"Load More" Button Options

Likes & Comments Options – Pro Version

Likes & Comments Options - Pro Version
`

Get access to all our themes and plugins

Trusted by over 1000+ websites

Become a member to use our themes & plugins for an unlimited number of sites. No restrictions!

30-day money-back guarantee.

Not satisfied? Your money back, no questions asked.

Subscribe

Join our mailing list to receive the latest news and updates from our team.

You have Successfully Subscribed!