Difference between revisions of "Embed Instagram Post - WordPress"

From Help Wiki
 
Line 14: Line 14:
  
  
===== '''Part One: Grab your Instagram post's code''' =====
+
 
 +
=== Part One: Grab your Instagram post's code ===
  
 
# Using a computer, navigate to the specific Instagram post’s URL on Instagram.com.
 
# Using a computer, navigate to the specific Instagram post’s URL on Instagram.com.
Line 20: Line 21:
 
# Click the blue "Copy embed code" button.
 
# Click the blue "Copy embed code" button.
  
===== '''Part Two: Paste the code into your WordPress post''' =====
+
=== Part Two: Paste the code into your WordPress post ===
  
 
# Go to your WordPress site (https://wordpress.evergreen.edu/) to edit the Page or Post where you want the Instagram post to appear.
 
# Go to your WordPress site (https://wordpress.evergreen.edu/) to edit the Page or Post where you want the Instagram post to appear.
Line 28: Line 29:
  
  
===== '''Tip: If adding multiple Insta-posts''', hit "return" or "enter" once or twice after the last post so the code for one post isn't running into a separate post. =====
+
==== '''Tip: If adding multiple Insta-posts''', hit "return" or "enter" once or twice after the last post so the code for one post isn't running into a separate post. ====
  
  

Latest revision as of 17:14, 24 May 2024

How to manually embed an Instagram post at your WordPress site via the Code Editor

Instagram does not provide native support for embedding Instagram live feeds onto external sites. These instructions are for embedding an Instagram post that contain a single image or multiple images.

  • You may embed an Instagram photo or video post on a WordPress page, post, or via a sidebar widget.
  • Important Note: The Instagram embed code is not accessible to copy on mobile devices so you need to use a desktop computer or laptop for this method.


Part One: Grab your Instagram post's code

  1. Using a computer, navigate to the specific Instagram post’s URL on Instagram.com.
  2. When viewing the post, click on the three dots next to the username at upper right, then click the "Embed" option.
  3. Click the blue "Copy embed code" button.

Part Two: Paste the code into your WordPress post

  1. Go to your WordPress site (https://wordpress.evergreen.edu/) to edit the Page or Post where you want the Instagram post to appear.
  2. In the content editor, click on the three dots in the top right corner.
  3. In the pop-out window, go to the "Editor" section, click on "Code editor" - make sure where you are adding the code in your post is one or two lines above or under any existing content, and then paste the entire block of embed code into the content editor.
  4. To save the page or post, click the blue "Publish" or "Update" button at upper right.


Tip: If adding multiple Insta-posts, hit "return" or "enter" once or twice after the last post so the code for one post isn't running into a separate post.