Difference between revisions of "Embed Instagram Post - WordPress"

From Help Wiki
(Created page with " <div class="container-fluid"> <div class="row"> <div class="col-md-8"> <div class="lead"> WordPress is ready out of the box to deliver your podcast to subscribers. </div> H...")
 
 
(One intermediate revision by the same user not shown)
Line 4: Line 4:
 
<div class="col-md-8">
 
<div class="col-md-8">
 
<div class="lead">
 
<div class="lead">
WordPress is ready out of the box to deliver your podcast to subscribers.
+
== How to manually embed an Instagram post at your WordPress site via the Code Editor ==
 
</div>
 
</div>
  
 +
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.
  
How to Embed an Instagram Post at your WordPress Site
+
* 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.
  
Instagram does not provide native support for embedding Instagram live feeds onto external sites. These instructions are for embedding an Instagram post.
 
  
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 ===
 
+
===== 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 23: 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 30: Line 28:
 
# To save the page or post, click the blue "Publish" or "Update" button at upper right.  
 
# 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.
+
 
 +
==== '''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.