How to Embed Instagram Feed on WordPress Website?

Video guide to Add Instagram feed on your WordPress website

Show Instagram Feed On WordPress Website

Add an Instagram Feed

To create an Instagram feed, you need to follow the given steps-

Try Taggbox – Start Your 14 Days Free Trial

Step 1

Login or Signup to your Taggbox account. You will see your Dashboard.

Taggbox Widget Dashboard

On the Taggbox Dashboard click the “+Create Widget” button to create a new widget:

Create Widget by Taggbox

Step 2

Then, give a name to your widget. A Unique URL of your widget will be created automatically according to your widget name. You can also change it according to you.

To enable Profanity Filter select Apply Profanity Filter. Then, click “Create widget“.

Taggbox create widget

Step 3

1. Click Feeds (You will find it on the left-hand side of the page).

Add Feed for social wall

2. Click Add Feed, to create a New feed.

Feed for social wall

Step 4

In the popup that appears, select the Instagram connection type from the top tabs and then fill out the required fields.

Embed Instagram Feed Widget

Step 5

Choose one of the following to create feed:

1. Hashtag (#)- To fetch Instagram feeds, enter your Instagram Hashtag.

Create Instagram Feed with Hashtag

2. Handle (@)- You can collect Instagram feeds through a business profile handle.

Create Instagram Feed with Handle

3. Mentions- You can collect Instagram feeds in which you are mentioned.

Create Instagram Feed with mention

4. Tagged- You can collect Instagram feeds in which you are Tagged.

Create Instagram Feed with tagged

To enable Moderation on the connection select “Manually approve posts before making them public”.

Step 6:

Then click the “Create Feed” button to complete adding.

Then provide the login credentials for Instagram and sign in.

The Connection has been created and within a few moments posts will appear in the Moderation Panel of the page.

After creating connections you can use Personalize and Moderation Panel to set up your Instagram widget according to you.

Generate Instagram Feed Embed Code

To embed Instagram feed on your website you need to follow below steps

Step 1:

Click on Embed Widget Button on your widget editor.

Tumblr Feed widget

Step 2:

To embed your Instagram feed on the WordPress website, choose WordPress as your platform.

Choose embed platform WordPress

Step 3:

Set width and height as per your requirements and Click on Get Code.

embed Instagram code for wordpress website

Embed Instagram feed On WordPress 5.0 Website

Step 1:

Open the page/post in your WordPress backend where you want to embed the Instagram feeds.

embed Instagram post on wordpress

Step 2:

Select “(+) Add Block” in the top left corner of the WordPress Editor.

instagram post on wordpress website

Step 3:

Here, click on Formatting and then choose Custom HTML and paste the copied embed code in the editor.

instagram widget Feeds on wordpress

Step 4:

Click on Publish/Update post and You’re done.

Embed Instagram Feeds on WordPress Classic Editor

Step 1:

Open the page/post in your WordPress backend where you want to embed the Instagram feeds.

Step 2:

On the right-hand side, you will find a Visual and a Text option. Choose Text Mode.

Display Instagram Feed on WordPress

Step 3:

Paste the generated embed code where you want to show your Widget and click on Update/Publish to save the changes.

Great! You have successfully embedded Instagram feeds on your WordPress website.

Try Taggbox Widget to Embed Instagram Feed – Start Your 14 Days Free Trial

If you have any questions or need help, please Contact us or write us at [email protected]