<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>WPWife &#187; oembed</title>
	<atom:link href="http://www.wpwife.com/category/oembed/feed" rel="self" type="application/rss+xml" />
	<link>http://www.wpwife.com</link>
	<description>WPHelp: fix and optimise WP themes&#38;plugins</description>
	<lastBuildDate>Fri, 21 Nov 2025 12:00:00 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>https://wordpress.org/?v=4.1.38</generator>
	<item>
		<title>How to Fix the Facebook and Instagram oEmbed Issue in WordPress</title>
		<link>http://www.wpwife.com/instagram/how-to-fix-the-facebook-and-instagram-oembed-issue-in-wordpress</link>
		<comments>http://www.wpwife.com/instagram/how-to-fix-the-facebook-and-instagram-oembed-issue-in-wordpress#comments</comments>
		<pubDate>Thu, 16 Feb 2023 19:16:00 +0000</pubDate>
		<dc:creator><![CDATA[Editorial Staff]]></dc:creator>
				<category><![CDATA[Embed]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[instagram]]></category>
		<category><![CDATA[oembed]]></category>
		<category><![CDATA[smash balloon facebook feed]]></category>
		<category><![CDATA[smash balloon instagram feed plugin]]></category>
		<category><![CDATA[smashballoon]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">https://www.wpbeginner.com/?p=84267</guid>
		<description><![CDATA[
<p>Do you want to learn how to fix the Facebook and Instagram oEmbed issue in WordPress? If you&#8217;ve previously added Facebook or Instagram content to WordPress using the default oEmbed or Embed block, then this feature no longer works. This can cause errors and missing&#8230;&#160;<strong><a href="https://www.wpbeginner.com/wp-tutorials/how-to-fix-the-facebook-and-instagram-oembed-issue-in-wordpress/">Read More &#187;</a></strong></p>
<p>The post <a href="https://www.wpbeginner.com/wp-tutorials/how-to-fix-the-facebook-and-instagram-oembed-issue-in-wordpress/">How to Fix the Facebook and Instagram oEmbed Issue in WordPress</a> first appeared on <a href="https://www.wpbeginner.com/">WPBeginner</a>.</p>
]]></description>
				<content:encoded><![CDATA[<p>Do you want to learn how to fix the Facebook and Instagram oEmbed issue in WordPress?</p>



<p>If you&#8217;ve previously added Facebook or Instagram content to WordPress using the default oEmbed or Embed block, then this feature no longer works. This can cause errors and missing content on your WordPress website. </p>



<p>In this guide, we&#8217;ll show you how to fix the Facebook and Instagram embed issue, so visitors can enjoy social content on your WordPress website. </p>



<figure class="wp-block-image size-full"><img width="680" height="385" src="https://www.wpbeginner.com/wp-content/uploads/2020/10/how-to-fix-the-facebook-and-instagram-oembed-issue-in-wordpress-og.png" alt="How to fix the Facebook and Instagram oEmbed issue in WordPress" class="wp-image-161448" srcset="https://www.wpbeginner.com/wp-content/uploads/2020/10/how-to-fix-the-facebook-and-instagram-oembed-issue-in-wordpress-og.png 680w, https://www.wpbeginner.com/wp-content/uploads/2020/10/how-to-fix-the-facebook-and-instagram-oembed-issue-in-wordpress-og-300x170.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<h4>What is the Facebook and Instagram oEmbed Issue in WordPress?</h4>



<p>In the past, you could easily embed Instagram and Facebook posts in WordPress using a protocol known as oEmbed. </p>



<p>However, Facebook changed the way that oEmbed works so you can no longer easily embed videos, pictures, updates, and other content from Facebook or Instagram.</p>



<p>Instead, you now need to register an app and use a client token to get data from the Facebook Graph API, before you can embed Facebook or Instagram content on your <a href="https://www.wpbeginner.com/start-a-wordpress-blog/" title="How to Start a WordPress Blog – Beginners Guide (UPDATED)">WordPress blog</a>. </p>



<p>This would take a lot of time and effort, especially if you want to show lots of different social posts across your website. With that in mind, the people behind WordPress decided to remove the Facebook and Instagram embed feature.</p>



<p>If you previously added any Facebook content to your website using oEmbed, it&#8217;ll now look something like the following image. </p>



<figure class="wp-block-image size-full"><img width="680" height="361" src="https://www.wpbeginner.com/wp-content/uploads/2020/10/facebook-oembed-error.png" alt="An example of an oEmbed error in WordPress" class="wp-image-160970" srcset="https://www.wpbeginner.com/wp-content/uploads/2020/10/facebook-oembed-error.png 680w, https://www.wpbeginner.com/wp-content/uploads/2020/10/facebook-oembed-error-300x159.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>If you embedded any Instagram posts using oEmbed, then you&#8217;ll get a similar error. </p>



<p>This is a bad user experience, and some visitors may assume that your website is broken, no longer maintained, or that you&#8217;re not a trustworthy or reliable business.</p>



<p>There are ways to fix the problem manually. For example, you might go through each <a href="https://www.wpbeginner.com/beginners-guide/what-is-the-difference-between-posts-vs-pages-in-wordpress/" title="What is the Difference Between Posts vs. Pages in WordPress">page and post</a> and delete the embedded content. However, this would take a lot of time and effort, and there&#8217;s no guarantee you&#8217;ll manage to find every broken embed. </p>



<p>With that being said, let&#8217;s see how you can easily fix the Facebook and Instagram oEmbed issue on WordPress.</p>



<h4>How to Fix the Facebook &amp; Instagram oEmbed Issue</h4>



<p>The easiest way to fix the oEmbed issue is by using one of the free Smash Balloon plugins. </p>



<p>If you want to embed Instagram posts in WordPress, then you&#8217;ll need the  <a href="https://wordpress.org/plugins/instagram-feed/"  rel="noopener nofollow" title="The Smash Balloon Social Photo Feed pluin">Smash Balloon Social Photo Feed</a> plugin. </p>



<figure class="wp-block-image size-full"><img width="680" height="386" src="https://www.wpbeginner.com/wp-content/uploads/2020/10/wordpress-instagram-embed.png" alt="An instagram post, embedded in a WordPress website" class="wp-image-161212" srcset="https://www.wpbeginner.com/wp-content/uploads/2020/10/wordpress-instagram-embed.png 680w, https://www.wpbeginner.com/wp-content/uploads/2020/10/wordpress-instagram-embed-300x170.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>Want to embed a Facebook post in WordPress? Then you can use the free <a href="https://wordpress.org/plugins/custom-facebook-feed/"  rel="noopener nofollow" title="The Smash Balloon Social Post Feed plugin for Facebook">Smash Balloon Social Post Feed</a> plugin instead. </p>



<p>First, you need to install and activate the plugin. For more details, see our step by step guide on <a title="How to Install a WordPress Plugin – Step by Step for Beginners" href="https://www.wpbeginner.com/beginners-guide/step-by-step-guide-to-install-a-wordpress-plugin-for-beginners/">how to install a WordPress plugin</a>.</p>



<p>After installing either plugin, simply head over to <strong>Instagram Feed » oEmbeds</strong> or <strong>Facebook Feed » oEmbeds</strong>, depending on the plugin you&#8217;re using.</p>



<p>We&#8217;re using the Social Photo Feed plugin in all our images, but the steps will be exactly the same no matter what plugin you&#8217;re using. </p>



<figure class="wp-block-image size-full"><img width="680" height="258" src="https://www.wpbeginner.com/wp-content/uploads/2020/10/instagram-enable-oembed.png" alt="Enabling the oEmbed feature for Instagram and Facebook" class="wp-image-160951" srcset="https://www.wpbeginner.com/wp-content/uploads/2020/10/instagram-enable-oembed.png 680w, https://www.wpbeginner.com/wp-content/uploads/2020/10/instagram-enable-oembed-300x114.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>On this screen, simply click on the &#8216;Enable&#8217; button. </p>



<p>That&#8217;s it. You can now embed Facebook and Instagram posts on your <a href="https://www.wpbeginner.com/guides/" title="How to Make a WordPress Website (Ultimate Guide)">WordPress website</a>. </p>



<h4>How to Embed Instagram or Facebook Posts in WordPress </h4>



<p>Whether you&#8217;re using Facebook or Instagram, you can embed a specific post in any page, post, or widget-ready area, such as the sidebar.</p>



<p>One option is to open the page or post where you want to show the social content. Then, click on the &#8216;+&#8217; icon and type in &#8216;Embed.&#8217; </p>



<p>When the right block appears, click to add it to the page or post.</p>



<figure class="wp-block-image size-full"><img width="680" height="380" src="https://www.wpbeginner.com/wp-content/uploads/2020/10/embed-instagram-post.png" alt="Adding the Embed block to a WordPress page or post" class="wp-image-160971" srcset="https://www.wpbeginner.com/wp-content/uploads/2020/10/embed-instagram-post.png 680w, https://www.wpbeginner.com/wp-content/uploads/2020/10/embed-instagram-post-300x168.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>In the ‘Embed’ field, simply paste the URL of the Instagram or Facebook post that you want to show on your website. </p>



<p>Then, click on ‘Embed.’</p>



<figure class="wp-block-image size-full"><img width="680" height="340" src="https://www.wpbeginner.com/wp-content/uploads/2020/10/embedding-instagram-url.png" alt="Embedding an Instagram post in WordPress" class="wp-image-160972" srcset="https://www.wpbeginner.com/wp-content/uploads/2020/10/embedding-instagram-url.png 680w, https://www.wpbeginner.com/wp-content/uploads/2020/10/embedding-instagram-url-300x150.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>WordPress will now show that specific post. When you&#8217;re ready to make the post live, simply click on &#8216;Update&#8217; or &#8216;Publish.&#8217;</p>



<p>Now when you visit the page, you&#8217;ll see the social media post live.</p>



<figure class="wp-block-image size-large"><img width="1024" height="607" src="https://www.wpbeginner.com/wp-content/uploads/2020/10/wordpress-embedded-instagram-1024x607.png" alt="An example of an Instagram post in WordPress" class="wp-image-160973" srcset="https://www.wpbeginner.com/wp-content/uploads/2020/10/wordpress-embedded-instagram-1024x607.png 1024w, https://www.wpbeginner.com/wp-content/uploads/2020/10/wordpress-embedded-instagram-300x178.png 300w, https://www.wpbeginner.com/wp-content/uploads/2020/10/wordpress-embedded-instagram-768x455.png 768w, https://www.wpbeginner.com/wp-content/uploads/2020/10/wordpress-embedded-instagram-1536x910.png 1536w, https://www.wpbeginner.com/wp-content/uploads/2020/10/wordpress-embedded-instagram.png 1586w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>Another option is adding the Instagram or Facebook post to a widget-ready area such as the sidebar. That way, you can promote the same post across every page of your website. </p>



<p>For example, you might embed your most popular Instagram post or a post promoting a sale or <a href="https://www.wpbeginner.com/beginners-guide/how-to-run-a-social-media-contest-to-grow-your-site-best-practices/" title="How to Run a Social Media Contest to Grow Your Site (Best Practices + Examples)">social media contest you&#8217;re using to grow your site</a>.</p>



<figure class="wp-block-image size-full"><img width="680" height="378" src="https://www.wpbeginner.com/wp-content/uploads/2020/10/promoting-instagram-sale.png" alt="Adding an Instagram post to a widget-ready area such as the WordPress sidebar" class="wp-image-160974" srcset="https://www.wpbeginner.com/wp-content/uploads/2020/10/promoting-instagram-sale.png 680w, https://www.wpbeginner.com/wp-content/uploads/2020/10/promoting-instagram-sale-300x167.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>To add a Facebook or Instagram post to a widget-ready area, simply go to <strong>Appearance » Widgets</strong> and click on the blue ‘+’ button.</p>



<p>In the search bar, type in ‘Embed’ to find the right block.</p>



<figure class="wp-block-image size-full"><img width="680" height="314" src="https://www.wpbeginner.com/wp-content/uploads/2020/10/embedding-smashballoon-block.png" alt="Embedding an Embed block in WordPress" class="wp-image-160954" srcset="https://www.wpbeginner.com/wp-content/uploads/2020/10/embedding-smashballoon-block.png 680w, https://www.wpbeginner.com/wp-content/uploads/2020/10/embedding-smashballoon-block-300x139.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>When the ‘Embed’ block appears, drag it onto the area where you want to show the Facebook or Instagram post. </p>



<p>In the ‘Embed’ field, simply paste the URL of the Instagram or Facebook post that you want to show on your website. Then, click on ‘Embed.’</p>



<figure class="wp-block-image size-full"><img width="680" height="369" src="https://www.wpbeginner.com/wp-content/uploads/2020/10/embedding-instagram-oembed.png" alt="Embedding Instagram photo in Instagram" class="wp-image-160956" srcset="https://www.wpbeginner.com/wp-content/uploads/2020/10/embedding-instagram-oembed.png 680w, https://www.wpbeginner.com/wp-content/uploads/2020/10/embedding-instagram-oembed-300x163.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>WordPress will now show that specific post. </p>



<p>If you’re happy with how it looks, then click on ‘Update’ to make it live.</p>



<figure class="wp-block-image size-full"><img width="680" height="387" src="https://www.wpbeginner.com/wp-content/uploads/2020/10/instagram-wordpress-embedded.png" alt="Embedding Instagram post in WordPress" class="wp-image-160957" srcset="https://www.wpbeginner.com/wp-content/uploads/2020/10/instagram-wordpress-embedded.png 680w, https://www.wpbeginner.com/wp-content/uploads/2020/10/instagram-wordpress-embedded-300x171.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>Now, when you visit your website, you’ll see the Instagram or Facebook post live.</p>



<h4>How to Add an Instagram or Facebook Feed to WordPress</h4>



<p>With the free Smash Balloon plugins, it&#8217;s easy to fix the oEmbed issue so you can add Facebook and Instagram posts to your website.</p>



<p>This is great if you only want to embed a small number of posts or you want to control exactly where each social post appears on WordPress. However, you may also want to embed a Facebook or Instagram feed on your website.</p>



<p>By creating a feed, you can show all your latest posts in a nice layout. Even better, the feed will update automatically so visitors will always see the newest posts without you having to update your site manually. </p>



<p>This can keep your site fresh and interesting, even for regular visitors. </p>



<p>If you want to <a href="https://www.wpbeginner.com/wp-tutorials/how-to-easily-embed-instagram-in-wordpress-with-oembed/" title="How to Easily Embed Instagram in WordPress (Step by Step)">embed Instagram content in WordPress</a>, then you can use the <a href="https://smashballoon.com/instagram-feed"  title="Smash Balloon Instagram Feed plugin for WordPress" rel="noopener">Smash Balloon Instagram Feed</a> plugin.</p>



<figure class="wp-block-image size-full"><img width="680" height="387" src="https://www.wpbeginner.com/wp-content/uploads/2020/07/instagram-shoppable-example.png" alt="An Instagram feed, created using Smash Balloon" class="wp-image-159739" srcset="https://www.wpbeginner.com/wp-content/uploads/2020/07/instagram-shoppable-example.png 680w, https://www.wpbeginner.com/wp-content/uploads/2020/07/instagram-shoppable-example-300x171.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>Want to create a feed showing your latest <a href="https://www.wpbeginner.com/wp-tutorials/embed-facebook-status-posts-wordpress/" title="How to Embed Facebook Status Posts in WordPress">Facebook status posts</a>, videos, reviews, and more? </p>



<p>Then you can use the <a href="https://smashballoon.com/custom-facebook-feed"  title="Smash Balloon Facebook Feed plugin for WordPress" rel="noopener">Smash Balloon Facebook Feed</a> plugin.</p>



<figure class="wp-block-image size-full"><img width="680" height="387" src="https://www.wpbeginner.com/wp-content/uploads/2018/05/embedded-facebook-reviews.png" alt="Facebook reviews, embedded using Smash Balloon" class="wp-image-157955" srcset="https://www.wpbeginner.com/wp-content/uploads/2018/05/embedded-facebook-reviews.png 680w, https://www.wpbeginner.com/wp-content/uploads/2018/05/embedded-facebook-reviews-300x171.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>Want to add both Facebook and Instagram feeds to your WordPress website? Then you may want to look at <a href="https://smashballoon.com/social-wall/"  rel="noopener" title="The Smash Balloon Social Wall plugin">Smash Balloon Social Wall</a>. </p>



<p>This powerful plugin lets you combine any feeds you&#8217;ve created using the Smash Balloon plugins, including Facebook, Twitter, YouTube feeds, and more. </p>



<figure class="wp-block-image size-full"><img width="680" height="387" src="https://www.wpbeginner.com/wp-content/uploads/2020/10/social-media-wall.png" alt="Creating a social media wall using Facebook and Instagram" class="wp-image-161219" srcset="https://www.wpbeginner.com/wp-content/uploads/2020/10/social-media-wall.png 680w, https://www.wpbeginner.com/wp-content/uploads/2020/10/social-media-wall-300x171.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>For example, if you&#8217;ve set up the Facebook Feed and Instagram Feed plugins, then you can simply go to <strong>Social Feeds <strong>»</strong></strong> <strong>Create a Social Wall </strong>in your WordPress dashboard.</p>



<p>Here, you&#8217;ll see all the different feeds you&#8217;ve created so far.</p>



<figure class="wp-block-image size-full"><img width="680" height="373" src="https://www.wpbeginner.com/wp-content/uploads/2020/10/creating-social-wall.png" alt="How to create a social media wall using multiple feeds" class="wp-image-161220" srcset="https://www.wpbeginner.com/wp-content/uploads/2020/10/creating-social-wall.png 680w, https://www.wpbeginner.com/wp-content/uploads/2020/10/creating-social-wall-300x165.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>Simply select each feed that you want to add to the social wall. </p>



<p>For example, you can combine posts from your Instagram and Facebook accounts. </p>



<figure class="wp-block-image size-full"><img width="680" height="360" src="https://www.wpbeginner.com/wp-content/uploads/2020/10/facebook-instagram-combined.png" alt="Combining Facebook and Instagram into a social wall" class="wp-image-161221" srcset="https://www.wpbeginner.com/wp-content/uploads/2020/10/facebook-instagram-combined.png 680w, https://www.wpbeginner.com/wp-content/uploads/2020/10/facebook-instagram-combined-300x159.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>Small Balloon Social Wall will then create a shortcode that allows you to add the social wall to any page, post, or widget-ready area. </p>



<p>For more information about working with shortcodes, please see our guide on <a href="https://www.wpbeginner.com/wp-tutorials/how-to-add-a-shortcode-in-wordpress/" title="How to Add a Shortcode in WordPress (Beginner’s Guide)">how to add a shortcode in WordPress</a>.</p>



<figure class="wp-block-image size-full"><img width="680" height="271" src="https://www.wpbeginner.com/wp-content/uploads/2020/10/social-wall-shortcode.png" alt="Social media shortcode, created using the Smash Balloon plugin" class="wp-image-161222" srcset="https://www.wpbeginner.com/wp-content/uploads/2020/10/social-wall-shortcode.png 680w, https://www.wpbeginner.com/wp-content/uploads/2020/10/social-wall-shortcode-300x120.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>After placing the shortcode, simply save or publish your changes to make them live.</p>



<p>Now, if you visit your website, you&#8217;ll see a social wall featuring all the latest posts from your different accounts and platforms.</p>



<p>We hope this article helped you learn how to fix the Facebook and Instagram oEmbed issue in WordPress. You may also want to see our expert pick of the <a href="https://www.wpbeginner.com/plugins/best-social-media-plugins-for-wordpress/" title="Best Social Media Plugins for WordPress">best social media plugins for WordPress</a>, and our guide on <a href="https://www.wpbeginner.com/beginners-guide/how-to-create-an-email-newsletter/" title="How to Create an Email Newsletter the RIGHT WAY (Step by Step)">how to create an email newsletter</a>.</p>



<p>If you liked this article, then please subscribe to our <a href="https://youtube.com/wpbeginner?sub_confirmation=1"  rel="noreferrer noopener nofollow" title="Subscribe to WPBeginner YouTube Channel">YouTube Channel</a> for WordPress video tutorials. You can also find us on <a href="https://twitter.com/wpbeginner"  rel="noreferrer noopener nofollow" title="Follow WPBeginner on Twitter">Twitter</a> and <a href="https://facebook.com/wpbeginner"  rel="noreferrer noopener nofollow" title="Join WPBeginner Community on Facebook">Facebook</a>.</p><p>The post <a href="https://www.wpbeginner.com/wp-tutorials/how-to-fix-the-facebook-and-instagram-oembed-issue-in-wordpress/">How to Fix the Facebook and Instagram oEmbed Issue in WordPress</a> first appeared on <a href="https://www.wpbeginner.com/">WPBeginner</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.wpwife.com/instagram/how-to-fix-the-facebook-and-instagram-oembed-issue-in-wordpress/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
<enclosure url="" length="0" type="" />
		</item>
		<item>
		<title>How to Embed Facebook Status Posts in WordPress</title>
		<link>http://www.wpwife.com/tutorials/how-to-embed-facebook-status-posts-in-wordpress</link>
		<comments>http://www.wpwife.com/tutorials/how-to-embed-facebook-status-posts-in-wordpress#comments</comments>
		<pubDate>Tue, 10 Jan 2023 18:43:00 +0000</pubDate>
		<dc:creator><![CDATA[Editorial Staff]]></dc:creator>
				<category><![CDATA[embed facebook status posts]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[facebook and wordpress]]></category>
		<category><![CDATA[facebook for wordpress]]></category>
		<category><![CDATA[facebook tutorial]]></category>
		<category><![CDATA[oembed]]></category>
		<category><![CDATA[smash balloon]]></category>
		<category><![CDATA[smash balloon facebook feed]]></category>
		<category><![CDATA[social media]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Twitter]]></category>

		<guid isPermaLink="false">http://www.wpbeginner.com/?p=16207</guid>
		<description><![CDATA[
<p>Are you looking for a way to embed Facebook status posts in WordPress? Facebook statuses are an easy way to share important updates and time-sensitive information with your audience. By embedding your Facebook timeline in WordPress, you can get more engagement, let people know what&#8217;s&#8230;&#160;<strong><a href="https://www.wpbeginner.com/wp-tutorials/embed-facebook-status-posts-wordpress/">Read More &#187;</a></strong></p>
<p>The post <a href="https://www.wpbeginner.com/wp-tutorials/embed-facebook-status-posts-wordpress/">How to Embed Facebook Status Posts in WordPress</a> first appeared on <a href="https://www.wpbeginner.com/">WPBeginner</a>.</p>
]]></description>
				<content:encoded><![CDATA[<p>Are you looking for a way to embed Facebook status posts in WordPress? </p>



<p>Facebook statuses are an easy way to share important updates and time-sensitive information with your audience. By embedding your Facebook timeline in WordPress, you can get more engagement, let people know what&#8217;s happening on your Facebook page or group, and grow your followers.</p>



<p>In this article, we will show you how to embed Facebook status posts in WordPress.</p>



<figure class="wp-block-image size-full"><img width="680" height="385" src="https://www.wpbeginner.com/wp-content/uploads/2021/05/how-to-embed-facebook-status-posts-in-wordpress-og.png" alt="How to embed Facebook status posts in WordPress" class="wp-image-155203" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/05/how-to-embed-facebook-status-posts-in-wordpress-og.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/05/how-to-embed-facebook-status-posts-in-wordpress-og-300x170.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<h4>Why Embed Facebook Status in WordPress?</h4>



<p>Facebook is the most popular social media platform in the world and has billions of active users. For website owners, Facebook is a powerful way to connect with a new audience and engage with the people who already know about your brand. </p>



<p>Facebook is also perfect for sharing time-sensitive information in real time.  In this way, you can <a href="https://www.wpbeginner.com/wp-tutorials/how-to-use-fomo-on-your-wordpress-site-to-increase-conversions/" title="How to Use FOMO on Your WordPress Site to Increase Conversions">use FOMO</a> to create a sense of urgency. </p>



<p>For example, you might post a status about how visitors are running out of time to enter <a href="https://www.wpbeginner.com/plugins/how-to-run-a-giveaway-contest-in-wordpress-with-rafflepress/" title="How to Run a Giveaway / Contest in WordPress with RafflePress">your giveaway in WordPress</a>, or take advantage of your flash sale. </p>



<p>However, people won&#8217;t see your Facebook status if they just visit your website. This makes it difficult to grow your Facebook following and build a relationship with your audience. </p>



<p>By embedding your Facebook status posts in WordPress, you can promote your social media page and encourage more people to follow you on Facebook. </p>



<p>As you post new statuses, they’ll appear on your site automatically, so it’s also a great way to keep your website fresh, even for regular visitors.</p>



<p>That being said, let&#8217;s see how to embed Facebook status posts in WordPress. </p>



<h4>Adding a Facebook Status Plugin to WordPress</h4>



<p>The easiest way to embed your Facebook status feed in WordPress is by using the free <a href="https://wordpress.org/plugins/custom-facebook-feed/"  rel="noopener nofollow" title="The free Smash Balloon Social Post Feed plugin">Smash Balloon Social Post Feed</a>.</p>



<p>This plugin lets you display text and links from your Facebook page or group. </p>



<figure class="wp-block-image size-full"><img width="680" height="387" src="https://www.wpbeginner.com/wp-content/uploads/2021/05/example-facebook-timeline.png" alt="A Facebook post timeline, embedded on a WordPress website." class="wp-image-155012" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/05/example-facebook-timeline.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/05/example-facebook-timeline-300x171.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>In this guide, we’ll be using the free version of Smash Balloon as it allows you to embed Facebook statuses no matter what your budget. However, there&#8217;s <a href="https://smashballoon.com/custom-facebook-feed"  title="Smash Balloon Facebook Feed plugin for WordPress" rel="noopener">Smash Balloon Facebook Feed</a> that lets you embed different kinds of content. For example, you can <a href="https://www.wpbeginner.com/wp-tutorials/how-to-embed-a-facebook-video-in-wordpress/" title="How to Embed a Facebook Video in WordPress">embed a Facebook video in WordPress</a>, and show images and videos in a lightbox popup on your site. </p>



<p>The first thing you need to do is install and activate the Smash Balloon Social Post Feed plugin. For more details, see our guide on <a href="https://www.wpbeginner.com/beginners-guide/step-by-step-guide-to-install-a-wordpress-plugin-for-beginners/" title="How to Install a WordPress Plugin – Step by Step for Beginners">how to install a WordPress plugin</a>.</p>



<p>After that, you&#8217;ll need to connect Smash Balloon to your Facebook page or group, by going to <strong>Facebook Feed » All Feeds</strong>. Here, click on ‘Add New.’</p>



<figure class="wp-block-image size-full"><img width="680" height="326" src="https://www.wpbeginner.com/wp-content/uploads/2021/05/embedding-facebook-feed.png" alt="How to create a custom Facebook feed" class="wp-image-155013" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/05/embedding-facebook-feed.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/05/embedding-facebook-feed-300x144.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>Smash Balloon pro lets you show posts from your photo albums, timeline, events, and more. </p>



<p>However, the free version only allows you to embed your Facebook statuses so click on &#8216;Timeline&#8217; and then select &#8216;Next.&#8217;</p>



<figure class="wp-block-image size-full"><img width="680" height="343" src="https://www.wpbeginner.com/wp-content/uploads/2021/05/embedding-facebook-timeline.png" alt="The free Smash Balloon WordPress plugin" class="wp-image-155014" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/05/embedding-facebook-timeline.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/05/embedding-facebook-timeline-300x150.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>Now, you need to select the page or group which you’ll get the Facebook statuses from.</p>



<p>To get started, click on ‘Add New.’</p>



<figure class="wp-block-image size-full"><img width="680" height="387" src="https://www.wpbeginner.com/wp-content/uploads/2021/05/creating-facebook-feed.png" alt="Adding a Facebook page or group to your WordPress website" class="wp-image-154940" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/05/creating-facebook-feed.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/05/creating-facebook-feed-300x171.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>On the next screen, choose whether you want to <a href="https://www.wpbeginner.com/wp-tutorials/how-to-embed-a-facebook-group-feed-in-wordpress/" title="How to Embed a Facebook Group Feed in WordPress">embed the feed from a Facebook group</a> or Facebook page. </p>



<p>After that, go ahead and click on ‘Connect to Facebook.’</p>



<figure class="wp-block-image size-full"><img width="680" height="339" src="https://www.wpbeginner.com/wp-content/uploads/2021/05/smashballoon-connect-facebook.png" alt="How to connect a Facebook page or group to a WordPress website" class="wp-image-154941" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/05/smashballoon-connect-facebook.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/05/smashballoon-connect-facebook-300x150.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>This opens a popup where you can log into your Facebook account and choose the pages or groups which you want to get the status updates from.</p>



<p>As soon as you&#8217;ve done that, click on &#8216;Next.&#8217;</p>



<figure class="wp-block-image size-full"><img width="680" height="382" src="https://www.wpbeginner.com/wp-content/uploads/2021/05/smashballoon-facebook-permissions.png" alt="Giving Smash Balloon access to your Facebook posts" class="wp-image-154942" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/05/smashballoon-facebook-permissions.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/05/smashballoon-facebook-permissions-300x169.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>Facebook will then show all the information that Smash Balloon will have access to and the actions it can perform.</p>



<p>To restrict Smash Balloon’s access to your Facebook account, just click any of the switches to turn it from ‘Yes’ to ‘No.’ Just be aware that this may affect the content that you can embed on your <a href="https://www.wpbeginner.com/start-a-wordpress-blog/" title="How to Start a WordPress Blog – Beginners Guide (UPDATED)">WordPress blog</a> or website.</p>



<p>With that in mind, it&#8217;s a good idea to leave all the switches enabled.</p>



<figure class="wp-block-image size-full"><img width="680" height="369" src="https://www.wpbeginner.com/wp-content/uploads/2021/05/smashballoon-permissions-facebook.png" alt="Connecting Facebook and WordPress using a free plugin" class="wp-image-154943" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/05/smashballoon-permissions-facebook.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/05/smashballoon-permissions-facebook-300x163.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>When you&#8217;re happy with how your Facebook permissions are set up, click on ‘Done.’</p>



<p>After a few moments, you should see a message confirming that you’ve connected your <a href="https://www.wpbeginner.com/guides/" title="How to Make a WordPress Website (Ultimate Guide)">WordPress website</a> to Facebook. With that done, click on the ‘OK&#8217; button.</p>



<figure class="wp-block-image size-full"><img width="680" height="335" src="https://www.wpbeginner.com/wp-content/uploads/2021/05/facebook-smashballoon-linked.png" alt="Connecting Smash Balloon and Facebook successfully" class="wp-image-154944" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/05/facebook-smashballoon-linked.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/05/facebook-smashballoon-linked-300x148.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>Smash Balloon will now take you back to the WordPress dashboard automatically.</p>



<h4>How to Embed Facebook Status Posts in WordPress</h4>



<p>You will now see a popup with the source you just linked to your website. Simply select the radio button next to your Facebook page or group and then click on the ‘Add’ button.</p>



<figure class="wp-block-image size-full"><img width="680" height="385" src="https://www.wpbeginner.com/wp-content/uploads/2021/05/select-facebook-page.png" alt="Selecting a page or group as your Facebook source" class="wp-image-154948" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/05/select-facebook-page.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/05/select-facebook-page-300x170.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>If you accidentally closed the popup, then don’t worry. You can simply refresh the tab to reopen the popup.</p>



<p>After that, Smash Balloon will take you back to the <strong>Facebook Feed » All Feeds</strong> page automatically. Just like before, click on the ‘Add New’ button, select ‘Timeline,&#8217; and then click on the ‘Next’ button.</p>



<p>Now, select your Facebook page or group, and click on ‘Next.’</p>



<figure class="wp-block-image size-full"><img width="680" height="379" src="https://www.wpbeginner.com/wp-content/uploads/2021/05/selecting-facebook-source.png" alt="Embedding Facebook status posts in WordPress" class="wp-image-154949" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/05/selecting-facebook-source.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/05/selecting-facebook-source-300x167.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>Smash Balloon will now go ahead and create a timeline feed from the Facebook page or group you&#8217;ve chosen. </p>



<p>This is a good start, but Smash Balloon has lots of settings that you can use to customize your embedded timeline. </p>



<h4>How to Customize Your Embedded Facebook Status Posts</h4>



<p>To fine-tune your timeline, go to <strong>Facebook Feed » All Feeds</strong> in the WordPress dashboard. </p>



<p>Here, find the timeline feed you just created and click on the &#8216;Edit&#8217; button next to it.</p>



<figure class="wp-block-image size-full"><img width="680" height="275" src="https://www.wpbeginner.com/wp-content/uploads/2021/05/editing-timeline-feed.png" alt="Customizing the Facebook status timeline feed" class="wp-image-155015" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/05/editing-timeline-feed.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/05/editing-timeline-feed-300x121.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>This opens the Smash Balloon feed editor, which shows a preview of your timeline to the right.</p>



<p>On the left-hand side, you’ll see all the different settings you can use to customize how the timeline looks on your site. Most of these settings are self-explanatory, but we’ll quickly cover all the main areas.</p>



<figure class="wp-block-image size-full"><img width="680" height="387" src="https://www.wpbeginner.com/wp-content/uploads/2021/05/customizing-timeline-feed.png" alt="Customizing Facebook status posts in WordPress" class="wp-image-155016" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/05/customizing-timeline-feed.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/05/customizing-timeline-feed-300x171.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>To start, you can change how the statuses are displayed by clicking on ‘Feed Layout.’</p>



<p>On this screen, you can switch between list and masonry layouts, as well as change the feed height. As you make changes, the preview will update automatically so you can try different settings to see what looks the best for your website.</p>



<figure class="wp-block-image size-full"><img width="680" height="370" src="https://www.wpbeginner.com/wp-content/uploads/2021/05/smashballoon-feed-layout.png" alt="Smash Balloon's Feed Layout settings" class="wp-image-155017" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/05/smashballoon-feed-layout.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/05/smashballoon-feed-layout-300x163.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>You can preview how your status feed will look on desktop computers, tablets, and smartphones using the row of buttons in the upper-right corner.</p>



<p>Mobile devices usually have smaller screens and less processing power, so if you&#8217;re not happy with how the feed looks then it&#8217;s smart to show fewer statuses on tablets and smartphones.</p>



<figure class="wp-block-image size-full"><img width="680" height="386" src="https://www.wpbeginner.com/wp-content/uploads/2021/05/facebook-feed-mobile.png" alt="Testing your Facebook post status on mobile devices" class="wp-image-155018" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/05/facebook-feed-mobile.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/05/facebook-feed-mobile-300x170.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>To make this change, just type a different number into the ‘Mobile’ field in the ‘Number of Posts&#8217; section. </p>



<p>By trying out different layouts you can create a Facebook status feed that looks great across all devices.</p>



<figure class="wp-block-image size-full"><img width="680" height="385" src="https://www.wpbeginner.com/wp-content/uploads/2021/05/changing-mobile-layout.png" alt="How to create a responsive social media layout for mobile" class="wp-image-155019" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/05/changing-mobile-layout.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/05/changing-mobile-layout-300x170.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>By default, Smash Balloon feed shows fewer columns on smartphones and tablets, compared to desktop computers. This helps your Facebook statuses fit comfortably on smaller screens.</p>



<p>After <a href="https://www.wpbeginner.com/beginners-guide/how-to-preview-the-mobile-layout-of-your-site/" title="How to View the Mobile Version of WordPress Sites from Desktop">testing the mobile version of your WordPress website</a>, you may want to show fewer columns on smartphones and tablets. </p>



<p>To do this, simply change the numbers under &#8216;Columns.&#8217;</p>



<figure class="wp-block-image size-full"><img width="680" height="359" src="https://www.wpbeginner.com/wp-content/uploads/2021/05/smashballoon-column-settings.png" alt="Adding and removing columns in a Facebook status feed" class="wp-image-155020" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/05/smashballoon-column-settings.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/05/smashballoon-column-settings-300x158.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>When you’re happy with how the feed looks, click on the ‘Customize’ link.</p>



<p>This will take you back to the main Smash Balloon editor, ready for you to explore the next settings screen, which is ‘Color Scheme.’</p>



<figure class="wp-block-image size-full"><img width="680" height="362" src="https://www.wpbeginner.com/wp-content/uploads/2021/05/smashballoon-color-scheme.png" alt="Changing the color scheme in your Facebook status feed" class="wp-image-155022" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/05/smashballoon-color-scheme.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/05/smashballoon-color-scheme-300x160.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>Smash Balloon uses a color scheme inherited from your <a href="https://www.wpbeginner.com/showcase/best-wordpress-themes/" title="Most Popular and Best WordPress Themes (Expert Pick)">WordPress theme</a> by default, but on this screen, you can switch to a ‘Light’ or ‘Dark’ look.</p>



<p>You can also create your own color scheme by selecting ‘Custom’ and then using the controls to <a href="https://www.wpbeginner.com/wp-tutorials/how-to-change-the-text-color-in-wordpress-easy-methods/" title="How to Change the Text Color in WordPress (Easy Methods)">change the text color in WordPress</a>, <a href="https://www.wpbeginner.com/wp-tutorials/how-to-change-background-color-in-wordpress-beginners-guide/" title="How to Change Background Color in WordPress (Beginner’s Guide)">change the background color</a>, and more.</p>



<figure class="wp-block-image size-full"><img width="680" height="359" src="https://www.wpbeginner.com/wp-content/uploads/2021/05/custom-color-scheme.png" alt="Creating a custom color scheme using Smash Balloon" class="wp-image-155023" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/05/custom-color-scheme.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/05/custom-color-scheme-300x158.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>By default, Smash Balloon adds a header to your feed, which is your Facebook profile picture and the name of the group or page.</p>



<p>To customize this section, click on ‘Header’ in the left-hand menu.</p>



<figure class="wp-block-image size-full"><img width="680" height="387" src="https://www.wpbeginner.com/wp-content/uploads/2021/05/facebook-feed-header.png" alt="Changing the Facebook custom feed header" class="wp-image-155024" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/05/facebook-feed-header.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/05/facebook-feed-header-300x171.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>Here, you can change the header size and color, hide your Facebook profile picture, and more.</p>



<p>If you would prefer to remove the header entirely, then click to turn off the ‘Enable’ toggle.</p>



<figure class="wp-block-image size-full"><img width="680" height="387" src="https://www.wpbeginner.com/wp-content/uploads/2021/05/enabling-header-smashballoon.png" alt="Adding a header to the Facebook status feed" class="wp-image-155037" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/05/enabling-header-smashballoon.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/05/enabling-header-smashballoon-300x171.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>Next, you can change how the individual posts look inside your feed by selecting &#8216;Post Style&#8217; from the left-hand menu.</p>



<p>After that, click on &#8216;Post Style&#8217; again.</p>



<figure class="wp-block-image size-full"><img width="680" height="382" src="https://www.wpbeginner.com/wp-content/uploads/2021/05/smashballoon-post-style.png" alt="Customizing a Facebook status feed with Smash Balloon" class="wp-image-155038" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/05/smashballoon-post-style.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/05/smashballoon-post-style-300x169.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>On this screen, you can choose between a regular and boxed layout.</p>



<p>If you select &#8216;Boxed&#8217; then you can create a colored background for each Facebook post.</p>



<figure class="wp-block-image size-full"><img width="680" height="381" src="https://www.wpbeginner.com/wp-content/uploads/2021/05/boxed-colored-background.png" alt="Adding colored box backgrounds to your embedded Facebook post statuses" class="wp-image-155040" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/05/boxed-colored-background.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/05/boxed-colored-background-300x168.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>If you choose &#8216;Regular&#8217; then you can change the thickness and color of the line that separates your different <a href="https://www.wpbeginner.com/plugins/best-social-media-plugins-for-wordpress/" title="Best Social Media Plugins for WordPress">social media</a> posts. </p>



<p>In the following image, we&#8217;ve added a thicker line to our Facebook status feed.</p>



<figure class="wp-block-image size-full"><img width="680" height="387" src="https://www.wpbeginner.com/wp-content/uploads/2021/05/regular-border-thickness.png" alt="Adding borders to a Smash Balloon Facebook feed" class="wp-image-155041" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/05/regular-border-thickness.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/05/regular-border-thickness-300x171.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>You can also customize the individual parts within each status by going back to the main settings screen. </p>



<p>Once again, select &#8216;Post Style&#8217; but this time choose &#8216;Edit Individual Elements&#8217; instead.</p>



<figure class="wp-block-image size-full"><img width="680" height="368" src="https://www.wpbeginner.com/wp-content/uploads/2021/05/edit-individual-elements.png" alt="Customizing the posts inside a Facebook status feed" class="wp-image-155042" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/05/edit-individual-elements.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/05/edit-individual-elements-300x162.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>You will now see a list of all the different content that Smash Balloon includes in each post, such as the date, post author, and event title.</p>



<p>To remove a piece of content from your feed, simply click to uncheck its box.</p>



<figure class="wp-block-image size-full"><img width="680" height="368" src="https://www.wpbeginner.com/wp-content/uploads/2021/05/removing-content-feed.png" alt="How to remove content from a live Facebook feed" class="wp-image-155043" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/05/removing-content-feed.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/05/removing-content-feed-300x162.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>You can also customize how each type of content looks by clicking on it. </p>



<p>For example, in the following image, you can see settings to change the size and color of the author text.</p>



<figure class="wp-block-image size-full"><img width="680" height="313" src="https://www.wpbeginner.com/wp-content/uploads/2021/05/editing-post-author.png" alt="Customizing how the post author is displayed in WordPress" class="wp-image-155044" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/05/editing-post-author.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/05/editing-post-author-300x138.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>By default, Smash Balloon doesn’t include the Facebook ‘like’ button in your feed. </p>



<p>This button makes it easier for visitors to follow you on Facebook, so you may want to add it to your status feed by selecting the &#8216;Like Box&#8217; settings.</p>



<figure class="wp-block-image size-full"><img width="680" height="359" src="https://www.wpbeginner.com/wp-content/uploads/2021/05/status-like-box.png" alt="Adding a like button to the Facebook status feed" class="wp-image-155199" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/05/status-like-box.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/05/status-like-box-300x158.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>After that, simply click on the ‘Enable’ button so that it turns blue.</p>



<p>You can now use the settings to change where the link box appears and the kind of content included in the box, such as your Facebook cover photo and total number of followers.</p>



<figure class="wp-block-image size-full"><img width="680" height="359" src="https://www.wpbeginner.com/wp-content/uploads/2021/05/like-box-settings.png" alt="Adding a like button to an embedded Facebook status page" class="wp-image-155200" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/05/like-box-settings.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/05/like-box-settings-300x158.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>If you upgrade to Smash Balloon premium, then there are some more settings to explore. This includes a lightbox feature that allows visitors to explore your content in a popup. </p>



<p>Since you&#8217;re using the free version of Smash Balloon for now, you can go ahead and click on &#8216;Save&#8217; to store your changes.</p>



<p>The next step is adding the Facebook status feed to your WordPress website.</p>



<h4>How to Embed Facebook Status Posts in WordPress</h4>



<p>You can add your Facebook status feed to WordPress using a block, widget, or shortcode.</p>



<p>If you’ve created more than one feed using Smash Balloon, then you’ll need to know the feed’s code if you’re going to add it using a block or widget.</p>



<p>To get this information, simply go to <strong>Facebook Feed »</strong> <strong>All Feeds </strong>and then look at the <code>feed=""</code> part of the shortcode. You’ll need to add this code to the block or widget, so make a note of it.</p>



<p>In the following example, we’ll need to use <code>feed="8"</code>.</p>



<figure class="wp-block-image size-full"><img width="680" height="320" src="https://www.wpbeginner.com/wp-content/uploads/2021/05/facebook-timeline-shortcode.png" alt="Adding Facebook content to WordPress using a shortcode" class="wp-image-155046" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/05/facebook-timeline-shortcode.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/05/facebook-timeline-shortcode-300x141.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>If you want to embed your Facebook statuses in a page or post, then we recommend using the &#8216;Custom Facebook Feed&#8217; block.</p>



<p>Simply open the page or post where you want to embed the status feed. Then, click on the ‘+’ icon to add a new block and start typing ‘Custom Facebook Feed.’</p>



<p>When the right block appears, click to add it to the post or page.</p>



<figure class="wp-block-image size-full"><img width="680" height="347" src="https://www.wpbeginner.com/wp-content/uploads/2021/05/adding-timeline-wordpress.png" alt="Adding a Facebook timeline to your website using a WordPress block" class="wp-image-155048" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/05/adding-timeline-wordpress.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/05/adding-timeline-wordpress-300x153.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>The block will show one of your Smash Balloon feeds by default. If you want to use a different feed instead, then simply find ‘Shortcode Settings’ in the right-hand menu.</p>



<p>You can now add the <code>feed=""</code> code to this box. Once you&#8217;ve done that, click on the ‘Apply Changes&#8217; button.</p>



<figure class="wp-block-image size-full"><img width="680" height="345" src="https://www.wpbeginner.com/wp-content/uploads/2021/05/shortcode-settings-facebook.png" alt="Showing different Facebook feeds using shortcode" class="wp-image-155049" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/05/shortcode-settings-facebook.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/05/shortcode-settings-facebook-300x152.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>The block will now show all the status updates from your Facebook page or group. Just publish or update the page to make the feed live.</p>



<p>Another option is to add the feed to any widget-ready area, such as the sidebar or similar section. This allows visitors to see your latest Facebook updates across your entire website. </p>



<p>Simply go to <strong>Appearance » Widgets</strong> in the WordPress dashboard and then click on the blue ‘+’ button.</p>



<figure class="wp-block-image size-full"><img width="680" height="326" src="https://www.wpbeginner.com/wp-content/uploads/2021/05/facebook-status-widget.png" alt="The Smash Balloon Custom Facebook Feed widget" class="wp-image-155008" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/05/facebook-status-widget.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/05/facebook-status-widget-300x144.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>Now, start typing &#8216;Custom Facebook Feed&#8217; into the search bar to find the right widget.</p>



<p>You can now drag it onto the area where you want to show your Facebook status updates. By default, the widget will show one of the feeds you created using Smash Balloon.</p>



<figure class="wp-block-image size-full"><img width="680" height="387" src="https://www.wpbeginner.com/wp-content/uploads/2021/05/facebook-widget-status.png" alt="Adding a social media widget to your WordPress website" class="wp-image-155051" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/05/facebook-widget-status.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/05/facebook-widget-status-300x171.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>To show a different feed instead, type the feed’s code into the ‘Shortcode Settings’ box and then click on ‘Apply Changes.’</p>



<p>You can now click on the ‘Update’ button to make the widget live. </p>



<figure class="wp-block-image size-full"><img width="680" height="374" src="https://www.wpbeginner.com/wp-content/uploads/2021/05/shortcode-apply-changes.png" alt="How to publish a Facebook feed to your website" class="wp-image-155052" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/05/shortcode-apply-changes.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/05/shortcode-apply-changes-300x165.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>For more information, please see our step-by-step guide on <a href="https://www.wpbeginner.com/beginners-guide/how-to-add-and-use-widgets-in-wordpress/" title="How to Add and Use Widgets in WordPress (Step by Step)">how to add and use widgets</a>.</p>



<p>Finally, you can embed your status on any page, post, or widget-ready area using a shortcode. To get the shortcode, simply go to&nbsp;<strong>Facebook Feed »</strong>&nbsp;<strong>All Feeds</strong>&nbsp;and copy the value in the ‘Shortcode’ column. </p>



<p>You can now add this code to your site. For more information, please see our detailed guide on&nbsp;<a href="https://www.wpbeginner.com/wp-tutorials/how-to-add-a-shortcode-in-wordpress/" title="How to Add a Shortcode in WordPress (Beginner’s Guide)">how to add a shortcode in WordPress</a>.</p>



<p>We hope this article helped you learn how to embed Facebook status posts in WordPress. You may also want to see our guide on <a href="https://www.wpbeginner.com/beginners-guide/how-to-create-an-email-newsletter/" title="How to Create an Email Newsletter the RIGHT WAY (Step by Step)">how to create an email newsletter</a> and the <a href="https://www.wpbeginner.com/plugins/best-wordpress-facebook-plugins-to-grow-your-blog/" title="Best WordPress Facebook Plugins to Grow Your Blog">best WordPress Facebook plugins to grow your blog</a>.</p>



<p>If you liked this article, then please subscribe to our <a href="https://youtube.com/wpbeginner?sub_confirmation=1"  rel="noreferrer noopener nofollow" title="Subscribe to WPBeginner YouTube Channel">YouTube Channel</a> for WordPress video tutorials. You can also find us on <a href="https://twitter.com/wpbeginner"  rel="noreferrer noopener nofollow" title="Follow WPBeginner on Twitter">Twitter</a> and <a href="https://facebook.com/wpbeginner"  rel="noreferrer noopener nofollow" title="Join WPBeginner Community on Facebook">Facebook</a>.</p><p>The post <a href="https://www.wpbeginner.com/wp-tutorials/embed-facebook-status-posts-wordpress/">How to Embed Facebook Status Posts in WordPress</a> first appeared on <a href="https://www.wpbeginner.com/">WPBeginner</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.wpwife.com/tutorials/how-to-embed-facebook-status-posts-in-wordpress/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
<enclosure url="" length="0" type="" />
		</item>
		<item>
		<title>How to Easily Embed Instagram in WordPress (Step by Step)</title>
		<link>http://www.wpwife.com/instagram/how-to-easily-embed-instagram-in-wordpress-step-by-step</link>
		<comments>http://www.wpwife.com/instagram/how-to-easily-embed-instagram-in-wordpress-step-by-step#comments</comments>
		<pubDate>Mon, 02 Jan 2023 18:56:00 +0000</pubDate>
		<dc:creator><![CDATA[Editorial Staff]]></dc:creator>
				<category><![CDATA[Embed]]></category>
		<category><![CDATA[instagram]]></category>
		<category><![CDATA[instagram feed]]></category>
		<category><![CDATA[instagram feed block]]></category>
		<category><![CDATA[oembed]]></category>
		<category><![CDATA[smash balloon]]></category>
		<category><![CDATA[social feed]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://www.wpbeginner.com/?p=8702</guid>
		<description><![CDATA[
<p>Do you want to embed Instagram feeds in WordPress? Showing Instagram photos and videos on your website helps keep your content fresh, increases user engagement, and builds trust. It&#8217;s also a great way to promote your Instagram account and get more followers. In this article,&#8230;&#160;<strong><a href="https://www.wpbeginner.com/wp-tutorials/how-to-easily-embed-instagram-in-wordpress-with-oembed/">Read More &#187;</a></strong></p>
<p>The post <a href="https://www.wpbeginner.com/wp-tutorials/how-to-easily-embed-instagram-in-wordpress-with-oembed/">How to Easily Embed Instagram in WordPress (Step by Step)</a> first appeared on <a href="https://www.wpbeginner.com/">WPBeginner</a>.</p>
]]></description>
				<content:encoded><![CDATA[<p>Do you want to embed Instagram feeds in WordPress? </p>



<p>Showing Instagram photos and videos on your website helps keep your content fresh, increases user engagement, and builds trust. It&#8217;s also a great way to promote your Instagram account and get more followers. </p>



<p>In this article, we will show you how to embed Instagram in WordPress, step-by-step.</p>



<figure class="wp-block-image size-full"><img width="680" height="385" src="https://www.wpbeginner.com/wp-content/uploads/2021/04/how-to-easily-embed-instagram-in-wordpress-og.png" alt="How to easily embed Instagram in WordPress (Step by step)" class="wp-image-159730" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/04/how-to-easily-embed-instagram-in-wordpress-og.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/04/how-to-easily-embed-instagram-in-wordpress-og-300x170.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<h4>Why Embed Instagram on Your WordPress Site?</h4>



<p>With over 1.21 billion monthly active users, Instagram is a great place to promote your products and services, build brand awareness, and grow your audience. </p>



<p>However, people won’t see your Instagram content if they just visit your website. With that in mind, it&#8217;s smart to embed your Instagram feed in WordPress, so everyone can see it. </p>



<p>This is an easy way to promote your social media page and encourage more people to follow you on Instagram. It can also keep your WordPress website fresh, since new Instagram posts will appear on your site automatically. </p>



<p>All of this new content can improve the <a title="Ultimate WordPress SEO Guide for Beginners (Step by Step)" href="https://www.wpbeginner.com/wordpress-seo/">search engine optimization (SEO)</a> of your site, and encourage visitors to keep coming back to check the latest posts. </p>



<p>You can even <a href="https://www.wpbeginner.com/plugins/how-to-display-your-facebook-page-reviews-in-wordpress/" title="How to Display Your Facebook Page Reviews in WordPress">display reviews in WordPress</a>, show hashtag feeds, and embed any posts you&#8217;ve been tagged in. All of this is powerful <a href="https://www.wpbeginner.com/showcase/best-social-proof-wordpress-plugins-easy-to-use/" title="Best Social Proof Plugins for WordPress &amp; WooCommerce">social proof</a> that can build trust and get you more sales. </p>



<p>With that being said, let&#8217;s see how you can embed an Instagram feed in WordPress.</p>



<h4><strong>How to Install an Instagram Photos Plugin</strong></h4>



<p>The best way to embed Instagram in WordPress is by using the <a href="https://wordpress.org/plugins/instagram-feed/"  rel="noopener nofollow" title="The Smash Balloon Social Photo Feed WordPress plugin">Smash Balloon Social Photo Feed</a>. </p>



<p>This free plugin lets you show photos from one or more Instagram accounts, in a fully customizable feed.</p>



<figure class="wp-block-image size-full"><img width="680" height="382" src="https://www.wpbeginner.com/wp-content/uploads/2021/04/embedded-instagram-photos.png" alt="An example of an embedded Instagram feed, created using Feeds for Instagram" class="wp-image-159239" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/04/embedded-instagram-photos.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/04/embedded-instagram-photos-300x169.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>In this guide, we’ll be using the free version of Smash Balloon as it has everything you need to add an Instagram feed to your WordPress website. However, there’s also a <a href="https://smashballoon.com/instagram-feed/"  rel="noopener" title="The Instagram Pro Feed Smash Balloon plugin for WordPress">pro version</a> that allows you to display hashtag feeds, <a href="https://www.wpbeginner.com/plugins/how-to-add-instagram-shoppable-images-in-wordpress/" title="How to Add Instagram Shoppable Images in WordPress">add Instagram shoppable images</a>, and more.</p>



<p>Before getting started, you’ll need to connect your Instagram account to a Facebook page. If you have a personal Instagram account, then you may also want to turn it into a business account as this allows Smash Balloon to show your Instagram bio and header automatically.</p>



<p>For step-by-step instructions on how to do both of these things, see the <a href="https://www.wpbeginner.com/wp-tutorials/how-to-easily-embed-instagram-in-wordpress-with-oembed/#insta-faq">FAQ section at the end of this guide</a>.</p>



<p>When you’re ready, go ahead and install and activate the Smash Balloon Social Photo Feed plugin. For more details, see our guide on <a href="https://www.wpbeginner.com/beginners-guide/step-by-step-guide-to-install-a-wordpress-plugin-for-beginners/" title="How to Install a WordPress Plugin – Step by Step for Beginners">how to install a WordPress plugin</a>.</p>



<h4><strong>How to Connect an Instagram Account to WordPress</strong></h4>



<p>After activating the plugin, your first task is connecting your Instagram account to WordPress. Simply go to <strong>Instagram Feed » Settings</strong> and then click on ‘Add New.’</p>



<figure class="wp-block-image size-full"><img width="680" height="331" src="https://www.wpbeginner.com/wp-content/uploads/2021/04/creating-instagram-feed.png" alt="How to create a new Instagram feed in WordPress" class="wp-image-159241" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/04/creating-instagram-feed.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/04/creating-instagram-feed-300x146.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>With Smash Balloon pro, you can create feeds from tagged posts and hashtags, or even create a social wall with content from lots of different social media websites.</p>



<p>Since we’re using the free plugin, simply select ‘User Timeline’ and then click on ‘Next.’</p>



<figure class="wp-block-image size-full"><img width="680" height="349" src="https://www.wpbeginner.com/wp-content/uploads/2021/04/instagram-new-timeline.png" alt="How to add an Instagram timeline to your WordPress account" class="wp-image-159242" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/04/instagram-new-timeline.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/04/instagram-new-timeline-300x154.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>Now, simply choose the Instagram account where you’ll get the photo feed from.</p>



<p>To get started, click on the ‘Add Source&#8217; button.</p>



<figure class="wp-block-image size-full"><img width="680" height="246" src="https://www.wpbeginner.com/wp-content/uploads/2021/04/add-instagram-source.png" alt="Adding an Instagram account as a Smash Balloon source" class="wp-image-159243" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/04/add-instagram-source.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/04/add-instagram-source-300x109.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>On the next screen, choose whether you want to show photos from a personal or business Instagram account.</p>



<p>If you check the box next to ‘Personal’ then Smash Balloon won’t include the Instagram avatar and bio in your header by default. However, you can always add the Instagram avatar and bio later in the plugin&#8217;s settings.</p>



<figure class="wp-block-image size-full"><img width="680" height="325" src="https://www.wpbeginner.com/wp-content/uploads/2021/04/instagram-business-personal.png" alt="Adding a personal or business Instagram account to WordPress" class="wp-image-159244" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/04/instagram-business-personal.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/04/instagram-business-personal-300x143.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>After choosing ‘Personal’ or ‘Business,’ go ahead and click on ‘Login with Facebook.’</p>



<p>You can now select the Instagram account that you want to feature on your <a href="https://www.wpbeginner.com/guides/" title="How to Make a WordPress Website (Ultimate Guide)">WordPress website</a>, and click on ‘Next.’</p>



<figure class="wp-block-image size-full"><img width="680" height="387" src="https://www.wpbeginner.com/wp-content/uploads/2021/04/adding-facebook-instagram.png" alt="Choose an Instagram account to use with Smash Balloon" class="wp-image-159246" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/04/adding-facebook-instagram.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/04/adding-facebook-instagram-300x171.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>After that, check the box next to the Facebook page that’s linked to your Instagram account.</p>



<p>When you&#8217;ve done that, click on the ‘Next&#8217; button.</p>



<figure class="wp-block-image size-full"><img width="680" height="380" src="https://www.wpbeginner.com/wp-content/uploads/2021/04/facebook-choosing-page.png" alt="How to add a Facebook page to your WordPress website" class="wp-image-159247" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/04/facebook-choosing-page.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/04/facebook-choosing-page-300x168.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>You&#8217;ll now see a popup with all the information Smash Balloon will have access to and the actions it can perform. </p>



<p>To restrict Smash Balloon’s access to your Instagram account, just click any of the switches to turn it from ‘Yes’ to ‘No.’ Just be aware that this may affect the photos and videos that you can show on your <a href="https://www.wpbeginner.com/start-a-wordpress-blog/" title="How to Start a WordPress Blog – Beginners Guide (UPDATED)">WordPress blog</a> or website.</p>



<p>With that in mind, we recommend leaving all the switches enabled.</p>



<p>When you’re happy with the settings, click on ‘Done.’</p>



<figure class="wp-block-image size-full"><img width="680" height="387" src="https://www.wpbeginner.com/wp-content/uploads/2021/04/smashballoon-permissions-instagram.png" alt="How to change the Instagram permissions with Smash Balloon" class="wp-image-159248" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/04/smashballoon-permissions-instagram.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/04/smashballoon-permissions-instagram-300x171.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>You’ll now see a popup with the Instagram account you just added to your website.</p>



<p>Simply check the box next to that account and then click on ‘Add.’</p>



<figure class="wp-block-image size-full"><img width="680" height="279" src="https://www.wpbeginner.com/wp-content/uploads/2021/04/select-instagram-account.png" alt="Choosing an Instagram account to add to your WordPress website" class="wp-image-159249" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/04/select-instagram-account.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/04/select-instagram-account-300x123.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>Smash Balloon will now take you back to the <strong>Instagram Feeds » All Feeds</strong> screen.</p>



<p>To create a feed, simply check the box next to the Instagram account that you want to use. Then, click on ‘Next.’</p>



<figure class="wp-block-image size-full"><img width="680" height="235" src="https://www.wpbeginner.com/wp-content/uploads/2021/04/creating-instagram-feed-1.png" alt="How to create an Instagram feed using Smash Balloon" class="wp-image-159250" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/04/creating-instagram-feed-1.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/04/creating-instagram-feed-1-300x104.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>The plugin will now create an Instagram photo feed that you can add to any page, post, or widget-ready area. </p>



<p>However, before embedding the Instagram feed you may want to customize how it looks and add any missing information.</p>



<h4><strong>How to Customize Your Instagram Photo Feed</strong></h4>



<p>By default, Smash Balloon will open your feed in its editor ready for you to customize. </p>



<p>On the right, you’ll see a preview of your Instagram photo feed. On the left-hand side are all the settings you can use to customize the photo feed.</p>



<figure class="wp-block-image size-full"><img width="680" height="387" src="https://www.wpbeginner.com/wp-content/uploads/2021/04/smashballoon-instagram-editor.png" alt="The Smash Balloon instagram editor" class="wp-image-159436" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/04/smashballoon-instagram-editor.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/04/smashballoon-instagram-editor-300x171.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>Most of these settings are self-explanatory, but we’ll quickly cover some key areas.</p>



<p>To start, you can change the Instagram photo layout and add padding by selecting ‘Feed Layout’ from the left-hand menu. </p>



<p>As you make changes, the preview will update automatically so you can try different settings to see what looks the best.</p>



<figure class="wp-block-image size-full"><img width="680" height="376" src="https://www.wpbeginner.com/wp-content/uploads/2021/04/instagram-feed-layout.png" alt="Changing the layout of an Instagram feed in WordPress" class="wp-image-159437" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/04/instagram-feed-layout.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/04/instagram-feed-layout-300x166.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>By default, Smash Balloon shows the same number of photos whether the users are on desktop computers or mobile devices.</p>



<p>You can preview how the Instagram feed will look on desktop computers, tablets, and smartphones using the row of buttons in the upper-right corner. </p>



<figure class="wp-block-image size-full"><img width="680" height="374" src="https://www.wpbeginner.com/wp-content/uploads/2021/04/previewing-instagram-mobile.png" alt="Previewing how the Instagram feed layout looks on smartphone and mobile" class="wp-image-159438" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/04/previewing-instagram-mobile.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/04/previewing-instagram-mobile-300x165.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>Smartphones and tablets typically have smaller screens and less processing power, so you may want to show fewer Instagram photos and videos on mobile devices.</p>



<p>To do this, just type a different number into the ‘Mobile’ field under ‘Number of Posts.’</p>



<figure class="wp-block-image size-full"><img width="680" height="387" src="https://www.wpbeginner.com/wp-content/uploads/2021/04/mobile-instagram-feed.png" alt="Showing a different number of posts on desktop and mobile" class="wp-image-159440" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/04/mobile-instagram-feed.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/04/mobile-instagram-feed-300x171.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>By creating different layouts for smartphones, tablets, and desktop computers you can make sure the feed looks great, no matter what device the visitor is using.</p>



<p>By default, the plugin feed shows fewer columns on smartphones and tablets, compared to desktop computers. This helps your photos and videos fit comfortably on smaller screens.</p>



<p>To change these default settings, simply type new numbers into the &#8216;Columns&#8217; settings. </p>



<figure class="wp-block-image size-full"><img width="680" height="384" src="https://www.wpbeginner.com/wp-content/uploads/2021/04/instragram-column-settings.png" alt="Showing a different number of Instagram columns on desktop, smartphone, and tablet" class="wp-image-159441" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/04/instragram-column-settings.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/04/instragram-column-settings-300x169.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>After making your changes, click on the ‘Customize’ link.</p>



<p>This will take you back to the main Smash Balloon editor, ready for you to explore the next settings screen, which is ‘Color Scheme.’</p>



<figure class="wp-block-image size-full"><img width="680" height="387" src="https://www.wpbeginner.com/wp-content/uploads/2021/04/color-scheme-smashballoon.png" alt="Smash Balloon's color scheme settings" class="wp-image-159291" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/04/color-scheme-smashballoon.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/04/color-scheme-smashballoon-300x171.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>By default, Smash Balloon uses a color scheme inherited from your <a href="https://www.wpbeginner.com/showcase/best-wordpress-themes/" title="Most Popular and Best WordPress Themes (Expert Pick)">WordPress theme</a>, but it also has ‘Light’ and ‘Dark’ themes that you may want to use instead.</p>



<p>Another option is creating your own color scheme by selecting ‘Custom.’ Once that&#8217;s done, simply use the controls to <a href="https://www.wpbeginner.com/wp-tutorials/how-to-change-background-color-in-wordpress-beginners-guide/" title="How to Change Background Color in WordPress (Beginner’s Guide)">change the background color</a>, <a href="https://www.wpbeginner.com/wp-tutorials/how-to-change-the-text-color-in-wordpress-easy-methods/" title="How to Change the Text Color in WordPress (Easy Methods)">change the text color in WordPress</a>, and more.</p>



<figure class="wp-block-image size-full"><img width="680" height="387" src="https://www.wpbeginner.com/wp-content/uploads/2021/04/custom-color-scheme.png" alt="Changing the Instagram column scheme using Smash Balloon" class="wp-image-159443" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/04/custom-color-scheme.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/04/custom-color-scheme-300x171.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>By default, Smash Balloon adds a header to the Instagram feed, which is your profile picture and the name of your page. To change how this section looks, click on ‘Header’ in the left-hand menu.</p>



<p>On this screen, you can change the size of the header, add a new color, or show your Instagram bio.</p>



<figure class="wp-block-image size-full"><img width="680" height="380" src="https://www.wpbeginner.com/wp-content/uploads/2021/04/customizing-instagram-header.png" alt="Customize the Instagram header on your WordPress website" class="wp-image-159293" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/04/customizing-instagram-header.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/04/customizing-instagram-header-300x168.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>Sometimes, you may want to show a different profile picture. For example, your Instagram avatar may not stand out from your theme so you want to show a <a href="https://www.wpbeginner.com/showcase/best-places-to-get-a-custom-logo-for-your-wordpress-website/" title="Best Places to Get a Custom Logo for Your WordPress Website">custom logo</a> instead. </p>



<p>To change the profile picture, click on ‘Add Image’ under ‘Show custom avatar.’ You can then either choose an image from the WordPress media library or upload a new photo.</p>



<figure class="wp-block-image size-full"><img width="680" height="373" src="https://www.wpbeginner.com/wp-content/uploads/2021/04/show-custom-avatar.png" alt="Adding a custom avatar to an Instagram embed in WordPress" class="wp-image-159445" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/04/show-custom-avatar.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/04/show-custom-avatar-300x165.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>You can also add a different bio. For example, you might encourage people to visit your profile on Instagram or to simply follow your account. </p>



<p>To create a unique Instagram bio, simply type into the ‘Add custom bio’ box.</p>



<figure class="wp-block-image size-full"><img width="680" height="359" src="https://www.wpbeginner.com/wp-content/uploads/2021/04/add-custom-bio.png" alt="Adding a custom Instagram bio to your WordPress website" class="wp-image-159446" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/04/add-custom-bio.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/04/add-custom-bio-300x158.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>Smash Balloon automatically analyzes your Instagram photos and shows them at the best resolution. We recommend using these default settings, but you can make the Instagram images bigger or smaller if you need to. </p>



<p>To change the image size, click on ‘Posts’ from the left-hand menu. Then, select the ‘Images and Videos’ option.</p>



<figure class="wp-block-image size-full"><img width="680" height="366" src="https://www.wpbeginner.com/wp-content/uploads/2021/04/images-videos-resolution.png" alt="Changing the resolution of embedded Instagram photos and videos" class="wp-image-159447" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/04/images-videos-resolution.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/04/images-videos-resolution-300x161.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>You can now choose between thumbnail, medium, and full-size images using the dropdown menu that appears.</p>



<p>If you’re unhappy with how the feed looks, then you can go back to this screen at any point and select ‘Auto-detect (Recommended)’ from the dropdown.</p>



<figure class="wp-block-image size-full"><img width="680" height="376" src="https://www.wpbeginner.com/wp-content/uploads/2021/04/auto-detect-recommended.png" alt="How to auto-detect the resolution of your Instagram feed" class="wp-image-159448" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/04/auto-detect-recommended.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/04/auto-detect-recommended-300x166.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>By default, Smash Balloon adds a &#8216;Load More&#8217; button to the bottom of your Instagram feed so visitors can scroll through your photos and videos.</p>



<p>You can change how this button looks by selecting ‘Load More Button.&#8217;</p>



<figure class="wp-block-image size-full"><img width="680" height="376" src="https://www.wpbeginner.com/wp-content/uploads/2021/04/instagram-load-more.png" alt="Customize the Instagram Load More button in WordPress" class="wp-image-159450" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/04/instagram-load-more.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/04/instagram-load-more-300x166.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>Here, you can help the &#8216;Load More&#8217; button stand out by changing its background color, text color, and hover state.</p>



<p>You can also try adding your own messaging to the button, by typing into the ‘Text’ field. This way your visitors will be more inclined to click.</p>



<figure class="wp-block-image size-full"><img width="680" height="356" src="https://www.wpbeginner.com/wp-content/uploads/2021/04/load-more-messaging.png" alt="Adding custom messaging to the Load More button" class="wp-image-159451" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/04/load-more-messaging.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/04/load-more-messaging-300x157.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>While we do recommend leaving this button enabled, you can remove it. For example, you might encourage people to visit your Instagram by limiting the number of photos they can see on your site. </p>



<p>To remove the button, simply toggle the &#8216;Enable&#8217; slider to turn grey.</p>



<figure class="wp-block-image size-full"><img width="680" height="370" src="https://www.wpbeginner.com/wp-content/uploads/2021/04/removing-load-more.png" alt="How to easily embed Instagram in WordPress" class="wp-image-159452" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/04/removing-load-more.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/04/removing-load-more-300x163.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>If visitors like what they see, they may decide to subscribe using the ‘Follow on Instagram’ button that appears below the embedded feed.</p>



<p>Since it&#8217;s such an important button, you may want to add some custom styling to help it stand out. </p>



<p>You can do this by selecting ‘Follow Button’ in the left-hand menu. Here, you can change the button’s background color, hover state, and text color.</p>



<figure class="wp-block-image size-full"><img width="680" height="377" src="https://www.wpbeginner.com/wp-content/uploads/2021/04/customized-follow-button.png" alt="Customizing the social media Follow button" class="wp-image-159453" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/04/customized-follow-button.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/04/customized-follow-button-300x166.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>By default, the button shows a ‘Follow on Instagram’ label.</p>



<p>You can replace this with your own <a href="https://www.wpbeginner.com/plugins/how-to-add-buttons-in-wordpress-without-using-shortcodes/" title="How to Add Call to Action Buttons in WordPress (without Code)">call to action</a> by typing into the ‘Text’ field.</p>



<figure class="wp-block-image size-full"><img width="680" height="336" src="https://www.wpbeginner.com/wp-content/uploads/2021/04/instagram-follow-button.png" alt="Customizing the Follow Us On Instagram button" class="wp-image-159454" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/04/instagram-follow-button.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/04/instagram-follow-button-300x148.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>When you’re happy with how the Instagram feed looks, don’t forget to click on ‘Save’ to store your changes. </p>



<p>You’re now ready to add the Instagram feed to your WordPress website. </p>



<h4>How to Embed Instagram Feed in WordPress</h4>



<p>You can add the Instagram feed to your website using a block, widget, or shortcode.</p>



<p>If you’ve created more than one feed using Smash Balloon Social Photo feed, then you’ll need to know the feed’s code if you’re going to use a widget or block.</p>



<p>To get this code, go to <strong>Instagram Feed »All Feeds</strong> and then look at the<code>feed=""</code>part of the shortcode. You’ll need to add this code to the block or widget, so make a note of it.</p>



<p>In the following image, we’ll need to use<code>feed="1"</code></p>



<figure class="wp-block-image size-full"><img width="680" height="327" src="https://www.wpbeginner.com/wp-content/uploads/2021/04/instagram-feed-code.png" alt="Getting the code for a custom Instagram feed" class="wp-image-159456" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/04/instagram-feed-code.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/04/instagram-feed-code-300x144.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>If you want to embed the Instagram feed in a page or post, then we recommend using the Instagram Feed block. </p>



<p><strong>Note: </strong>If you&#8217;re using a block-enabled theme, you can follow <a href="https://www.wpbeginner.com/wp-tutorials/how-to-easily-embed-instagram-in-wordpress-with-oembed/#fse-instagram">the instructions below</a> to add the block anywhere on your site using the full-site editor.</p>



<p>Just open the page or post where you want to embed your Instagram photo and video feed. Then, click on the ‘+’ icon to add a new block and start typing ‘Instagram Feed.’</p>



<p>When the right block appears, click to add it to the page or post.</p>



<figure class="wp-block-image size-full"><img width="680" height="350" src="https://www.wpbeginner.com/wp-content/uploads/2021/04/instagram-feed-block.png" alt="The Feeds for Instagram block" class="wp-image-159457" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/04/instagram-feed-block.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/04/instagram-feed-block-300x154.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>The block will show one of your Smash Balloon feeds by default. If you want to show a different Instagram feed instead, then find ‘Shortcode Settings’ in the right-hand menu.</p>



<p>Here, simply add the<code>feed=""</code>code and then click on ‘Apply Changes.’</p>



<figure class="wp-block-image size-full"><img width="680" height="338" src="https://www.wpbeginner.com/wp-content/uploads/2021/04/instagram-code-feed.png" alt="Adding an Instagram feed code to WordPress" class="wp-image-159459" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/04/instagram-code-feed.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/04/instagram-code-feed-300x150.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>The block will now show the photos and videos from your Instagram account. Just publish or update the page to make the feed live on your website.</p>



<p>If you&#8217;re using a theme that does not use full-site editing, you can add the Smashballoon Instagram Feed to any widget-ready area, such as the sidebar or similar section so visitors can see it anywhere they go on your site.</p>



<p>Simply go to <strong>Appearance » Widgets</strong> in the WordPress dashboard and then click on the blue &#8216;+&#8217; button. </p>



<figure class="wp-block-image size-full"><img width="680" height="350" src="https://www.wpbeginner.com/wp-content/uploads/2021/04/instagram-wordpress-widget.png" alt="Adding an Instagram feed to a WordPress widget" class="wp-image-159301" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/04/instagram-wordpress-widget.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/04/instagram-wordpress-widget-300x154.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>In the search bar, type in ‘Instagram Feed’ and select the correct widget when it appears.</p>



<p>WordPress has a built-in &#8216;Instagram Feed&#8217; block, so make sure you choose the one that shows the official Instagram logo.</p>



<figure class="wp-block-image size-full"><img width="680" height="302" src="https://www.wpbeginner.com/wp-content/uploads/2021/04/instagram-widget-smashballoon.png" alt="How to add an Instagram Feed to a widget-ready area" class="wp-image-159303" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/04/instagram-widget-smashballoon.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/04/instagram-widget-smashballoon-300x133.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>After that, simply drag the widget onto the area where you want to show the Instagram feed, such as the sidebar or similar section. </p>



<p>The widget will automatically show one of the feeds you created using Smash Balloon. If you want to show a different Instagram feed, then just type the feed’s shortcode into the ‘Shortcode Settings’ box. </p>



<p>As long as you are adding the shortcode to the &#8216;Shortcode Settings&#8217; box, you do not need to include the brackets around it.</p>



<p>After that, click on ‘Apply Changes.’</p>



<figure class="wp-block-image size-full"><img width="680" height="367" src="https://www.wpbeginner.com/wp-content/uploads/2021/04/smashballoon-widget-block.png" alt="Adding the Instagram Feed block to a sidebar or other widget-ready area" class="wp-image-159304" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/04/smashballoon-widget-block.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/04/smashballoon-widget-block-300x162.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>You can now make the widget live by clicking on the ‘Update’ button. For more information, please see our step-by-step guide on <a href="https://www.wpbeginner.com/beginners-guide/how-to-add-and-use-widgets-in-wordpress/" title="How to Add and Use Widgets in WordPress (Step by Step)">how to add and use widgets in WordPress</a>.</p>



<p>Another option is embedding the Instagram feed on any page, post, or widget-ready area using a shortcode.</p>



<p>Simply go to<strong> Instagram Feed »All Feeds</strong> and copy the code in the ‘Shortcode’ column. You can now add this code to any Shortcode block.</p>



<p>For help placing the shortcode, please see our guide on <a href="https://www.wpbeginner.com/wp-tutorials/how-to-add-a-shortcode-in-wordpress/" title="How to Add a Shortcode in WordPress (Beginner’s Guide)">how to add a shortcode</a>.</p>



<p id="fse-instagram">Finally, if you have a <a href="https://www.wpbeginner.com/showcase/best-wordpress-full-site-editing-themes/" title="Best Block Themes for Full Site Editing in WordPress">block-enabled theme</a>, then you can use the full-site editor to add the Instagram Feed block anywhere on your site.</p>



<p>In the WordPress dashboard, simply go to <strong>Appearance » Editor</strong>.</p>



<figure class="wp-block-image size-full"><img width="680" height="387" src="https://www.wpbeginner.com/wp-content/uploads/2021/04/fse-side-editor.png" alt="Opening the full-site editor (FSE)" class="wp-image-159305" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/04/fse-side-editor.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/04/fse-side-editor-300x171.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>By default, the full-site editor will show the theme’s home template. If you want to add the Instagram feed to a different template, then click on the arrow next to ‘Home.’</p>



<p>You can then choose any design from the dropdown, such as the footer template.</p>



<figure class="wp-block-image size-full"><img width="680" height="338" src="https://www.wpbeginner.com/wp-content/uploads/2021/04/fse-choosing-template.png" alt="Choosing a template in the WordPress FSE (full-site editor)" class="wp-image-159306" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/04/fse-choosing-template.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/04/fse-choosing-template-300x150.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>If you don&#8217;t see the template in the list, then click on ‘Browse all templates.’</p>



<p>The full-site editor will now show a list of all the templates you can edit. Simply click on the template where you want to show the Instagram feed.</p>



<figure class="wp-block-image size-full"><img width="680" height="345" src="https://www.wpbeginner.com/wp-content/uploads/2021/04/fse-browsing-templates.png" alt="How to add an Instagram feed to your WordPress website" class="wp-image-159307" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/04/fse-browsing-templates.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/04/fse-browsing-templates-300x152.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>After choosing a template, just hover your mouse over the area where you want to add the Instagram photo feed.</p>



<p>Then, click on the blue ‘+’ button.</p>



<figure class="wp-block-image size-full"><img width="680" height="323" src="https://www.wpbeginner.com/wp-content/uploads/2021/04/adding-fse-feed.png" alt="How to add an Instagram block using the full-site editor and a block-enabled theme" class="wp-image-159308" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/04/adding-fse-feed.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/04/adding-fse-feed-300x143.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>After that, start typing in ‘Instagram Feed.’</p>



<p>When the right block appears, click to add it to the template. This will be the one with the official Instagram logo.</p>



<figure class="wp-block-image size-full"><img width="680" height="319" src="https://www.wpbeginner.com/wp-content/uploads/2021/04/fse-instagram-feed.png" alt="Adding a social media feed using the WordPress full-site editor (FSE)" class="wp-image-159460" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/04/fse-instagram-feed.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/04/fse-instagram-feed-300x141.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>As always, Smash Balloon will show a feed by default if you do not add a specific shortcode. You can change this feed by adding a shortcode following the same process described above.</p>



<h4 id="insta-faq"><strong>FAQs About Embedding Instagram in WordPress</strong></h4>



<p>Smash Balloon makes it easy to show Instagram photos and videos on your website. That being said, here are some of the most frequently asked questions about adding an Instagram feed in WordPress.</p>



<p><strong>How Do I Create an Instagram Business Account?</strong></p>



<p>Smash Balloon Social Photo Feed can display photos from either a personal or business Instagram account.</p>



<p>However, Smash Balloon can’t automatically fetch the Instagram avatar and bio from a personal Instagram account. With that in mind, you may want to check whether you have a personal or business account, and then switch to a business account so Smash Balloon can fetch your avatar and bio automatically.  </p>



<p>To check, just visit your Instagram account and click on the three-lined icon in the side menu.</p>



<figure class="wp-block-image size-full"><img width="680" height="349" src="https://www.wpbeginner.com/wp-content/uploads/2021/04/instagram-account-settings.png" alt="How to check whether you have a personal or business Instagram account" class="wp-image-159471" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/04/instagram-account-settings.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/04/instagram-account-settings-300x154.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>After that, select ‘Settings.’</p>



<p>If you don’t have a business account, then this screen will show ‘Switch to professional account’ in the left-hand menu.</p>



<figure class="wp-block-image size-full"><img width="680" height="387" src="https://www.wpbeginner.com/wp-content/uploads/2021/04/professional-account-instagram.png" alt="How to switch to a personal Instagram account" class="wp-image-159473" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/04/professional-account-instagram.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/04/professional-account-instagram-300x171.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>If you currently have a personal account and want to switch to a business account, then simply give this link a click.</p>



<p><strong>How Do I Connect a Facebook Page to an Instagram Account?</strong></p>



<p>Before you can add an Instagram feed to WordPress, you’ll need to connect your Instagram account to a Facebook page.</p>



<p>To do this, head over to the Facebook page that you want to use and then click on ‘Settings’ in the left-hand menu.</p>



<p>After that, click on ‘Linked Account.’ You can now select ‘Instagram’ and click on the ‘Connect’ button.</p>



<figure class="wp-block-image size-full"><img width="680" height="343" src="https://www.wpbeginner.com/wp-content/uploads/2021/04/connecting-facebook-instagram.png" alt="How to connect Facebook and Instagram" class="wp-image-159477" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/04/connecting-facebook-instagram.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/04/connecting-facebook-instagram-300x150.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>Facebook will now show all the information it will be able to access, and the actions it can perform on Instagram. </p>



<p>If you’re happy to go ahead, then click on the ‘Connect’ button.</p>



<figure class="wp-block-image size-full"><img width="680" height="387" src="https://www.wpbeginner.com/wp-content/uploads/2021/04/permissions-facebook-instagram.png" alt="Giving Smash Balloon access to your Instagram account" class="wp-image-159479" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/04/permissions-facebook-instagram.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/04/permissions-facebook-instagram-300x171.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>Just be aware that anyone else who manages your Facebook page will be able to see your Instagram messages, and respond to them. If you want to keep your Instagram messages private, then click to disable the option.</p>



<p>When you’re happy and ready to move on, click ‘Confirm.’</p>



<figure class="wp-block-image size-full"><img width="680" height="387" src="https://www.wpbeginner.com/wp-content/uploads/2021/04/instagram-messages-configuring.png" alt="How to configure your Instagram permissions using Smash Balloon" class="wp-image-159480" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/04/instagram-messages-configuring.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/04/instagram-messages-configuring-300x171.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>This opens a popup where you can type in your Instagram username and password.</p>



<p>After that, go ahead and click on ‘Log In.’</p>



<figure class="wp-block-image size-full"><img width="680" height="387" src="https://www.wpbeginner.com/wp-content/uploads/2021/04/logging-instagram-account.png" alt="Logging into your Instagram account" class="wp-image-159481" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/04/logging-instagram-account.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/04/logging-instagram-account-300x171.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>After a few moments, you’ll see a message saying that your Instagram and Facebook accounts are now connected.</p>



<p>We hope this article helped you learn how to easily embed Instagram in WordPress. You may also want to see our guide on&nbsp;<a href="https://www.wpbeginner.com/wp-tutorials/how-to-create-a-custom-facebook-feed-in-wordpress/" title="How to Create a Custom Facebook Feed in WordPress">how to create a custom Facebook feed in WordPress</a>, or see our expert pick of the <a href="https://www.wpbeginner.com/plugins/best-social-media-plugins-for-wordpress/" title="Best Social Media Plugins for WordPress">best social media plugins for WordPress</a>.</p>



<p>If you liked this article, then please subscribe to our <a href="https://youtube.com/wpbeginner?sub_confirmation=1"  rel="noreferrer noopener nofollow" title="Subscribe to WPBeginner YouTube Channel">YouTube Channel</a> for WordPress video tutorials. You can also find us on <a href="https://twitter.com/wpbeginner"  rel="noreferrer noopener nofollow" title="Follow WPBeginner on Twitter">Twitter</a> and <a href="https://facebook.com/wpbeginner"  rel="noreferrer noopener nofollow" title="Join WPBeginner Community on Facebook">Facebook</a>.</p><p>The post <a href="https://www.wpbeginner.com/wp-tutorials/how-to-easily-embed-instagram-in-wordpress-with-oembed/">How to Easily Embed Instagram in WordPress (Step by Step)</a> first appeared on <a href="https://www.wpbeginner.com/">WPBeginner</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.wpwife.com/instagram/how-to-easily-embed-instagram-in-wordpress-step-by-step/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
<enclosure url="" length="0" type="" />
		</item>
	</channel>
</rss>
