• Business + Productivity
  • Creative Projects
  • Recipes
  • Travel
    • Disneyland
    • Facebook
    • Instagram
    • Pinterest
    • Twitter

Tauni Everett

Bibbidi Bobbidi Chew

Tauni Everett » Business + Productivity » Blogging » How to Embed an Instagram Post

How to Embed an Instagram Post

Today I am going to share a quick tutorial on how to embed an Instagram post on a blog or web post.

how-to-embed-instagram-posts-hero

I love having the ability to tie all of my publishing platforms together. It makes for a more cohesive conversation. While it’s easy to simply text link from account to account, the story is so much more clear when you can provide a visual.

Just the other day, I shared my VERY FAVORITE chicken taco soup recipe. As part of the post, I wanted to refer to something I’d shared on Instagram. I embedded the Instagram post into the body of my blog post.

It’s been a while since I shared a blogging tip here on the site, so I documented the process so that I could share the details on how to embed an Instagram post with you today.

How to Embed an Instagram Post

Embedding Instagram posts on WordPress is actually pretty darn easy. You simply copy and past the URL of the individual post on it’s own line while in the visual editor. However, more often than not the post isn’t visually aligned the way you’d like. Fortunately, there’s a simple work around to get things in ship-shape.

Login to Instagram online

Learn how to embed published Instagram posts onto your blog or website.

Navigate to a specific Instagram account

101-things-to-do-in-summer

Navigate to a specific Instagram post + locate the “…” on the bottom right

how-to-embed-instagram-3

Click for more information + select “embed”

how-to-embed-instagram-4

Click to copy Instagram embed code

how-to-embed-instagram-5

Navigate to the backend of your website + select the text editor tab

how-to-embed-instagram-8

Paste the Instagram embed code into the body of the post

how-to-embed-instagram-7

Center Instagram embed

The regular code will not center your Instagram in the body of the post, but you can easily correct this by adding a center command <div align=”center”> before the remainder of the code.

how-to-embed-instagram-9

Following the Instagram embed code, you will close the command with </div> as well.

The Instagram will look empty in the visual editor

how-to-embed-instagram-10

It will show up in the published version

how-to-embed-instagram-11

The Instagram post will show up as a clickable web embed. Your readers will be able to access the post as well as the comments, simply by clicking. Embedded posts are also responsive and will automatically resize if the embedding container becomes smaller (i.e. a phone screen). This means that the content will look great both on desktop and mobile websites!

 

about me
post summary
Popular Posts


Tauni Everett

Tauni Everett

Creative Director at Tauni Everett
Tauni is a former public relations executive who spent 12+ years handling communications and events for an array of clients, from the NBA and Olympics to numerous high ranking politicians. Today, she handles social media for a local agency and hosts Snap, an annual social media conference for bloggers focused on entertaining, craft and home DIY.











Power Bio Box by Zyra Console



You are here:
Home
Business + Productivity
Blogging
Instagram
How to Embed an Instagram Post
Title:
How to Embed an Instagram Post

Authors:
  • Tauni Everett
Categories:
  • Blogging
  • Instagram
Mentions:
Blogging Tip, Blogging Tips, Instagram, WordPress

Keywords:
embed an instagram post

Last Updated:
November 15, 2018

  • How to Get the Most Out of a Blogger Conference
  • How to Connect with Brands on Twitter
  • How to Manage Multiple Accounts on Instagram
  • How to Manage Multiple Instagram Accounts
  • How to Schedule Instagram Posts
  • How to Change Fonts in WordPress
  • How to Create a Navigation Bar in WordPress
  • How to Schedule Facebook Posts

«
»

Blogging, Instagram

Comments

  1. aneeqlondon says

    June 22, 2017 at 3:02 am

    Hi Tauni,
    Great post on embedding instagram pictures. I’ve never actually thought of doing it and used to email them to myself!!
    Thanks for the tips.

  2. rwbeautyandfashion says

    August 31, 2017 at 9:19 am

    We love your site! We for some reason in our preview version can not seem to still see what the Instagram embed looks like? Is it still blank until publishing so meaning even in preview mode the Instagram embed still looks blank only until we publish will we actually see it?

    • Tauni says

      September 4, 2017 at 9:45 pm

      Yes. Often the preview will be blank until published. It depends upon the site’s individual programming. Good luck with your shares! xo Tauni

  3. Caroline says

    September 8, 2022 at 3:52 am

    Hi! I am using your guide to center embedded IG post. It doesn’t work for me. Where is the suppose to go? Thank you so much!

    • Tauni Barker says

      September 8, 2022 at 10:47 am

      Hi Caroline, I don’t understand your question. Could you rephrase?

Featured Posts

Disneyland Lunar New Year Mandarin Mousse Cake

The Best Disney Lunar New Year Food

Disneyland Lunar New Year Festival Entrance

Disney Lunar New Year

12 CLASSIC DISNEYLAND TREATS 1

12 Classic Disneyland Treats You Can Get All Year Round

Disneyland Snacks that Will Not Wreck Your Diet Bengal Outback Skewer

10 Disneyland Snacks That Will Not Wreck Your Diet

WordPress Hosting by House of Ideas

Copyright © 2025 SNAP! Creativity · Design by: Key Lime Digital Designs· Darling Theme