WordPress Embed Examples – Flickr, Twitter, SoundCloud and many more

In this article, we will explore WordPress’s most excellent feature of embedding external content via oEmbed. No plugins required, the WordPress oEmbed feature allows you to simply paste a link into your post and embed content. For example, paste in the URL of a YouTube video and the video player will magically be included on your page.

I’ve provided examples of embedding from many popular sites below but there are many more sites supported. In each example, I’ve included the url used and html code snippet where applicable. This article has grown larger than I had expected so you can jump to the section you are interested in from here. Facebook, Twitter, YouTube, Flickr, SoundCloud, Instagram, PollDaddy, Meetup.com, Reddit

Don’t see an example of the website you are looking for? Drop me a comment below and I will add it to this article. A full list of oEmbed provider sites that WordPress supports can be found at https://codex.wordpress.org/Embeds.

FaceBook oEmbed Examples

FaceBook Post (Must be public)

Animated gifs in posts are not support at this time.

Feelings after 4th of July
Posted by Dude Perfect on Wednesday, July 5, 2017


Feelings after 4th of July
Posted by Dude Perfect on Wednesday, July 5, 2017

Twitter oEmbed Examples

To illustrate embedding a tweet, I’ll embed the worlds first tweet by Jack Dorsey.

just setting up my twttr
— jack (@jack) March 21, 2006
 

just setting up my twttr

— jack (@jack) March 21, 2006

Embed a Twitter Video

Embedded Twitter videos will play directly inside your page.

BEST VIDEO OF 2017 pic.twitter.com/VWOTiZfArs
— Funny Videos (@viraIvid) July 6, 2017
 

BEST VIDEO OF 2017 pic.twitter.com/VWOTiZfArs

— Funny Videos (@viraIvid) July 6, 2017

Embed a Twitter Moment Feed

Embedded Twitter Moments are really long, you cannot control the height on embed but you can set the width. I’ve provided a screenshot of a Moment instead.

Surfers upstaged by safety boat's epic ride ? 
Surfers upstaged by safety boat's epic ride ? 

More Twitter embed examples can be found over at support.wordpress.com/

YouTube oEmbed Examples

Embed a YouTube Video

Embed a YouTube Video and start playing at a specified time in the video

If you click play on the video below it will begin playing at the 3:43 mark.

Embed YouTube Video with width and height defined

Embed a YouTube Playlist

More YouTube Embed Examples

Flickr oEmbed Examples

Embed a Flickr Photo

Just paste the Flickr photo url into WordPress, use the URL of the photo page not the image file itself.

Flickr Photo Embed with text overlay

The Flickr image embed simply includes the photo only so I’ve provided a second example with some inline CSS hackery to overlay the photo’s title and photographer attribution.

  NY Night
  
    Photo by Travis Leech
    - CC/BY-NC-ND
  

NY Night Photo by Travis Leech – CC/BY-NC-ND

Flickr Album oEmbed Example

I like this one! The embedded Flickr Album loads fast and viewers can navigate through the album using the next button or with the keyboard arrow keys. It’s also a nice touch that they show the photo’s license down in the bottom right.

Embedded Flickr Album with width specified

To specify the width use the embed shortcode with the width attribute. I also wrapped it in a <p> tag to center it.

SoundCloud oEmbed Examples

Embed a Single Track

A Compact SoundCloud Player

Embed a SoundCloud Playlist

Instagram oEmbed Example

Include an Instagram Photo in WordPress Post.

 
 
 
 It's #WorldTurtleDay ?! Turtles ? warm weather. You'll spot them sunbathing or, like this turtle, practicing yoga at our ponds. #WildlifeNYC ?: @daniel.avila / NYC Parks
 
A post shared by NYC Parks (@nycparks) on May 23, 2017 at 1:00pm PDT
 

It's #WorldTurtleDay ?! Turtles ? warm weather. You'll spot them sunbathing or, like this turtle, practicing yoga at our ponds. #WildlifeNYC ?: @daniel.avila / NYC Parks

A post shared by NYC Parks (@nycparks) on May 23, 2017 at 1:00pm PDT

PollDaddy oEmbed Examples

Embed a quiz, survey or poll in your WordPress Post. This is one that I’m going to use!

Embed a Poll Question

Create a poll over at polldaddy.com and click on the WordPress tab to get the correct embed url. Give it a try by answering the poll question below.

Embed a Survey

Go ahead, give it a try by answering this short 3 question survey. I value your input ;)

Embed a Quiz

Meetup.com oEmbed Examples

Embed a Group

     
          
Photographers Adventure Group
          
Austin, TX 
          2,293 Photographers
                                    
No matter if you are an Amateur or a thirty year professional photographer, we all share a passion to create photographs. So lets get together and share this passion.The inte...
                
Next Meetup
shoot the milky way
Saturday, Jul 22, 2017,  9:30 PM
25 Attending
                 
     
Check out this Meetup Group →

Embed an Event

You can also embed an individual event. The event remains embedded even after it has passed.

     
          
shoot the milky way
          
Saturday, Jul 22, 2017,  9:30 PM
          
ponotoc texas
intersection of highway 71 and fm 520 ponotoc, TX
          25 Photographers Attending           
               
          
          
i ran one of these last year out by enchanted rock and it was a huge success. there are some old ruins in the town on ponotoc that might be a good place to shoot.  It Ponotoc is past llano on highway 71,about 100 miles from austin.  this is a google map view of the location,check it out on street view https://www.google.com/maps/@30.9093431,-98.977...
     
     
Check out this Meetup →

shoot the milky way

Saturday, Jul 22, 2017, 9:30 PM

ponotoc texas
intersection of highway 71 and fm 520 ponotoc, TX

25 Photographers Attending

i ran one of these last year out by enchanted rock and it was a huge success. there are some old ruins in the town on ponotoc that might be a good place to shoot.  It Ponotoc is past llano on highway 71,about 100 miles from austin. this is a google map view of the location,check it out on street view https://www.google.com/maps/@30.9093431,-98.977…

Check out this Meetup →

Reddit Embed Example

    
      Cloudzilla! from      pics    
  

Cloudzilla! from pics

In Summary

We have looked at WordPress’s oEmbed functionality and have seen many examples to get you started embedding external content on your own WordPress website. If you found this article useful, please share it on your preferred social media platform using the buttons provided below.

References

• WordPress Codex page about oEmbed Support
• oEmbed Specification Page
• Twitter Embeds at support.wordpress.com

---

---

This site uses Akismet to reduce spam. Learn how your comment data is processed.