Adding an Instagram feed to your Elementor website is one of the easiest ways to make your site more engaging, visually appealing, and conversion-driven. Instead of relying only on static content, you can showcase real-time Instagram posts, user-generated content (UGC), and social proof directly on your website, helping build trust and keep visitors interacting longer.
In this guide, you’ll learn how to embed an Instagram feed on an Elementor website step by step using Taggbox
Add an Instagram feed on the Elementor website
Step 1: Log In to Your Taggbox Account
- Sign up for a new Taggbox Widget account or log in if you already have one.
- Select “Social Feed on Website” to start building your Instagram feed.
Tip: You can also add multiple feeds from multiple sources like Instagram, Facebook, Twitter, Youtube, etc all in one widget.
Step 2: Choose Your Source Network and Build Your Feed
- From the available networks, click Instagram to begin creating your feed.
Pick one of the following options to create your feed:
- Hashtag (#): Embed hashtag Instagram feed using selected hashtags.
- My Handle: Link your own Instagram account to display your posts.
- Handle (@): Pull feeds from any public Instagram account.
- Stories: Connect your profile to show an Instagram Stories widget.
- Mentions: Display posts where your account is mentioned on Instagram.
- Tagged (Insta): Show posts where your profile is tagged on Instagram.
- Tagged (FB): Show posts where your profile is tagged on Facebook.
- Reels: Add Instagram Reels to your website feed.
- Finally, click the “Create Feed” button to start the processing of embedding Instagram feeds according to your selection.
Tips: You will find a “Design” option to customize your feed’s display, with many options to choose from according to your need.
Step 3: Personalize and Moderate Your Instagram Feed
- Select the posts you want to feature on your Elementor website and set their visibility as Public or Private.
- Click the Publish button to activate your feed.
- Select a feed layout and adjust the colors, fonts, and styling to match your website. Once done, your Instagram feed widget will be ready.
- Click on “Generate code.”
Step 4: Generate the Embed Code
- Click “OTHER” to get the embed code for adding your Instagram feed to the Elementor website.
- Copy the given code to show the Instagram feed on website.
Steps to connect the Instagram Feed to the Elementor website
Elementor offers an easy, code-free way to build a stunning website and showcase your Instagram feed:
- Log in to your WordPress Admin account.
- Choose the page where you want to display the Instagram feed.
- Click Edit with Elementor.
- Drag and drop an HTML element into the section of the page where you want the feed to appear.
- Paste the embed code into the HTML element and click UPDATE.
- Open your website to see your Elementor Instagram Widget fully embedded and live on your page.
If you have any questions or need help, please contact us or write us at [email protected]