gubbigubbi

<p>Easily and instantly preview your instagram feed live within the new editor experience. Adjust settings as needed such as the number of columns and the spacing. More features to come!</p>
<h3>Kona: Instagram Feed for Gutenberg</h3>
<p>Easily and instantly preview your Instagram feed live within the new editor (Gutenberg) experience. Adjust settings as needed such as the number of columns and the spacing. More features to come.</p>
<h3>Wan’t to see a feature?</h3>
<p>Feel free to tweet and say 👋 at me <a href="https://twitter.com/rhysclay/" rel="nofollow ugc">@RhysClay</a></p>
<p>Or submit (even better) submit a PR!</p>
<h3>Our Awesome Collaborators</h3>
<p>Some people who have helped along the way<br />
* <a href="https://wordpress.org/support/users/yonatron/" rel="ugc">@yonatron</a><br />
* [@ahrengot]<br />
* <a href="https://twitter.com/forsvunnet" rel="nofollow ugc">@Forsvunnet</a><br />
* <a href="https://twitter.com/allerj/" rel="nofollow ugc">@allerj</a><br />
* <a href="https://twitter.com/made_by_denis" rel="nofollow ugc">@dingo_d</a><br />
* [@dawizardguy]<br />
* <a href="https://github.com/UXBox-Design" rel="nofollow ugc">@UXBox-Designj</a></p>
<h3>Coming Soon</h3>
<ul>
<li>Video thumbs???</li>
</ul>


Kona Gallery Block

Saved me few hours of coding. It's super simple and intuitive to use, you can even increase the gutter between the images beyond 20px.

Installed and it just works :) 

Thanks for all the work!

Awesome plugin that does what it says it does!

Very easy to use and intuitive. Does exactly what it says it does and took me less than a minute to set up. Highly recommended!

Great plugin

Easy to use !!

Easily and instantly preview your instagram feed live within the new editor experience. Adjust settings as needed such as the number of columns and th …

Sharik Khan

zish

fkfaisalkhan007

mohammadhanif

Pathhan

Alexander

FARAZFRANK

A WP Life

