Select Page

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 in the Divi Builder

Instagram Module in the Divi Builder

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
Instagram Feed Configuration Options

Instagram Feed 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.
Instagram Feed Post Filtering Options

Instagram Feed 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.
Instagram feed Header options

Instagram feed 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
Instagram Style Option

Instagram Style Option

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
Instagram Photo Options

Instagram 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.
Instagram Carousel Options

Instagram 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

“Follow on Instagram” Button Options

<h3″>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

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

“Load More” Button Options

Likes & Comments Options – Pro Version

Likes & Comments Options - Pro Version

Likes & Comments Options – Pro Version


Divi Framework - build anything with Divi to create your online business.

30 day money back guarantee

Safe & Secure online payment

Support team & documentation