Add Instagram Feed
To create and embed an Instagram feed, you need to follow the given steps-
Try Taggbox Widget – Start Your 14 Days Free Trial
Step 1
Login or Sign-Up to Taggbox Widget
Step 2
You will be directed to your Taggbox Widget Dashboard
Step 3
On the dashboard, click on Add Social Feeds to add Instagram Feeds on your widget.
Step 4
In the popup Pick a Source, select the “Instagram Business” logo as a source of aggregating feeds.
Step 5
Choose one of the following to create feed:
1. Hashtag (#)- To fetch Instagram feeds using hashtags(#).
2. Handle (@)- To fetch feeds from a profile account.
3. Stories- to fetch your profile’s Instagram Stories.
4. Mentions- To fetch feeds in which your account is mentioned on Instagram Posts
5. Tagged- To fetch feeds in which your profile is tagged on Instagram Posts.
6. IGTV Videos– To aggregate IGTV videos.
Step 6
Choose your aggregating method and enter the input accordingly.
Click the “Create Feed” button to start the processing of embedding Instagram feeds according to your selection.
If asked complete the required authentication to fetch the feeds.
(Note: The Email Id you log in with on Facebook should have an Instagram account too because you know Facebook owns Instagram).
On successful authentication, in a short matter of seconds, your feeds will be displayed on Taggbox Editor.
Embed Instagram Feed on Website
To embed Instagram feeds on a website, follow the following steps –
Step 1
Click the “PUBLISH” button on the bottom-left of the screen, You can also see the “PREVIEW” of how your feeds gonna looks like.
Step 2
Select Your Website Platform (Eg: HTML, WordPress, Wix etc.) or else select OTHER if your website platform is not mentioned.
Embed on HTML Website
Step 1
On the dialog box of “Choose Your Platform,” select “HTML” as your website platform to generate code.
Step 2
Set width and height type as per your requirements. Click on Get Code
Step 3
Copy the generated code and Paste it into your HTML webpage body tag, where you want to embed Instagram feeds.
Embed on WordPress Website
Step 1
On the dialog box of “Choose Your Platform,” select “WordPress” as your website platform to generate code.
Step 2
Set width and height as per your requirements and Click on Get Code.
Step 3
Copy the website Generated Code.
A. Embed Instagram Feed On WordPress 5.0 Website
Learn here how you embed Instagram feed On WordPress 5.0 Website
Step 1A
Open the page/post in your WordPress backend where you want to embed the Instagram Feed Widget.
Step 2A
Select “(+) Add Block” in the top left corner of the WordPress Editor.
Step 3A
Here, click on Formatting and then choose Custom HTML and paste the copied embed code in the editor.
Step 4A
Click on Publish/Update post and You’re done.
B. How You Embed Instagram feeds on WordPress Classic Editor
Learn here how you embed Instagram feeds on WordPress Classic Editor
Step 1B
Open the page/post in your WordPress backend where you want to embed the Instagram feeds.
Step 2B
On the right-hand side, you will find a Visual and a Text option. Choose Text Mode.
Step 3B
Paste the generated embed code where you want to show your Widget and click on Update/Publish to save the changes.
Embed on WIX Website
Step 1
On the dialog box of “Choose Your Platform,” select “Wix” as your website platform to generate code.
Step 2
On choosing Wix as your website platform; you’ll receive below Pop-up “Wix”, Follow the instruction on the pop-up and proceed to the below steps:
Step 3
Open your WIX Editor and Navigate to the Page Where you want to Embed Taggbox.
Click on “+ Add” Button.
Step 4
Click on More and Select Embed a Site.
Step 5
Check & Copy the “Website Address” under Mode.
Step 6
Paste the generated URL into the “Website Address” field.
Embed on Squarespace Website
Step 1
On the dialog box of “Choose Your Platform,” select “Squarespace” as your website platform to generate code.
Step 2
Set width and height as per your requirements. Click on Get Code.
Step 3
Copy the website Embed Code.
Step 4
On Squarespace, Navigate to the page where you want to embed Instagram Feed Widget.
Step 5
Click on Edit.
Step 6
Click on +Add/Edit Block.
Step 7
Select Code.
Step 8
Paste the Copied code and Click on Apply.
Step 9
Save the page to apply the Changes.
Embed on Shopify Website
Step 1
On the dialog box of “Choose Your Platform,” select “Shopify” as your website platform to generate code.
Step 2
Set width and height as per your requirements and click on Get Code.
Step 3
Copy the website Embed Code.
Shopify gives you the option to embed your Instagram feeds either on default Pages or New Pages or Blog Posts.
Default Pages
Follow these steps for Default Pages:
Step 1
Login your Shopify store and navigate to Online Store-> Themes Menu in the sidebar.
Step 2
Click on the Customize button.
Step 3
Then Navigate to left side of the page and click on Custom Content.
Step 4
Then click on Custom HTML and paste the Copied code and Click on Save.
New Pages
Follow these steps for new pages:
Step 1
Login to your Shopify store and Navigate to Online Store->Pages menu in the sidebar.
Step 2
Click on Add Page.
Step 3
Select Show HTML (<>) option of Text Editor.
Step 4
Paste the Copied code and Click on Save.
Blog Posts
Follow these steps for Blog Posts:
Step 1
Login to your Shopify store and Navigate to Online Store->Blog posts menu in the sidebar.
Step 2
Click on Add/Create Blog Post on the Top right of the Page.
Step 3
Select Show HTML (<>) option of Text Editor.
Step 4
Paste the Copied code and Click on Save.
Try Taggbox Widget To Embed Feed – Start Your 14 Days Free Trial
If you have any questions or need help, please contact us or write to us at [email protected].