Joomla Instagram Feed Module
Create your Instagram Feed plugin
Screenshots
Why People Love Elfsight
Want to bring your Instagram feed into Joomla without wrestling with code? Elfsight offers the easiest way. Connect your account, pick a layout, and drop your posts, stories, or hashtag collections right onto your website. No developer needed – just set it up once and let it run.
With this extension, you can boost engagement and showcase your Instagram content directly on your website, enhancing the user experience and building social proof.
Did you know?
Over 70% of consumers trust content shared on social media and say it affects their purchasing decisions.
Start using the Elfsight Instagram plugin to show your posts directly on your Joomla website – build trust with your audience and drive conversions.
Key Features of the Joomla Instagram Feed
Here’s what you can do with the widget:
- Fully Customizable Designs: Modify the colors, fonts, and layout to match your website’s look and feel. Customize the size, spacing, and even the content displayed.
- Multiple Layout Options: Choose from grid, slider, or masonry layouts to fit your website design and display Instagram posts in the most visually appealing way.
- Hashtag & Account Filtering: Display Instagram posts from specific accounts or pull posts from relevant hashtags. Filter your feed to show only the content that fits your website’s purpose.
- Mobile-Friendly: The extension automatically adjusts to different screen sizes, ensuring your Instagram Feed looks great on mobile, tablet, or desktop devices.
- No Coding Required: Everything can be customized using a visual editor. You don’t need any coding experience to add Instagram Feed to Joomla.
- Interactive Posts: Allow your visitors to interact with the feed by liking, commenting, and clicking through Instagram posts directly from your website.
How to Add Instagram Feed to Joomla
It’s simple to integrate the Instagram widget with your Joomla website. You can choose between inline placement or floating placement to make the feed appear in the best way for your design.
Method 1: Inline Feed
This method embeds your Instagram Feed directly into your page content.
- Select a Template: Pick a layout that suits your website style from the Elfsight library.
- Customize Your Feed: Choose your Instagram source (account or hashtag), and adjust design options to match your brand’s style.
- Copy the Embed Code: Click “Add to website for free” and copy the HTML embed code.
- Embed on Joomla: Go to your Joomla page editor, find the content area where you want the feed to appear, and paste the embed code into the HTML section.
- Publish Your Page: The Instagram feed will now appear on your page.
Method 2: Floating Feed
Keep your Instagram feed visible on the side of the page as visitors scroll, creating continuous engagement.
- Pick a Floating Template: Choose a style that keeps the feed visible as users scroll through your website.
- Customize Your Feed: Adjust the size, position (left, right, or bottom), and Instagram content to display.
- Generate the Embed Code: Copy the HTML embed code by clicking “Add to website for free.”
- Embed on Joomla: In Joomla, open the page’s HTML editor, paste the code before the closing tag.
- Save and Publish: Your floating Instagram Feed is now visible across your Joomla website.
If you run into any issues, our Help Center has detailed guides, you can also explore our blog for step-by-step instructions on how to add an Instagram Feed to your website. The Community Forum is filled with tips from other users. You can also check out the Wishlist for new feature requests and the Changelog for product updates.