Instagram Widget
Use the widget to add Instagram on your website.
Content
Layout
Metadata
Display Caption: Slide to YES to enable Captions.
Caption Length: Set desired caption length here.
Display Date: Slide to YES to enable Date and choose its format from a dropdown.
Skin: Choose a Skin between Cover and Card.
In case Cover Skin is selected you can also set a Content visibility, i.e. Show on hover or Hide on hover.
Columns: Choose the number of columns from the dropdown (for desktop, tablet and mobile)
Maximum Amount of Images: Set the Maximum Amount of Images to be shown.
Columns Gap: Set a gap between columns.
Rows Gap: Set a gap between rows.
Masonry: Slide to YES to enable masonry layout.
Image Ratio: Set desired Image Ratio for desktop, tablet and mobile.
The option is available in case Masonry layout is disabled.
Load More
Slide to YES to enable the “Load More” button and set it in a desired way.
Feed Title
Slide to YES to show a Link to Instagram profile and set it.
The option is available in case “Load More” and “Header” buttons are disabled.
On Click
Choose if you want to open images in a Lightbox or link to an image itself or disable a link at all.
Query
Order by Date: Select Descending or Ascending.
Account
Delete Cache: Press to delete cache.
Custom connection: Slide to YES to enable Custom connection (Access Token and User ID are required).
Style
Items
Cover
Alignment: Choose between Left, Center and Right metadata alignment.
Padding: Set padding for desktop, tablet and mobile.
Filters: Set filters in a desired way (Blur, Brightness, Contrast, Saturation, Hue)
Box Shadow: Choose desired settings from the dropdown.(for Normal and Hover modes)
Background Color: Choose a Background color from a color palette or dynamic tags. (for Normal and Hover modes)
Border Type: Choose a Border Type from the dropdown and set it.
Caption
Color: Choose a Caption color from a color palette or dynamic tags.
Typography: Set a Typography using settings from the dropdown.
Bottom Spacing: Set a Bottom spacing here.
Shadow: Choose desired settings for a Caption shadow from the dropdown.
Advanced
Set the Advanced options that are applicable to this widget