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

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

Feelings after 4th of July

Posted by Dude Perfect on Wednesday, July 5, 2017


end of facebook oembed wordpress examples – return to top ↑


Twitter oEmbed Examples

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


 

Embed a Twitter Video

Embedded Twitter videos will play directly inside your page.


 

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.


 
 
Embedded Twitter Moment
Click to Expand Screenshot

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


end of twitter oembed wordpress examples – return to top ↑


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





 




end of youtube oembed wordpress examples – return to top ↑


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.


NY Night

NY Night

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

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

NY Night

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.

 

Mas swim 

Mas swim

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.


Mas swim

Mas swim


end of flickr oembed soundcloud examples – return to top ↑


SoundCloud oEmbed Examples

Embed a Single Track



A Compact SoundCloud Player



Embed a SoundCloud Playlist




end of youtube oembed soundcloud examples – return to top ↑


Instagram oEmbed Example

Include an Instagram Photo in WordPress Post.



end of youtube oembed instagram examples – return to top ↑


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.

Wordpress Embed URL
PollDaddy.com – Click to Expand Screenshot
 

Embed a Survey

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


Embed a Quiz



end of polldaddy oembed wordpress examples – return to top ↑


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 →

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 →


end of meetup.com oembed wordpress examples – return to top ↑


Reddit Embed Example


    
Cloudzilla! from pics

Cloudzilla! from pics


end of reddit oembed wordpress examples – return to top ↑


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

Leave a Reply

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

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