<p>Looking for an easy way to showcase your Instagram photos on your website? This social media gallery helps you pull images directly from your social media account using an access token. Once connected, your photos appear in a clean grid layout that looks great on any screen size.</p>
<p><strong>View Pro Demo:</strong> <strong><a href="https://awplife.com/demo/instagram-feed-gallery-premium/" rel="nofollow ugc">Social Media Feed Gallery Premium</a></strong><br />
<strong>More About Pro Version:</strong> <strong><a href="https://awplife.com/wordpress-plugins/instagram-feed-gallery-premium/" rel="nofollow ugc">Social Media Feed Gallery Premium Details</a></strong><br />
<strong>Where To Buy:</strong> <strong><a href="https://awplife.com/account/signup/instagram-feed-gallery-premium" rel="nofollow ugc">Buy Social Media Feed Gallery Premium</a></strong></p>
<h4>Video Guides</h4>
<p><strong>How to Generate an Access Token</strong></p>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/VrqbUP67Jbw?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<h3>External services</h3>
<p>This plugin relies on the <strong>Instagram Graph API</strong> to fetch media content (images and videos) from your Instagram account to display in your gallery.</p>
<ul>
<li><strong>Service:</strong> Instagram Graph API (Meta Platforms, Inc.)</li>
<li><strong>What data is sent:</strong> Your Instagram Access Token, media IDs, and query parameters to specify image/video fields and limits. </li>
<li><strong>When data is sent:</strong> Data is sent via a server-side request (<code>wp_remote_get</code>) every time the gallery shortcode is loaded on your site.</li>
<li><strong>Privacy & Terms:</strong>
<ul>
<li><a href="https://help.instagram.com/519522125107875" rel="nofollow ugc">Instagram Data Policy</a></li>
<li><a href="https://www.facebook.com/privacy/policy/" rel="nofollow ugc">Meta Privacy Policy</a></li>
<li><a href="https://help.instagram.com/581066165581870" rel="nofollow ugc">Instagram Terms of Use</a></li>
</ul>
</li>
</ul>
<p><strong>Complete Setup Tutorial</strong></p>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/eqripRcj5CE?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<p>The setup process takes just a few minutes. Enter your access token, adjust your display settings, and drop the shortcode wherever you want the gallery to appear. Works with pages, posts, sidebar widgets, and theme template files.</p>
<h4>What You Can Do With This Gallery</h4>
<p>When building your social media gallery, you get control over how images display:</p>
<ul>
<li>Choose how many photos appear (up to 50 in the free version)</li>
<li>Set the number of columns from 1 to 6</li>
<li>Add spacing between images for a cleaner look</li>
<li>Show or hide captions on hover</li>
<li>Link images back to the original post</li>
<li>Open photos in a lightbox with navigation controls</li>
</ul>
<p>The responsive design adapts automatically. Desktop visitors see a multi-column grid while mobile users get a single-column view that scrolls smoothly.</p>
<h4>Gallery Layout Options</h4>
<p>The free version includes a standard grid template. Photos arrange in equal-sized boxes across your chosen column count. Spacing options let you add gaps between images or create a tight seamless grid.</p>
<p>For sites needing more variety, the Pro version adds four additional layouts:</p>
<ul>
<li><strong>Masonry</strong> – Images stack vertically without equal heights, like Pinterest</li>
<li><strong>Mosaic</strong> – Mixed-size tiles create visual interest</li>
<li><strong>Carousel</strong> – Sliding gallery with navigation arrows</li>
<li><strong>Post Style</strong> – Shows images with engagement data below</li>
</ul>
<h4>Connecting Your Social Media Account</h4>
<p>The gallery uses Insta’s official API through access tokens. This method keeps your account secure since you never enter your password into the site.</p>
<p>Getting an access token involves a few steps through Facebook’s developer tools. We include video tutorials that walk through the process from start to finish. Most users complete setup in under 10 minutes.</p>
<h4>Where to Display Your Feed</h4>
<p>Shortcodes give you flexibility in placement. Copy the code from the gallery settings and paste it into:</p>
<ul>
<li>Any page or post using the block editor or classic editor</li>
<li>Text widgets in your sidebar or footer</li>
<li>Theme template files with the do_shortcode function</li>
</ul>
<p>Each gallery gets its own shortcode, so you can create multiple feeds with different settings.</p>
<h4>Free Features</h4>
<ul>
<li>Access token authentication</li>
<li>1 gallery layout (Grid)</li>
<li>Rows and columns control</li>
<li>Display up to 50 images</li>
<li>Adjustable image spacing</li>
<li>Caption overlay on hover</li>
<li>Direct links to feed posts</li>
<li>Lightbox image preview</li>
<li>Lightbox navigation controls</li>
<li>Shortcode generator</li>
<li>Responsive design</li>
<li>Translation ready</li>
</ul>
<h4>Pro Features</h4>
<p>Upgrade to access additional layouts and extended functionality:</p>
<ul>
<li>5 gallery layout templates (Grid, Masonry, Mosaic, Carousel, Post)</li>
<li>Display 200+ images per gallery</li>
<li>Album support</li>
<li>Like count display</li>
<li>Comment count display</li>
<li>User profile information</li>
<li>Load More button for pagination</li>
<li>Social sharing icons</li>
<li>No-spacing layout option</li>
<li>Custom link settings</li>
<li>Custom CSS field</li>
<li>Lightbox color customization</li>
<li>Priority support</li>
</ul>


Social Media Feed Gallery

Formerly "WP Instagram Feed Gallery" Create a responsive social media gallery with access token. Grid layout, lightbox, shortcode support.

Kona Gallery Block vs Social Media Feed Gallery