• Business + Productivity
  • Creative Projects
  • Recipes
  • Behind the Scenes
    • Facebook
    • Instagram
    • Pinterest
    • Twitter

Tauni Everett

Celebrate Every Day

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!

 

Related Posts


How to Schedule Instagram Posts


Updated! – How to Embed a Pinterest Board on Your Blog


How to Manage Multiple Accounts on Instagram


How to Embed a Pinterest Board on Your WordPress Blog


iCandy : Inspiration from Instagram and my iPhone Week #3


iCandy : Inspiration from Instagram and My iPhone


Not so Popular Posts of 2013

Author Bio
Article Info
Popular Posts
Tauni Everett

Tauni Everett

Administrator 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.
Author Bio Box by HOI
Author:
Tauni Everett
Categories:
  • Blogging
  • Instagram
Mentions:
Blogging Tip, Blogging Tips, Instagram, WordPress
Keywords:
embed an instagram post
Last Updated:
November 15, 2018
  • Element Anaheim Review: Best Free Breakfast Close to Disneyland
  • Staying Across the Street from Disneyland: Fairfield Inn Anaheim Resort Review
  • Moderate Value Disneyland Area Hotel for Large Families
  • Anaheim Marriott Hotel for Disneyland Guests
  • Best Hotel in Walking Distance of Disneyland for Large Families
  • Best Value Hotel Within Walking Distance of Disneyland
«
»

Blogging, Instagram 3

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.

    Reply
  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?

    Reply
    • 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

      Reply

Leave a Reply Cancel reply

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

Recipe Rating




Featured Posts

Moderate Value Disneyland Area Hotel

Moderate Value Disneyland Area Hotel for Large Families

Anaheim Marriott Hotel Review 1

Anaheim Marriott Hotel for Disneyland Guests

Courtyard Marriott Best Hotel within Walking Distance to Disneyland for large families

Best Hotel in Walking Distance of Disneyland for Large Families

Best Value Hotel Within Walking Distance of Disneyland

Best Value Hotel Within Walking Distance of Disneyland

WordPress Hosting by House of Ideas

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