How To Embed Social Media

Our up-to-date 2015 comprehensive collection of tutorials on How To Embed Social Media Posts On Your Blog will walk you through the steps. If you run into any problems, give us a shout in the comments and we’ll be happy to help you out personally!

You can use this tutorial to help you embed social media posts on WordPress and Blogger blogs or your website!

Skip to the specific social media you want to embed:      

How To Embed Tweets On Your Blog

How To Embed Twitter

Firstly, locate the Tweet that you want to embed. You should see an ellipses icon (three dots) to indicate more Tweet options.

How To Embed Tweet

If you click on the “More” icon, you will see the option to “Embed Tweet”. Once you’ve clicked that you should see this pop up:

Embed This Tweet

You can choose to include the media (the picture or video) in the Tweet or have it text-only. You will also be able to see a preview of what the embedded tweet will look like. Copy the code in the text box, and simply paste into your WordPress or Blogger code, where you would like the Tweet embed to go.

How It Looks:

How To Embed Facebook Posts and Photos On Your Blog

How To Embed Facebook

Locate the Facebook post that you would like to embed on your blog post. The little down arrow in the top right corner of the post will present you with the option to “Embed Post” when clicked:

How To Embed Facebook Post

You will then see this box pop up:

Embed This Post

You can preview how the Facebook embed will look on your blog or website and then, if you are happy with it, you can copy the code from the textbox and paste it into your blog’s code where you would like the Facebook post to appear.

How It Looks:

If you want to embed a Facebook photo, you need only click on the photo in the album and select Options:

Embed Facebook Photo

And you will get a pop-up like the one for embedding Facebook posts, where you will see a preview of the embed.

WORDPRESS USERS: This may not work for you, in which case copy and paste this instead:

Don’t forget to replace the URL with your own!

How To Embed Google+ Posts On Your Blog

How To Embed Google+

Firstly, find the Google+ post which you would like to embed on your blog. Similar to Facebook, there will be a down arrow in the top right corner which gives you the option to “Embed post”:

How To Embed Google Plus

You should see this pop up:

Embed Google+ Post

Just follow the instructions in the pop-up, and copy the code in the text area, telling you where to paste the code on your blog or website.

How It Looks:

How To Embed Instagram Posts On Your Blog

How To Embed Instagram

Open up on Instagram the post that you want to embed on your blog or website. If you click the ellipses icon (three dots) next to the “Leave a comment” box, you will be given the option to “Embed”:

How To Embed Instagram Post

You can choose to include the caption or only the Instagram photo in your embed. You will then need to copy the code from the text box and paste it into the HTML of your blog post or website, where you would like the Instagram embed to go.

How To Embed Instagram

How It Looks:

How To Embed YouTube Videos On Your Blog

How To Embed YouTube

On the YouTube video page that you would like to embed on your blog or website, beneath the video you should see three tabs that say Share, Embed and Email. You want to click on Embed, and then copy the code given in the text box and paste it into the HTML of your blog post or website:

How To Embed YouTube Videos

If you click Show More beneath this text box, you will be given more options for your YouTube embed.

How To Embed YouTube Videos

You will be able to see a preview of what the embed will look like on your blog or website, change the video embed size, and other options in regards to how the video will look and act on your blog or website.

How It Looks:

How To Embed Pinterest On Your Blog

How To Embed Pinterest

Pinterest have decided to make embedding pins harder than before. You used to be able to just decide how to share or embed directly from the pin page itself, but now you can only do this from their Widget Builder: https://business.pinterest.com/en/widget-builder

So if you visit that link you should see this:

Embed Pinterest Pin

On the left sidebar, you have different “widget” options. To embed a pin, just select the Pin Widget in the sidebar and paste in the Pin URL and click the Build It button.

Embed Pinterest Pin

You will then see a preview of the pin embed, and have the option to copy the code and paste it in the HTML of your blog or website where you want the pin to appear.

You are also able to embed Pinterest profiles (Profile Widget in sidebar) to display your latest pins:

Embed Pinterest Profile

Or even embed a Pinterest board:

Embed Pinterest Board

How It Looks:


How To Embed A Vine On Your Blog

How To Embed Vine

Click the up arrow saying “Share” at the bottom of the Vine video that you want to embed:

How To Embed Vine

You will see this overlay giving you the option to share via your social media channels, email or embed. Click Embed:

How To Embed Vine

You will then be taken to the Vine embed page where you can select your embed options for the way the Vine embed will look, whether audio will play automatically and your optimum size for the Vine embed. You can then copy the Vine embed code and paste it in the HTML of your blog post or website where you want the Vine embed to appear:

Vine Embed Code

How It Looks:

How To Embed Tumblr Posts On Your Blog

How To Embed Tumblr

Firstly, you will need to find the Tumblr post that you want to embed.

If you are logged in to Tumblr, you should see this in the top right corner giving you option to embed:

Embed Tumblr

This will take you to the post’s embed page.

If (for whatever reason) you don’t want to log in, or (more likely) if you don’t have an account to log into, no worries! You can just append /embed onto the end of that there URL and get taken to the Tumblr embed page anyway.

e.g. http://silkstream-net.tumblr.com/post/94157681435/localseo-is-essential-to-any-essex-based/embed <- notice the /embed

Embed Tumblr Post
How It Looks:

http://silkstream-net.tumblr.com/post/94157681435/localseo-is-essential-to-any-essex-based

How To Embed SlideShare On Your Blog

How To Embed SlideShare

Beneath the SlideShare presentation, you should see a <> logo that says “Embed this presentation” when you hover over it. You will need to click that icon:

How To Embed Slideshare

You should then be presented with some options on how to share or embed the SlideShare presentation. You can either share it via your other social media channels, email it to yourself or someone else, embed it or link it. If the WordPress Shortcode works, then that is all you need for WordPress. Otherwise, copy the code in the Embed box. This will also give you the option when clicked to adjust the size of the SlideShare embed or select a slide to start the presentation embed from:

Embed Slideshare

How It Looks:

If you need any help embedding your social media posts
please leave a comment below!

Leave a Reply