How to Embed Social Media in your website

Tips & Tricks

If you’d like to share your posts from social networks on your website you can embed them by pasting the code from the social network. Often images on other peoples social networks are copywritten. In order to legally use photos from other social media you can embed them. See the article below for more information.


To do this on WordPress you either need to add the Facebook Script to header.php:

<div id=”fb-root”></div>
<script type=”text/javascript”>// <![CDATA[
(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = “//connect.facebook.net/en_US/all.js#xfbml=1”; fjs.parentNode.insertBefore(js, fjs); }(document, ‘script’, ‘facebook-jssdk’));
// ]]></script>

or The easiest way to embed Facebook statuses in your WordPress posts or pages is by installing and activating the official Facebook plugin for WordPress. After activating the plugin, simply go to the post and paste the URL of Facebook status you want to embed in its own line.

To do this on Drupal just paste the embed code in full html mode and publish.

Website slow? Need a new design? Need updates to your CMS or plug ins? Want to add e-commerce? Is your site optimized for search engines?

Contact me for a Web Design Consultation