How to Embed Instagram Post on WordPress Blog (No Tech Skills Needed!)

Ever posted something great on Instagram that got tons of love… but then it disappeared into your feed?

What if you could reuse that same content on your website — where it keeps working for you 24/7?

Good news: you can. And it only takes a few clicks. Here’s how to embed Instagram posts in your WordPress site, even if you’re not techy at all.

Why Add Instagram Posts to Your Blog Articles?

Imagine you’re a small business owner juggling content creation, social media, and your actual business. Embedding Instagram posts gives you a way to work smarter:

• Reuse your best content across platforms

• Add visual credibility to your blog without extra effort

• Keep website visitors engaged longer with eye-catching visuals

• Drive more followers to your Instagram page

• Showcase real-time social proof that builds trust

4 Easy Steps to Embed Instagram in WordPress

Step 1: Choose a Great Instagram Post

Choose a post that:

• Matches your blog topic

• Shows something real and visual

• Adds to the message you’re sharing

• Offers value to your reader

Ask yourself:

• Does the post support the point I’m making?

• Will it catch attention?

• Is it public and legally shareable?

Step 2: Copy the Embed Code from Instagram

On your computer browser (not your phone):

1. Go to Instagram.com

2. Find the post you want to use

3. Click the three dots (⋯) in the top right corner of the post

4. Click “Embed”

5. Copy the code that appears

Step 3: Paste Into Your WordPress Blog

Now go to your WordPress blog editor:

1. Click to edit your blog post

2. Place your cursor where you want the Instagram post to appear

3. Click the + button, search for “Custom HTML”, and select it

4. Paste the embed code

5. Click Publish or Update

Step 4: Preview Your Post

After publishing:

• Check if the Instagram post appears in the right spot

• Make sure it looks good on both desktop and mobile

• Add a caption or intro text for context

• Check alignment and spacing with the surrounding content

Bonus Tips: Styling, Widgets & More

Optimize the look with CSS: Want to tweak how your embedded post appears? Here’s how:

1. From your WordPress dashboard, go to: Appearance > Customize > Additional CSS
2. Paste the following CSS code into the field:

.instagram-embed {
  margin: 20px auto;
  max-width: 540px;
  padding: 10px;
  border: 1px solid #eee;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}

3. Click the Publish button to save your changes.
4. In your WordPress editor, click the ➕ button to add a new block.
5. Search for and select “Custom HTML” from the block options.
6. Paste the following code into the Custom HTML block — be sure to place your Instagram embed code inside the <div> as shown:

<div class="instagram-embed">
  [PASTE YOUR EMBED CODE HERE]
</div>

7. Click Preview to make sure it looks good, then Publish or Update your post.

Common Issues & Quick Fixes

1. Embed not showing?

• Make sure the post/account is public

• Re-check that you copied the full embed code

2. Sluggish page speed?

• Limit the number of embeds per page

• Consider lazy loading or using a plugin for performance boosts

3. Design misalignment?

• Tweak spacing and check for theme conflicts

• Use custom CSS to fine-tune display

Common Questions

Q: Will the embedded post update if I edit the original Instagram post?
A: Yes, if you edit the caption or other elements of your Instagram post, the embedded version will automatically update.

Q: Can I control the size of the embedded post?
A: The post will automatically size to fit your content area in most cases. For specific sizing needs, you may need to adjust your theme settings.

Q: What happens if I delete the Instagram post later?
A: If you delete the original post from Instagram, the embedded version will no longer display on your blog.

Q: Can I embed Instagram posts from other accounts?
A: Yes, as long as the account is public. This is great for featuring customer content or industry examples.