How To Embed Instagram In WordPress (Photo, Video, & Feed)

embed instagram

Looking for a way to easily embed Instagram in WordPress site of yours? Embedding photos and videos of Instagram helps to look at your site live. People get all the latest images directly from your Instagram feed and thus helps you to build trust. 

If you don’t know how to embed Instagram in WordPress then you are in the right place. In this post, I will show you the whole process in detail. 

Let’s start then. 

How To Embed Instagram Photo In WordPress

You can embed an Instagram photo in WordPress very easily. Just look for the photo that you want to embed in WordPress site of yours. When you find the image, click on the three dots in the top right corner. 

Click on the embed. 

Now a code will appear. Just click the ‘Copy Embed Code’ button. If you don’t wish to include the caption, remove the tick. 

Now open the page or post where you want to embed your Instagram photo. Click the Add block (+) button and search for custom HTML. 

Add the block by clicking on it. Now paste the copied code into the HTML block. 

Update the post and you will find your Instagram photo embed in your website. 

How To Embed Instagram Videos In WordPress

You can Embed Instagram video in the same way you have embedded image. Just find the video that you want to embed on your WordPress website. Click on the three dots in the top right corner.

Copy the embedded code and paste it into the custom HTML block on your website.

And your video will be embedded on your website. 

How To Add Instagram Feed In WordPress

The easiest way of adding Instagram is using a plugin. Without a plugin, you will face a lot of difficulties and you have to write codes by your hand. Therefore plugin is very much helpful. 

Smash ballon Social Photo Feed is considered as the best Instagram plugin for WordPress. If you want you can upgrade to the pro version of the plugin and unlock more customization options. 

To embed Instagram at first install the Smash ballon Social Photo Feed plugin and don’t forget to activate it. 

Upon activation, navigate to Instagram Feed -> Settings. Now from the Configure tab, click on the ‘Connect and Instagram Account’ button. 

A popup will appear on your screen, asking for a Personal of Business Instagram profile. Select the account according to your wish, I am selecting the personal account and then click the connect button. 

Then you have to log in to your Instagram account and click on the Allow button to let access Smash Ballon plugin to access your media content and profile information. 

Now you will be redirected back to your website, where a popup will open. Click on the Connect This Account and your account will be connected. 

Click on the Customize tab and change the look and feel of your Instagram feed in the way you want. From here you can customize the width, height, background color, layout and etc of the feed. 

You can select the number of photos and columns to display in the feed. If you scroll down you get more customization options. If you need additional features like selecting a layout type, enabling caption post-filtering, etc. you can upgrade to the pro version of the plugin. 

After the customization, don’t forget to hit the save changes button. 

Next, open a new or existing post/page where you want to embed your Instagram feed. Click on the add button (+) and search for Instagram Feed.

Smash Ballon plugin will automatically load photos from your Instagram feed and show you a preview in the content editor. 

That’s all. 

Final Words

Hope you have understood the whole process. If you have any problems embedding images, videos, or configuring the Instagram account feel free to share. I will be happy to help you. If you liked the post, please share it with your friends and leave your thoughts in the comment box below. 

Leave a Comment

Your email address will not be published. Required fields are marked *