<?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; smash balloon facebook feed</title>
	<atom:link href="http://www.wpwife.com/category/smash-balloon-facebook-feed/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 Easily Create a Restaurant Website with WordPress</title>
		<link>http://www.wpwife.com/tutorials/how-to-easily-create-a-restaurant-website-with-wordpress</link>
		<comments>http://www.wpwife.com/tutorials/how-to-easily-create-a-restaurant-website-with-wordpress#comments</comments>
		<pubDate>Thu, 09 Mar 2023 10:01:00 +0000</pubDate>
		<dc:creator><![CDATA[Editorial Staff]]></dc:creator>
				<category><![CDATA[Restaurant]]></category>
		<category><![CDATA[Restaurant Theme]]></category>
		<category><![CDATA[restaurant website]]></category>
		<category><![CDATA[seedprod]]></category>
		<category><![CDATA[smash balloon facebook feed]]></category>
		<category><![CDATA[smash balloon instagram feed plugin]]></category>
		<category><![CDATA[smash balloon twitter feed plugin]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[wpforms]]></category>
		<category><![CDATA[wpforms lite]]></category>

		<guid isPermaLink="false">https://www.wpbeginner.com/?p=162034</guid>
		<description><![CDATA[
<p>Do you want to create a restaurant website with WordPress? A restaurant website can help attract new customers and grow your business. It can also provide a better experience for your existing customers and keep them coming back to your restaurant, cafe, takeaway, or similar&#8230;&#160;<strong><a href="https://www.wpbeginner.com/wp-tutorials/how-to-easily-create-a-restaurant-website-with-wordpress/">Read More &#187;</a></strong></p>
<p>The post <a href="https://www.wpbeginner.com/wp-tutorials/how-to-easily-create-a-restaurant-website-with-wordpress/">How to Easily Create a Restaurant Website with WordPress</a> first appeared on <a href="https://www.wpbeginner.com/">WPBeginner</a>.</p>
]]></description>
				<content:encoded><![CDATA[<p>Do you want to create a restaurant website with WordPress?</p>



<p>A restaurant website can help attract new customers and grow your business. It can also provide a better experience for your existing customers and keep them coming back to your restaurant, cafe, takeaway, or similar business. </p>



<p>In this article, we will show you how to create a restaurant website with WordPress.</p>



<figure class="wp-block-image size-full"><img width="680" height="385" src="https://www.wpbeginner.com/wp-content/uploads/2023/01/how-to-easily-create-a-restaurant-website-with-wordpress-og.png" alt="How to easily create a restaurant website with WordPress" class="wp-image-162151" srcset="https://www.wpbeginner.com/wp-content/uploads/2023/01/how-to-easily-create-a-restaurant-website-with-wordpress-og.png 680w, https://www.wpbeginner.com/wp-content/uploads/2023/01/how-to-easily-create-a-restaurant-website-with-wordpress-og-300x170.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<h4>Why Create a Restaurant Website?</h4>



<p>A website is one of the best ways to market your restaurant to new customers and provide a better experience for your existing clients.</p>



<p>By creating an online presence for your restaurant, you can introduce your business to people who are looking for venues and food just like yours. </p>



<figure class="wp-block-image size-full"><img width="680" height="350" src="https://www.wpbeginner.com/wp-content/uploads/2023/01/restaurant-website-example.png" alt="An example of a restaurant website" class="wp-image-162117" srcset="https://www.wpbeginner.com/wp-content/uploads/2023/01/restaurant-website-example.png 680w, https://www.wpbeginner.com/wp-content/uploads/2023/01/restaurant-website-example-300x154.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>After a potential customer discovers your business, a professionally-designed and helpful restaurant website will tell them everything they need to know about your business. They can then decide whether your restaurant is right for them.</p>



<p>Even if you have lots of loyal customers and a positive reputation in the local area, a restaurant website can help you improve the customer experience. </p>



<p>For example, it can allow customers to book a table online, send you questions using a convenient contact form, check out the latest menu, and much more. </p>



<figure class="wp-block-image size-full"><img width="680" height="387" src="https://www.wpbeginner.com/wp-content/uploads/2023/01/book-online-example.png" alt="An example of a restaurant online booking form" class="wp-image-162118" srcset="https://www.wpbeginner.com/wp-content/uploads/2023/01/book-online-example.png 680w, https://www.wpbeginner.com/wp-content/uploads/2023/01/book-online-example-300x171.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>In this way, a restaurant website can keep your customers happy, so they carry on visiting you for months, or even years to come. </p>



<p>That said, let&#8217;s see how you can easily create a restaurant website with WordPress.</p>



<h4>Which Is the Best Website Builder for Your Restaurant?</h4>



<p>There are many&nbsp;<a href="https://www.wpbeginner.com/beginners-guide/how-to-choose-the-best-website-builder/" title="How to Choose the Best Website Builder (Compared)">website builders</a>&nbsp;that can help you create a restaurant website but we recommend using WordPress.</p>



<p>According to our <a href="https://www.wpbeginner.com/research/2022-blogging-statistics-trends-data-ultimate-list-updated/" title="Blogging Statistics, Trends &amp; Data – Ultimate List (UPDATED)">blogging research statistics</a>, WordPress is the most popular website platform in the world. It powers nearly 43% of all websites on the internet including many top restaurant websites.</p>



<p>WordPress is also open-source and free. For more on this topic, see our article on&nbsp;<a href="https://www.wpbeginner.com/beginners-guide/why-is-wordpress-free-what-are-the-costs-what-is-the-catch/" title="Why is WordPress Free? What are the Costs? What is the Catch?">why WordPress is free</a>.</p>



<p>However, it’s important to realize that there are two types of WordPress software, so you don’t choose the wrong one.</p>



<p>First, there is WordPress.com, which is a blog hosting platform. Then, there is WordPress.org which is also known as self-hosted WordPress. </p>



<p>For a detailed comparison, you can see our guide on&nbsp;<a href="https://www.wpbeginner.com/beginners-guide/self-hosted-wordpress-org-vs-free-wordpress-com-infograph/" title="WordPress.com vs WordPress.org – Which is Better? (Comparison Chart)">the difference between WordPress.com and WordPress.org</a>.</p>



<p>For a restaurant website, we recommend using WordPress.org because it gives you complete ownership of your site and allows you to install third-party plugins, including plenty that are designed specifically for restaurant owners.</p>



<p>To learn more about why we recommend WordPress to all our readers, please see our&nbsp;<a href="https://www.wpbeginner.com/opinion/the-ultimate-wordpress-review-is-it-the-best-choice-for-your-website/" title="The Ultimate WordPress Review – Is It the Best Choice For Your Website?">complete WordPress review</a>&nbsp;with pros and cons.</p>



<h4>Step 1.&nbsp;<strong>Setting Up Your Restaurant Website</strong></h4>



<p>To create a <a href="https://www.wpbeginner.com/guides/" title="How to Make a WordPress Website (Ultimate Guide)">WordPress website</a> you’ll need a <a href="https://www.wpbeginner.com/beginners-guide/how-to-register-a-domain-name-simple-tip-to-get-it-for-free/" title="How to Register a Domain Name (and get it for FREE)">domain name</a> and web hosting.</p>



<p>A domain name is your website’s address on the internet. This is what customers will type into their browsers to reach your website, such as justeat.com or tacobell.com. </p>



<p>Web hosting is where your website lives online. To help you out, we’ve hand-picked some of the&nbsp;<a href="https://www.wpbeginner.com/wordpress-hosting/" title="How to Choose the Best WordPress Hosting (Compared)">best WordPress hosting</a>&nbsp;that you can buy for a restaurant website. &nbsp;</p>



<p>Although the WordPress software is free, hosting and domain names are where the costs can really start to add up. </p>



<p>A domain name typically costs $14.99/year and hosting costs start from $7.99/month. This is a lot for restaurants that already have bills and expenses to pay.</p>



<p>Thankfully,&nbsp;<a href="https://www.wpbeginner.com/refer/bluehost/"  rel="noopener nofollow" title="Bluehost web hosting">Bluehost</a> has offers a free domain name, and our readers can get 60% off on web hosting. Bluehost is one of the largest hosting companies in the world, and an official WordPress-recommended hosting partner.</p>



<p>They&#8217;re also offering our readers a free <a href="https://www.wpbeginner.com/beginners-guide/how-to-get-a-free-ssl-certificate-for-your-wordpress-website/" title="How to Get a Free SSL Certificate for Your WordPress Website (Beginner’s Guide)">SSL certificate</a>.&nbsp;If you want to accept payments online, then an SSL certificate will help keep the customer&#8217;s credit and debit card information safe. </p>



<p>You can click the button below to get started for as little as $2.75 per month.</p>



<div class="wp-block-buttons">
<div class="wp-block-button large"><a class="wp-block-button__link" href="https://www.wpbeginner.com/refer/bluehost/"  rel="noreferrer noopener nofollow">→ Click Here to Claim This Exclusive Bluehost Offer ←</a></div>
</div>



<p>Once there, you will need to go to the <a rel="nofollow noopener"  title="Bluehost" href="https://www.wpbeginner.com/refer/bluehost/" data-shortcode="true">Bluehost</a> website in a new tab&nbsp;and click on the green ‘Get Started Now’ button.</p>



<figure class="wp-block-image size-full"><a href="https://www.wpbeginner.com/refer/bluehost/"  rel="noopener"><img width="680" height="425" src="https://www.wpbeginner.com/wp-content/uploads/2022/09/bluehostwordpress.jpg" alt="Bluehost WordPress Hosting offer for WPBeginner Users" class="wp-image-146147" srcset="https://www.wpbeginner.com/wp-content/uploads/2022/09/bluehostwordpress.jpg 680w, https://www.wpbeginner.com/wp-content/uploads/2022/09/bluehostwordpress-300x188.jpg 300w" sizes="(max-width: 680px) 100vw, 680px" /></a></figure>



<p>This will bring you to a pricing page where you can choose a hosting plan for your website. </p>



<p>We recommend choosing a Basic or Plus plan, as they&#8217;re the most popular web hosting plans among our readers.</p>



<figure class="wp-block-image size-full"><img width="680" height="375" src="https://www.wpbeginner.com/wp-content/uploads/2022/10/bluehost-pricing-plans.png" alt="Bluehost pricing plans" class="wp-image-149717" srcset="https://www.wpbeginner.com/wp-content/uploads/2022/10/bluehost-pricing-plans.png 680w, https://www.wpbeginner.com/wp-content/uploads/2022/10/bluehost-pricing-plans-300x165.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>After selecting a plan, click on &#8216;Continue.&#8217; </p>



<p>On the next screen, you’ll need to choose a domain name.</p>



<figure class="wp-block-image size-full"><img width="680" height="380" src="https://www.wpbeginner.com/wp-content/uploads/2023/01/domain-name-restaurant.png" alt="Choosing a domain name for your restaurant website" class="wp-image-162119" srcset="https://www.wpbeginner.com/wp-content/uploads/2023/01/domain-name-restaurant.png 680w, https://www.wpbeginner.com/wp-content/uploads/2023/01/domain-name-restaurant-300x168.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>Ideally, the domain name will be easy to pronounce and spell, easy to remember, and related to your business. The name of your restaurant is a great place to start, but sometimes that domain may already be taken by another business. </p>



<p>In that case, you can try extending the domain name by adding your restaurant&#8217;s location, your own name, or the type of food you serve. </p>



<p>Need help choosing a domain name for your restaurant website? See these tips and tools on&nbsp;<a href="https://www.wpbeginner.com/beginners-guide/tips-and-tools-to-pick-the-best-domain-for-your-blog/" title="How to Choose the Best Domain Name (Tips and Tools)">how to choose the best domain name</a>.</p>



<p>After choosing a name, click on the &#8216;Next&#8217; button to continue.</p>



<p>Now you’ll need to provide your account information such as your name and email address. After that, you&#8217;ll also see optional extras that you can purchase. </p>



<p>We generally don’t recommend purchasing these extras straight away, as you can always add them later on if you need them. </p>



<figure class="wp-block-image size-full"><img width="680" height="326" src="https://www.wpbeginner.com/wp-content/uploads/2023/01/bluehost-package-extras.png" alt="Bluehost hosting package extras" class="wp-image-162039" srcset="https://www.wpbeginner.com/wp-content/uploads/2023/01/bluehost-package-extras.png 680w, https://www.wpbeginner.com/wp-content/uploads/2023/01/bluehost-package-extras-300x144.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>After that, simply type in your payment information to complete the purchase.</p>



<p>Once you&#8217;ve done that, you’ll get an email with instructions on how to login to your web hosting control panel. This is your hosting account dashboard where you can manage your restaurant website, including setting up email notifications and <a href="https://www.wpbeginner.com/beginners-guide/how-to-properly-ask-for-wordpress-support-and-get-it/" title="How to Properly Ask for WordPress Support and Get It">asking for WordPress support</a>. </p>



<p>It&#8217;s also where you&#8217;ll install the WordPress software. </p>



<h4>Step 2. Create a New WordPress Website</h4>



<p>When you signup with Bluehost using <a href="https://www.wpbeginner.com/refer/bluehost/"  rel="noopener nofollow" title="Bluehost web hosting ">our link</a>, Bluehost installs WordPress on your domain name automatically. </p>



<p>If you want to create a different&nbsp;<a href="https://www.wpbeginner.com/guides/" title="How to Make a WordPress Website (Ultimate Guide)">WordPress website</a>, then you can simply click on the ‘My Sites’ tab in the Bluehost dashboard. </p>



<p>Next, just click on the ‘Add Site’ button and select ‘Create New Site.’</p>



<figure class="wp-block-image size-full"><img width="680" height="325" src="https://www.wpbeginner.com/wp-content/uploads/2023/01/bluehost-create-site.png" alt="Creating a new restaurant website using Bluehost" class="wp-image-170027" srcset="https://www.wpbeginner.com/wp-content/uploads/2023/01/bluehost-create-site.png 680w, https://www.wpbeginner.com/wp-content/uploads/2023/01/bluehost-create-site-300x143.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>The Bluehost wizard will now guide you through the setup process.</p>



<p>First, you&#8217;ll need to type in a site title and optional tagline.</p>



<figure class="wp-block-image size-full"><img width="680" height="360" src="https://www.wpbeginner.com/wp-content/uploads/2023/01/site-title-tagline.png" alt="Adding a site title and tagline to your new restaurant website" class="wp-image-170028" srcset="https://www.wpbeginner.com/wp-content/uploads/2023/01/site-title-tagline.png 680w, https://www.wpbeginner.com/wp-content/uploads/2023/01/site-title-tagline-300x159.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>Click on the ‘Next’ button to continue.</p>



<p>After that, Bluehost will ask you to select a domain name and path for your restaurant website. If you&#8217;ve already purchased a domain name, then you can simply select it from the dropdown menu.</p>



<figure class="wp-block-image size-full"><img width="680" height="278" src="https://www.wpbeginner.com/wp-content/uploads/2023/01/bluehost-choose-domain.png" alt="Choosing a domain for your new WordPress website" class="wp-image-170029" srcset="https://www.wpbeginner.com/wp-content/uploads/2023/01/bluehost-choose-domain.png 680w, https://www.wpbeginner.com/wp-content/uploads/2023/01/bluehost-choose-domain-300x123.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>If you don’t have a domain name then you can buy one by visiting the ‘Domains’ page inside the Bluehost dashboard.</p>



<p>After choosing a domain name, you can leave the directory path blank and let Bluehost fill it in for you. The installer will also show a few&nbsp;<a href="https://www.wpbeginner.com/showcase/24-must-have-wordpress-plugins-for-business-websites/" title="Must Have WordPress Plugins for Business Websites">must-have WordPress plugins</a>&nbsp;that you may want to install on your restaurant website including <a href="https://optinmonster.com/"  title="OptinMonster - Lead Generation &amp; Conversion Optimization Tool" rel="noopener">OptinMonster</a>.</p>



<p>After that, click on the &#8216;Next&#8217; button and the installer will set up your restaurant site. </p>



<p>Once it&#8217;s finished, you&#8217;ll see a &#8216;WordPress installed successfully&#8217; message with information about your new website. You can now go ahead and click on the &#8216;Log into WordPress&#8217; button. </p>



<p>This will take you to your site’s admin area.</p>



<figure class="wp-block-image size-full"><img width="680" height="348" src="https://www.wpbeginner.com/wp-content/uploads/2023/01/bluehost-login-wordpress.png" alt="Log into your new WordPress website dashboard" class="wp-image-170030" srcset="https://www.wpbeginner.com/wp-content/uploads/2023/01/bluehost-login-wordpress.png 680w, https://www.wpbeginner.com/wp-content/uploads/2023/01/bluehost-login-wordpress-300x154.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>You can also log in to the WordPress dashboard by simply going to yoursite.com/wp-admin/ directly from your browser.</p>



<p>If you&#8217;re using a different WordPress website host such as <a href="https://www.wpbeginner.com/refer/siteground/"  rel="noopener nofollow" title="SiteGround web hosting">SiteGround</a>, <a href="https://www.wpbeginner.com/refer/hostinger/"  rel="noopener nofollow" title="Hostinger web hosting">Hostinger</a>, <a href="https://www.wpbeginner.com/refer/hostgator/"  rel="noopener nofollow" title="HostGator web hosting">HostGator</a>, or <a href="https://www.wpbeginner.com/refer/wpengine/"  rel="noopener nofollow" title="WP Engine web hosting">WP Engine</a>, then you can see our complete guide on <a href="https://www.wpbeginner.com/wp-tutorials/how-to-install-wordpress-on-your-site/" title="How to Install WordPress – Complete WordPress Installation Tutorial">how to install WordPress</a> for all the top hosting providers. </p>



<p>Once WordPress is setup, you’re ready to start building a five-star restaurant website. </p>



<h4>Step 3. Select a Restaurant Theme</h4>



<p>WordPress themes are professionally designed templates that change how your restaurant site looks and acts.</p>



<p>By default, each WordPress site comes with a basic theme. If you visit your website, then it will look something like this:</p>



<figure class="wp-block-image size-full"><img width="680" height="383" src="https://www.wpbeginner.com/wp-content/uploads/2023/01/wordpress-default-theme.png" alt="The default WordPress theme" class="wp-image-162121" srcset="https://www.wpbeginner.com/wp-content/uploads/2023/01/wordpress-default-theme.png 680w, https://www.wpbeginner.com/wp-content/uploads/2023/01/wordpress-default-theme-300x169.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>This is not very appealing for most customers, so you&#8217;ll usually want to replace the default WordPress theme. </p>



<p>There are lots of different premium and <a href="https://www.wpbeginner.com/showcase/21-best-free-wordpress-business-themes/" title="Best Free WordPress Business Themes">free WordPress business themes</a> to choose from. You can generally categorize these as <a href="https://www.wpbeginner.com/showcase/best-wordpress-multi-purpose-themes/" title="Best WordPress Multipurpose Themes">multipurpose WordPress themes</a>, or niche industry themes. </p>



<p>Your typical restaurant website needs special features, like the ability to show a menu, photos, location information, business hours, and more. </p>



<p>With that in mind, it makes sense to look for a theme that&#8217;s designed for the food or hospitality industry. To help you out, we&#8217;ve collected the <a href="https://www.wpbeginner.com/showcase/best-wordpress-themes-for-restaurants/" title="Best WordPress Restaurant Themes">best WordPress restaurant themes</a>. </p>



<p>You can also use a website and landing page builder plugin such as&nbsp;<a href="https://www.seedprod.com/"  title="SeedProd - Best Drag &amp; Drop WordPress Website Builder" rel="noopener">SeedProd</a>.</p>



<figure class="wp-block-image size-full"><img width="680" height="382" src="https://www.wpbeginner.com/wp-content/uploads/2023/01/seedprod-page-builder.png" alt="The SeedProd page builder" class="wp-image-162122" srcset="https://www.wpbeginner.com/wp-content/uploads/2023/01/seedprod-page-builder.png 680w, https://www.wpbeginner.com/wp-content/uploads/2023/01/seedprod-page-builder-300x169.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>SeedProd is the <a href="https://www.wpbeginner.com/beginners-guide/best-drag-and-drop-page-builders-for-wordpress/" title="Best Drag and Drop WordPress Page Builders Compared">best drag and drop WordPress page builder</a> and comes with built-in templates that you can use to build a professionally-designed restaurant website. </p>



<p>These templates include a menu, food photos, pricing,&nbsp;<a href="https://www.wpbeginner.com/showcase/best-wordpress-themes-for-recipe-blogs/" title="Best WordPress Themes for Recipe Blogs">recipes</a>, and more. </p>



<figure class="wp-block-image size-full"><img width="680" height="387" src="https://www.wpbeginner.com/wp-content/uploads/2023/01/seedprod-restaurant-template.png" alt="One of SeedProd's ready-made restaurant templates" class="wp-image-162123" srcset="https://www.wpbeginner.com/wp-content/uploads/2023/01/seedprod-restaurant-template.png 680w, https://www.wpbeginner.com/wp-content/uploads/2023/01/seedprod-restaurant-template-300x171.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>Once you&#8217;ve chosen a restaurant theme, please see our step-by-step guide on <a href="https://www.wpbeginner.com/beginners-guide/how-to-install-a-wordpress-theme/" title="Beginners Guide: How to Install a WordPress Theme">how to install a WordPress theme</a>. </p>



<p>After installing your theme, you may want to customize it by going to <strong>Appearance » Customize</strong> in the WordPress dashboard. </p>



<p>This will launch the&nbsp;<a href="https://www.wpbeginner.com/beginners-guide/how-to-use-wordpress-theme-customizer/" title="How to Use WordPress Theme Customizer Like a Pro (Ultimate Guide)">theme customizer</a>&nbsp;where you can fine-tune the theme settings and see your changes in the live preview. </p>



<figure class="wp-block-image size-full"><img width="680" height="362" src="https://www.wpbeginner.com/wp-content/uploads/2023/01/wordpress-appearance-customizer.png" alt="The WordPress theme customizer" class="wp-image-162125" srcset="https://www.wpbeginner.com/wp-content/uploads/2023/01/wordpress-appearance-customizer.png 680w, https://www.wpbeginner.com/wp-content/uploads/2023/01/wordpress-appearance-customizer-300x160.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>If you’re using one of the newer&nbsp;<a href="https://www.wpbeginner.com/showcase/best-wordpress-full-site-editing-themes/" title="Best Block Themes for Full Site Editing in WordPress">full site editing themes</a>, then you&#8217;ll see the option for <strong>Appearance <strong>»</strong></strong> <strong>Editor</strong>, which uses blocks similar to the <a href="https://www.wpbeginner.com/beginners-guide/14-tips-for-mastering-the-wordpress-visual-editor/" title="16 Tips for Mastering the WordPress Content Editor">content editor</a> to customize your site.</p>



<p><strong>Pro Tip: </strong>No matter what theme you&#8217;re using, neither the default WordPress customizer nor the full site editing offers a user-friendly drag and drop customization experience. For that reason, we recommend using a page builder like SeedProd to customize your theme. </p>



<p>Just remember that you can always return to this screen and continue customizing your theme. You can even completely <a href="https://www.wpbeginner.com/beginners-guide/how-to-properly-change-a-wordpress-theme/" title="How to Properly Change a WordPress Theme (Ultimate Guide)">change your WordPress theme</a> at any point. </p>



<h4>Step 4. Create a Custom Home Page</h4>



<p>WordPress has two two default content types called&nbsp;<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">posts and pages</a>. </p>



<p>You&#8217;ll typically use posts to create articles and blogs. By default, the home page shows these posts in reverse chronological order, so the newest content appears at the top of the list. </p>



<figure class="wp-block-image size-full"><img width="680" height="387" src="https://www.wpbeginner.com/wp-content/uploads/2023/01/wordpress-blog-list.png" alt="A list of WordPress blog posts" class="wp-image-162126" srcset="https://www.wpbeginner.com/wp-content/uploads/2023/01/wordpress-blog-list.png 680w, https://www.wpbeginner.com/wp-content/uploads/2023/01/wordpress-blog-list-300x171.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>You might use a blog to build a stronger relationship with their customers, improve your <a href="https://www.wpbeginner.com/wordpress-seo/" title="Ultimate WordPress SEO Guide for Beginners (Step by Step)">WordPress SEO</a>, and get more traffic to your restaurant website. For example, you could write about recipes, share cooking tips, or blog about the latest restaurant industry news.  </p>



<p>However, even if you plan to publish blog posts, you typically won&#8217;t show these on the home page. Instead, we recommend creating a custom home page that introduces your business to new visitors. </p>



<p>For step-by-step instructions on how to create an attention-grabbing restaurant home page, please see our guide on <a href="https://www.wpbeginner.com/wp-themes/how-to-create-a-custom-homepage-in-wordpress/" title="How to Create a Custom Home Page in WordPress">how to create a custom home page in WordPress</a>.</p>



<p>Once you&#8217;re happy with the page&#8217;s design, it&#8217;s time to set it as your home page. To do this, go to&nbsp;<strong>Settings » Reading</strong>&nbsp;in the WordPress dashboard.</p>



<figure class="wp-block-image size-full"><img width="680" height="335" src="https://www.wpbeginner.com/wp-content/uploads/2023/01/wordpress-reading-settings.png" alt="Adding a static home page to your WordPress website" class="wp-image-162045" srcset="https://www.wpbeginner.com/wp-content/uploads/2023/01/wordpress-reading-settings.png 680w, https://www.wpbeginner.com/wp-content/uploads/2023/01/wordpress-reading-settings-300x148.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>Here, scroll to ‘Your homepage settings’ and select ‘A static page.’</p>



<p>Next, open the ‘Homepage’ dropdown and choose the page that you want to use.</p>



<figure class="wp-block-image size-full"><img width="680" height="322" src="https://www.wpbeginner.com/wp-content/uploads/2023/01/static-wordpress-homepage.png" alt="Adding a static home page to your WordPress restaurant website" class="wp-image-162046" srcset="https://www.wpbeginner.com/wp-content/uploads/2023/01/static-wordpress-homepage.png 680w, https://www.wpbeginner.com/wp-content/uploads/2023/01/static-wordpress-homepage-300x142.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>Then, simply scroll to the bottom of the screen and click on ‘Save Changes.’ Now, if you visit your website you&#8217;ll see the new home page in action. </p>



<p>If you are going to write blogs, then make sure you create a&nbsp;<a href="https://www.wpbeginner.com/wp-tutorials/how-to-create-a-separate-page-for-blog-posts-in-wordpress/" title="How to Create a Separate Page for Blog Posts in WordPress">separate blog page</a>&nbsp;to display your posts. If you don’t, then customers will struggle to find your latest <a href="https://www.wpbeginner.com/start-a-wordpress-blog/" title="How to Start a WordPress Blog – Beginners Guide (UPDATED)">WordPress blogs</a>.</p>



<h4>Step 5. Create an Online Restaurant Menu</h4>



<p>Even long-term, loyal customers may want to look at your menu from time to time. By publishing your menu online, customers can look at it any time of day or night. </p>



<p>Publishing a menu can also help convince new customers to visit your restaurant. </p>



<p>It is possible to <a href="https://www.wpbeginner.com/beginners-guide/how-to-upload-pdf-files-to-your-wordpress-site/" title="How to Upload PDF Files to Your WordPress Site">upload PDF files to your WordPress website</a>. However, downloading a PDF menu can be difficult depending on the customer&#8217;s data plan and internet connection, and they&#8217;re non-responsive so they can be hard to read on some devices.</p>



<p>Plus, if you add new dishes or change your pricing, then you&#8217;ll also need to upload a completely new PDF. </p>



<p>For that reason, we recommend using SeedProd&nbsp;to add an online menu to your WordPress website. SeedProd also allows you to create a&nbsp;<a href="https://www.wpbeginner.com/glossary/responsive-theme/" title="What is: Responsive Theme">mobile responsive</a>&nbsp;menu that looks great on every device.</p>



<figure class="wp-block-image size-full"><img width="680" height="370" src="https://www.wpbeginner.com/wp-content/uploads/2023/01/seedprod-menu-template.png" alt="One of SeedProd's professionally-designed restaurant templates" class="wp-image-162127" srcset="https://www.wpbeginner.com/wp-content/uploads/2023/01/seedprod-menu-template.png 680w, https://www.wpbeginner.com/wp-content/uploads/2023/01/seedprod-menu-template-300x163.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>You can also easily update the menu as you add new dishes, change the prices, remove dishes, and more. </p>



<p>SeedProd even comes with a ‘Menu Sales Page’ template that&#8217;s perfect for creating a menu. </p>



<figure class="wp-block-image size-full"><img width="680" height="387" src="https://www.wpbeginner.com/wp-content/uploads/2023/01/seedprod-menu-sales.png" alt="A restaurant menu, created using SeedProd" class="wp-image-162128" srcset="https://www.wpbeginner.com/wp-content/uploads/2023/01/seedprod-menu-sales.png 680w, https://www.wpbeginner.com/wp-content/uploads/2023/01/seedprod-menu-sales-300x171.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>For detailed instructions, please see our guide <a href="https://www.wpbeginner.com/wp-tutorials/how-to-create-an-online-restaurant-menu-in-wordpress/" title="How to Create an Online Restaurant Menu in WordPress (Step by Step)">on how to create an online restaurant menu</a>.</p>



<h4>Step 6. Set Up Online Food Ordering</h4>



<p>Many restaurants allow customers to order food online. For example, you might give customers the option to pre-order their meal or place an order for delivery.</p>



<p>It may sound technical, but you can easily add online food ordering to your website using the <a href="https://wpforms.com/"  rel="noopener" title="The WPForms form builder plugin for WordPress">WPForms</a> plugin. </p>



<figure class="wp-block-image size-full"><img width="680" height="380" src="https://www.wpbeginner.com/wp-content/uploads/2023/01/wpforms-form-builder.png" alt="The WPForms form builder plugin for WordPress" class="wp-image-162129" srcset="https://www.wpbeginner.com/wp-content/uploads/2023/01/wpforms-form-builder.png 680w, https://www.wpbeginner.com/wp-content/uploads/2023/01/wpforms-form-builder-300x168.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>WPForms is the&nbsp;<a href="https://www.wpbeginner.com/plugins/5-best-contact-form-plugins-for-wordpress-compared/" title="Best Contact Form Plugins for WordPress Compared">best WordPress form builder</a>&nbsp;that allows you to create online order forms for all kinds of products and services. </p>



<p>It even comes with a ready-made ‘Takeout Order Form&#8217; that you can customize to suit your restaurant website.</p>



<figure class="wp-block-image size-full"><img width="680" height="370" src="https://www.wpbeginner.com/wp-content/uploads/2023/01/wpforms-takeout-order.png" alt="Adding an online takeaway order form to your WordPress website" class="wp-image-162132" srcset="https://www.wpbeginner.com/wp-content/uploads/2023/01/wpforms-takeout-order.png 680w, https://www.wpbeginner.com/wp-content/uploads/2023/01/wpforms-takeout-order-300x163.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>Every time someone completes the form, WPForms will notify you automatically so you can start working on that order straight away. </p>



<p>If you don&#8217;t want to accept cash on delivery, then WPForms supports all of the best payment gateways including <a href="https://www.wpbeginner.com/plugins/how-to-add-a-paypal-payment-form-in-wordpress/" title="How to Add a PayPal Payment Form in WordPress (Step by Step)">PayPal</a> and <a href="https://www.wpbeginner.com/plugins/how-to-accept-payments-with-stripe-in-wordpress/" title="How to Accept Payments with Stripe in WordPress">Stripe</a>. This allows you to accept payments securely online, which is quick and convenient for your customers.</p>



<figure class="wp-block-image size-full"><img width="680" height="336" src="https://www.wpbeginner.com/wp-content/uploads/2023/01/wpforms-paypal-payment.png" alt="Accepting online payments for your restaurant website" class="wp-image-162133" srcset="https://www.wpbeginner.com/wp-content/uploads/2023/01/wpforms-paypal-payment.png 680w, https://www.wpbeginner.com/wp-content/uploads/2023/01/wpforms-paypal-payment-300x148.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>For step-by-step instructions, please see our guide on <a href="https://www.wpbeginner.com/wp-tutorials/how-to-set-up-online-food-ordering-for-restaurants-in-wordpress/" title="How to Set Up Online Food Ordering for Restaurants in WordPress">how to set up food ordering for restaurants in WordPress</a>.</p>



<h4>Step 7. Add a Restaurant Booking Form</h4>



<p>Today, most people expect to be able to book appointments through an automated system. </p>



<p>By adding a booking form to your restaurant website, you can accept reservations at any time of the day or night. You’ll never lose another customer just because you weren’t around to answer the phone.&nbsp;</p>



<p>Booking forms can also&nbsp;<a href="https://www.wpbeginner.com/plugins/how-to-create-automated-workflows-in-wordpress-with-uncanny-automator/" title="How to Create Automated Workflows in WordPress with Uncanny Automator">automate</a>&nbsp;a lot of the booking process. This includes&nbsp;<a href="https://www.wpbeginner.com/wp-tutorials/how-to-easily-accept-credit-card-payments-on-your-wordpress-site/" title="How to Easily Accept Credit Card Payments on Your WordPress Site">collecting payments</a>&nbsp;and emailing your customers to remind them about their upcoming booking. </p>



<p>You can easily add a restaurant booking form to your website using WPForms. This plugin has a ready-made dinner reservation form template that you can customize for your restaurant. </p>



<figure class="wp-block-image size-full"><img width="680" height="387" src="https://www.wpbeginner.com/wp-content/uploads/2023/01/reserve-restaurant-table.png" alt="How to accept online bookings on a restaurant website" class="wp-image-162134" srcset="https://www.wpbeginner.com/wp-content/uploads/2023/01/reserve-restaurant-table.png 680w, https://www.wpbeginner.com/wp-content/uploads/2023/01/reserve-restaurant-table-300x171.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>WPForms also integrates with all of the&nbsp;<a href="https://www.wpbeginner.com/showcase/best-email-marketing-services/" title="Best Email Marketing Services for Small Business">top email marketing providers</a>. This makes it easy to send reservation confirmation emails to your customers. </p>



<p>As their booking approaches, you can even send the customer a reminder email, ask them to share any dietary requirements, send a pre-order form, and more. </p>



<figure class="wp-block-image size-full"><img width="680" height="317" src="https://www.wpbeginner.com/wp-content/uploads/2023/01/wpforms-email-notifications.png" alt="Creating email notifications for your booking form" class="wp-image-162135" srcset="https://www.wpbeginner.com/wp-content/uploads/2023/01/wpforms-email-notifications.png 680w, https://www.wpbeginner.com/wp-content/uploads/2023/01/wpforms-email-notifications-300x140.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>To learn more about adding a reservation form to your WordPress website, please see our guide on <a href="https://www.wpbeginner.com/plugins/how-to-create-a-booking-form-in-wordpress/" title="How to Create a Booking Form in WordPress">how to create a booking form in WordPress</a>.</p>



<h4>Step 8. Add a Contact Us Form</h4>



<p>Even if you use a <a href="https://www.wpbeginner.com/plugins/5-best-wordpress-appointment-and-booking-plugins/" title="Best WordPress Appointment and Booking Plugins">WordPress appointment and booking plugin</a>, some customers may still need to talk to you directly. </p>



<p>While visitors could ring your <a href="https://www.wpbeginner.com/showcase/best-business-phone-services/" title="Best Business Phone Services for Small Business">phone number</a> or send a message to your <a href="https://www.wpbeginner.com/beginners-guide/how-to-create-a-free-business-email-address-in-5-minutes-step-by-step/" title="How to Create a Free Business Email Address (in 5 Minutes)">business email address</a>, we always recommend adding a contact form to your website.</p>



<figure class="wp-block-image size-full"><img width="680" height="363" src="https://www.wpbeginner.com/wp-content/uploads/2023/01/contact-form-example.png" alt="An example of a contact form" class="wp-image-162136" srcset="https://www.wpbeginner.com/wp-content/uploads/2023/01/contact-form-example.png 680w, https://www.wpbeginner.com/wp-content/uploads/2023/01/contact-form-example-300x160.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>Most of the best contact form plugins come with built-in spam protection, so you won&#8217;t get any <a href="https://www.wpbeginner.com/plugins/how-to-block-contact-form-spam-in-wordpress/" title="How to Block Contact Form Spam in WordPress (Proven Ways)">contact form spam</a>. A form will also collect consistent information from visitors, so you&#8217;ll have all the data you need to write a helpful reply.</p>



<p>The easiest way to add a contact form to your WordPress website is by using the <a href="https://wordpress.org/plugins/wpforms-lite"  rel="noopener nofollow" title="Free version of WPForms Contact Form builder plugin">free WPForms plugin</a>. </p>



<p>This free plugin comes with a built-in Simple Contact Form template that you can quickly customize using the drag and drop editor. </p>



<figure class="wp-block-image size-full"><img width="680" height="387" src="https://www.wpbeginner.com/wp-content/uploads/2023/01/wpforms-contact-template.png" alt="WPForms' contact form template" class="wp-image-162138" srcset="https://www.wpbeginner.com/wp-content/uploads/2023/01/wpforms-contact-template.png 680w, https://www.wpbeginner.com/wp-content/uploads/2023/01/wpforms-contact-template-300x171.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>Then, simply add the form to any page, post, or widget-ready area using the ready-made WPForms block. </p>



<p>For detailed instructions, see our guide on <a href="https://www.wpbeginner.com/beginners-guide/how-to-create-a-contact-form-in-wordpress/" title="How to Create a Contact Form in WordPress (Step by Step)">how to create a contact form in WordPress</a>.</p>



<h4>Step 9. Add a Navigation Menu </h4>



<p>Once you&#8217;ve added some content to your restaurant website, you&#8217;ll want to help visitors find their way around those pages and posts by adding a navigation menu.</p>



<figure class="wp-block-image size-full"><img width="680" height="360" src="https://www.wpbeginner.com/wp-content/uploads/2023/01/restuarant-menu-example.jpeg" alt="An example of a restaurant menu, created using WordPress" class="wp-image-162114" srcset="https://www.wpbeginner.com/wp-content/uploads/2023/01/restuarant-menu-example.jpeg 680w, https://www.wpbeginner.com/wp-content/uploads/2023/01/restuarant-menu-example-300x159.jpeg 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>No matter what theme you&#8217;re using, WordPress makes it really easy to add menus and sub-menus to your restaurant website. &nbsp;</p>



<p>For a complete guide, please see our post on <a href="https://www.wpbeginner.com/beginners-guide/how-to-add-navigation-menu-in-wordpress-beginners-guide/">how to add a navigation menu</a>.</p>



<figure class="wp-block-image size-full"><img width="680" height="371" src="https://www.wpbeginner.com/wp-content/uploads/2023/01/wordpress-menu-settings.png" alt="The WordPress menu settings" class="wp-image-162113" srcset="https://www.wpbeginner.com/wp-content/uploads/2023/01/wordpress-menu-settings.png 680w, https://www.wpbeginner.com/wp-content/uploads/2023/01/wordpress-menu-settings-300x164.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<h4>Step 10. Add Social Proof to Your Restaurant Website</h4>



<p><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> is one of the best ways to earn customer trust, and convince new people to visit your restaurant. After all, we&#8217;re more likely to try things that we see other people buying, using, or recommending.</p>



<p>People love sharing food photos on sites like Instagram and Facebook. With that in mind, we recommend <a href="https://www.wpbeginner.com/plugins/how-to-add-your-social-media-feeds-to-wordpress-step-by-step/" title="How to Add Your Social Media Feeds to WordPress (Step by Step)">adding social media feeds to your WordPress website</a>. </p>



<p><a href="https://smashballoon.com/instagram-feed"  title="Smash Balloon Instagram Feed plugin for WordPress" rel="noopener">Smash Balloon Instagram Feed</a> is one of the <a href="https://www.wpbeginner.com/showcase/best-instagram-plugins-for-wordpress-easy-to-use/" title="Best Instagram WordPress Plugins (Compared)">best Instagram plugins for WordPress</a>, and it allows you to easily show other people’s photos on your site. </p>



<p>Using this plugin, you can create a hashtag feed and show photos that customers have tagged your account in. This includes photos of your food, venue, and shots of customers having fun at your restaurant. </p>



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



<p>For detailed step-by-step instructions, please see our guide on&nbsp;<a href="https://www.wpbeginner.com/wp-tutorials/how-to-create-a-custom-instagram-photo-feed-in-wordpress/" title="How to Create a Custom Instagram Photo Feed in WordPress">how to create a custom Instagram feed in WordPress</a>.</p>



<p>If your customers regularly tweet about your restaurant, then <a href="https://smashballoon.com/custom-twitter-feeds"  title="Smash Balloon Twitter Feed for WordPress" rel="noopener">Smash Balloon Twitter Feed</a> also lets you create hashtag and mention feeds. </p>



<figure class="wp-block-image size-full"><img width="680" height="387" src="https://www.wpbeginner.com/wp-content/uploads/2023/01/smash-balloon-twitter.png" alt="A Smash Balloon Twitter feed" class="wp-image-162140" srcset="https://www.wpbeginner.com/wp-content/uploads/2023/01/smash-balloon-twitter.png 680w, https://www.wpbeginner.com/wp-content/uploads/2023/01/smash-balloon-twitter-300x171.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>For more instructions on adding a Twitter feed to WordPress, see our guide on&nbsp;<a href="https://www.wpbeginner.com/plugins/how-to-embed-actual-tweets-in-wordpress-blog-posts/" title="How to Embed Actual Tweets in WordPress Blog Posts">how to embed tweets in WordPress</a>.</p>



<h4>Step 11. Show Customer Reviews</h4>



<p>Customer reviews and testimonials can provide visitors with more information, and may even solve any question or worries customers have about visiting your restaurant. </p>



<p>If you already have a Facebook page, then it&#8217;s easy to <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 your Facebook reviews in WordPress</a> using <a href="https://smashballoon.com/custom-facebook-feed"  title="Smash Balloon Facebook Feed plugin for WordPress" rel="noopener">Smash Balloon Facebook Feed</a>.</p>



<figure class="wp-block-image size-full"><img width="680" height="387" src="https://www.wpbeginner.com/wp-content/uploads/2023/01/facebook-reviews-smashballoon.png" alt="Facebook reviews, embedded in a WordPress website" class="wp-image-162110" srcset="https://www.wpbeginner.com/wp-content/uploads/2023/01/facebook-reviews-smashballoon.png 680w, https://www.wpbeginner.com/wp-content/uploads/2023/01/facebook-reviews-smashballoon-300x171.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>If you want to show reviews from other platforms like Yelp or Google My Business, then there&#8217;s also plenty of <a href="https://www.wpbeginner.com/showcase/best-customer-reviews-plugins-for-wordpress-compared/" title="Best Customer Reviews Plugins for WordPress Compared">customer review plugins for WordPress</a> that you can use. </p>



<p>These plugins will collect reviews automatically and then organize them into a nice layout on your restaurant website. </p>



<figure class="wp-block-image size-full"><img width="680" height="350" src="https://www.wpbeginner.com/wp-content/uploads/2023/01/smashballoon-customer-reviews.png" alt="Customer reviews embedded on a WordPress website" class="wp-image-162115" srcset="https://www.wpbeginner.com/wp-content/uploads/2023/01/smashballoon-customer-reviews.png 680w, https://www.wpbeginner.com/wp-content/uploads/2023/01/smashballoon-customer-reviews-300x154.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>If you do <a href="https://www.wpbeginner.com/plugins/how-to-add-a-customer-reviews-page-in-wordpress/" title="How to Add a Customer Reviews Page in WordPress">add a customer review page in WordPress</a>, then don&#8217;t forget to add it to your navigation menu too. </p>



<p>Don&#8217;t have any reviews to feature on your website? Then it&#8217;s time to start asking for them. </p>



<p>WPForms has a a ready-made&nbsp;Restaurant Review Form template that you can add to your website. </p>



<figure class="wp-block-image size-full"><img width="680" height="387" src="https://www.wpbeginner.com/wp-content/uploads/2023/01/restaurant-review-form.png" alt="A restaurant review form, created using WPForms" class="wp-image-162142" srcset="https://www.wpbeginner.com/wp-content/uploads/2023/01/restaurant-review-form.png 680w, https://www.wpbeginner.com/wp-content/uploads/2023/01/restaurant-review-form-300x171.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<h4>Bonus Tips to Grow Your Restaurant Website</h4>



<p>Now that you have setup your restaurant website, here are some top tips that you can use to grow your online business:</p>



<ul><li>Setup <a href="https://aioseo.com/"  title="All in One SEO - WordPress SEO Plugin and Toolkit" rel="noopener">AIOSEO plugin</a> to improve your website&#8217;s SEO ranking. There&#8217;s a <a href="https://wordpress.org/plugins/all-in-one-seo-pack"  title="Free version of All in One SEO Plugin" rel="noopener">free version</a> available as well.</li><li>Follow our <a href="https://www.wpbeginner.com/wordpress-seo/" title="Ultimate WordPress SEO Guide for Beginners (Step by Step)">ultimate WordPress SEO guide</a> for more tips to outrank your competitor.</li><li>See our <a href="https://www.wpbeginner.com/beginners-guide/how-to-increase-your-blog-traffic/" title="How to Increase Your Blog Traffic – The Easy Way (27 Proven Tips)">proven tips to boost your website&#8217;s traffic</a>.</li><li>Setup a <a href="https://www.wpbeginner.com/showcase/best-virtual-business-phone-number-apps-free-options/" title="7 Best Virtual Business Phone Number Apps in 2023 (w/ Free Options)">business phone number</a> to increase your bookings and create a <a href="https://www.wpbeginner.com/beginners-guide/how-to-create-a-free-business-email-address-in-5-minutes-step-by-step/" title="How to Create a Free Business Email Address (in 5 Minutes)">business email address</a> to make your business look more professional.</li></ul>



<p>We hope this tutorial helped you learn how to create a restaurant website with WordPress. You may also want to see our <a href="https://www.wpbeginner.com/wordpress-security/" title="The Ultimate WordPress Security Guide – Step by Step (2023)">ultimate WordPress security guide</a> and our expert pick of the <a href="https://www.wpbeginner.com/showcase/24-must-have-wordpress-plugins-for-business-websites/" title="24 Must Have WordPress Plugins for Business Websites">must have WordPress plugins</a> that you should install on all business sites.</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-create-a-restaurant-website-with-wordpress/">How to Easily Create a Restaurant Website with 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-easily-create-a-restaurant-website-with-wordpress/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
<enclosure url="" length="0" type="" />
		</item>
		<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 Albums in WordPress</title>
		<link>http://www.wpwife.com/tutorials/how-to-embed-facebook-albums-in-wordpress</link>
		<comments>http://www.wpwife.com/tutorials/how-to-embed-facebook-albums-in-wordpress#comments</comments>
		<pubDate>Fri, 20 Jan 2023 18:51:00 +0000</pubDate>
		<dc:creator><![CDATA[Editorial Staff]]></dc:creator>
				<category><![CDATA[embed facebook albums in wordpress]]></category>
		<category><![CDATA[smash balloon facebook feed]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">https://www.wpbeginner.com/?p=81187</guid>
		<description><![CDATA[
<p>Do you want to embed Facebook albums in WordPress? Embedding Facebook albums is a great way to get more engagement on both your WordPress website and your Facebook page. It can also grow your social media following. In this article, we&#8217;ll show you how to&#8230;&#160;<strong><a href="https://www.wpbeginner.com/wp-tutorials/how-to-embed-facebook-albums-in-wordpress/">Read More &#187;</a></strong></p>
<p>The post <a href="https://www.wpbeginner.com/wp-tutorials/how-to-embed-facebook-albums-in-wordpress/">How to Embed Facebook Albums in WordPress</a> first appeared on <a href="https://www.wpbeginner.com/">WPBeginner</a>.</p>
]]></description>
				<content:encoded><![CDATA[<p>Do you want to embed Facebook albums in WordPress?</p>



<p>Embedding Facebook albums is a great way to get more engagement on both your WordPress website and your Facebook page. It can also grow your social media following. </p>



<p>In this article, we’ll show you how to easily embed Facebook albums in WordPress.</p>



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



<h4>Embedding a Facebook Album in WordPress</h4>



<p>Showing albums on your <a href="https://www.wpbeginner.com/guides/" title="How to Make a WordPress Website (Ultimate Guide)">WordPress website</a> can make your pages more engaging. </p>



<p>As you add more photos to Facebook, they&#8217;ll appear on your site automatically, so it&#8217;s also a great way to keep your website fresh, even for regular visitors. </p>



<p>You can even use embedded albums to promote your Facebook page. If visitors see lots of interesting photos then they&#8217;ll want to follow you on Facebook. This can get you some extra followers and more engagement. </p>



<p>WordPress used to come with built-in embed support for Facebook albums. Just like you <a href="https://www.wpbeginner.com/beginners-guide/how-to-easily-embed-videos-in-wordpress-blog-posts/" title="How to Easily Embed Videos in WordPress Blog Posts">embed a YouTube video</a>, you could simply copy and paste the URL of any Facebook album and WordPress would display that album automatically.  </p>



<p>However, Facebook and Instagram have since made changes to their API. These changes make it impossible for WordPress to continue oEmbed support for Facebook and Instagram.</p>



<p>If you try to embed a link to an album, then WordPress will tell you that &#8216;Sorry, this content could not be embedded.&#8217;</p>



<figure class="wp-block-image size-full"><img width="680" height="347" src="https://www.wpbeginner.com/wp-content/uploads/2021/01/facebook-embed-error.png" alt="The Facebook album embed error" class="wp-image-152906" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/01/facebook-embed-error.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/01/facebook-embed-error-300x153.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>Thankfully, there is a way to <a href="https://www.wpbeginner.com/wp-tutorials/how-to-fix-the-facebook-and-instagram-oembed-issue-in-wordpress/" title="How to Fix the Facebook and Instagram oEmbed Issue in WordPress">fix Facebook and Instagram embeds in WordPress</a> using a plugin. </p>



<p>Let&#8217;s see how you can easily embed Facebook albums in WordPress, including how to show a specific album on any page or post. </p>



<h4>Installing a Facebook Album Plugin</h4>



<p>The best way to embed Facebook albums in WordPress is by using the <a href="https://smashballoon.com/custom-facebook-feed/"  rel="noopener" title="The Smash Balloon Custom Facebook Feed plugin">Smash Balloon Custom Facebook Feed plugin.</a></p>



<p>This plugin lets you show Facebook albums, comments, reviews, community posts and more on your site. </p>



<figure class="wp-block-image size-full"><img width="680" height="387" src="https://www.wpbeginner.com/wp-content/uploads/2021/01/facebook-albums-example.png" alt="How to embed Facebook photos in your WordPress website using Smash Balloon" class="wp-image-152748" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/01/facebook-albums-example.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/01/facebook-albums-example-300x171.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>It also lets visitors take a closer look at your photos and images without having to visit Facebook, by opening a lightbox popup on your website.</p>



<p>In this guide, we’ll be using the pro version of Smash Balloon as it allows you to embed Facebook albums, display videos, show photos in a <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">custom Facebook feed</a>, and more. However, there’s also a <a href="https://wordpress.org/plugins/custom-facebook-feed/"  rel="noopener" title="The free Smash Balloon Facebook WordPress plugin">free version</a> that allows you to create a custom Facebook feed for WordPress, no matter what your budget.</p>



<p>The first thing you need to do is install and activate the <a href="https://smashballoon.com/custom-facebook-feed/"  rel="noopener" title="The Smash Balloon Custom Facebook Feed plugin">Smash Balloon Custom Facebook Feed plugin</a>. 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>Upon activation, you’ll need to go to <strong>Facebook Feed » Settings</strong> and enter your license key into the ‘License Key’ field.</p>



<figure class="wp-block-image size-full"><img width="680" height="387" src="https://www.wpbeginner.com/wp-content/uploads/2021/01/license-smash-balloon.png" alt="Adding your license key to Smash Balloon" class="wp-image-152620" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/01/license-smash-balloon.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/01/license-smash-balloon-300x171.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>You’ll find this information under <a href="https://smashballoon.com/account/"  rel="noopener" title="Your Smash Balloon account">your account</a> on the Smash Balloon website.</p>



<p>After entering the key, click on the ‘Activate’ button.</p>



<h4 id="connect-fb-page">Connect Your Facebook Page or Group to WordPress</h4>



<p>Smash Balloon Custom Facebook Feed allows you to embed albums from your different Facebook pages and groups. You can even show the latest comments in a dropdown box below the photo, along with the like and shares. </p>



<p>To connect your Facebook page or group to WordPress, go to <strong>Facebook Feed » All Feeds</strong> and then click on ‘Add New.’</p>



<figure class="wp-block-image size-full"><img width="680" height="364" src="https://www.wpbeginner.com/wp-content/uploads/2021/01/adding-facebook-albums.png" alt="Adding a Facebook group or page to WordPress" class="wp-image-152621" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/01/adding-facebook-albums.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/01/adding-facebook-albums-300x161.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



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



<p>To embed your Facebook albums, you&#8217;ll need to click on &#8216;Albums&#8217; and then click on &#8216;Next.&#8217; </p>



<figure class="wp-block-image size-full"><img width="680" height="302" src="https://www.wpbeginner.com/wp-content/uploads/2021/01/creating-albums-timeline.png" alt="Choosing the Smash Balloon 'Albums' template" class="wp-image-152709" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/01/creating-albums-timeline.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/01/creating-albums-timeline-300x133.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>Now, you need to select the Facebook page or group where you’ll get the albums 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/01/add-album-source.png" alt="Choosing a source for your Facebook album" class="wp-image-152624" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/01/add-album-source.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/01/add-album-source-300x171.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>On the next screen, choose whether you want to show albums from a page or group.</p>



<p>After that, just 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/01/connecting-smashballoon-facebook.png" alt="How to connect Smash Balloon and WordPress to Facebook" class="wp-image-152626" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/01/connecting-smashballoon-facebook.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/01/connecting-smashballoon-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 where you want to embed albums from. </p>



<p>After making this decision, click on ‘Next.&#8217;</p>



<figure class="wp-block-image size-full"><img width="680" height="382" src="https://www.wpbeginner.com/wp-content/uploads/2021/01/connecting-facebook-accounts.png" alt="Choosing Facebook pages and groups to embed albums from" class="wp-image-152627" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/01/connecting-facebook-accounts.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/01/connecting-facebook-accounts-300x169.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>Once you&#8217;ve done that, Facebook will 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 albums and photos 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 being said, we recommend leaving 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/01/smashballoon-permissions-facebook.png" alt="Giving Smash Balloon access to your Facebook page" class="wp-image-152628" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/01/smashballoon-permissions-facebook.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/01/smashballoon-permissions-facebook-300x163.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>When you’re ready, 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, it&#8217;s time to click on ‘OK.’</p>



<figure class="wp-block-image size-full"><img width="680" height="335" src="https://www.wpbeginner.com/wp-content/uploads/2021/01/connected-facebook-wordpress.png" alt="How to connect Facebook albums to your WordPress website" class="wp-image-152629" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/01/connected-facebook-wordpress.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/01/connected-facebook-wordpress-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 Albums in WordPress</h4>



<p>You will now see a popup with the group or page you just linked to your  website. Simply select the radio button next to your source 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/01/selecting-facebook-page.png" alt="How to embed albums from a Facebook page or group" class="wp-image-152630" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/01/selecting-facebook-page.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/01/selecting-facebook-page-300x170.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



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



<p>After that, WordPress will take you back to the <strong>Facebook Feed » All Feeds</strong> page automatically. Just like before, click on the ‘Add New’ button, select &#8216;Albums&#8217; and then click on the &#8216;Next&#8217; 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/01/select-facebook-source.png" alt="Selecting a source for your Facebook album" class="wp-image-152631" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/01/select-facebook-source.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/01/select-facebook-source-300x167.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>On this screen, you can choose the template you&#8217;ll use as the starting point for your feed. All of these templates are fully customizable so you can fine-tune the design depending on how you want to show the Facebook albums on your website. </p>



<p>We&#8217;re using the ‘Default’ template, but you can choose any template you want.</p>



<figure class="wp-block-image size-full"><img width="680" height="375" src="https://www.wpbeginner.com/wp-content/uploads/2021/01/facebook-albums-template.png" alt="Choosing a template for your Facebook albums" class="wp-image-152710" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/01/facebook-albums-template.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/01/facebook-albums-template-300x165.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>With that done, click on the ‘Next’ button.</p>



<p>Smash Balloon will now go ahead and create an album feed based on your source and the template you&#8217;ve chosen. This is a good start, but you may want to fine-tune how the albums appear on your WordPress website.  </p>



<h4>How to Customize Your Embedded Facebook Albums</h4>



<p>The Smash Balloon Custom Facebook Feed plugin gives you lots of ways to customize how the albums are displayed. With that in mind, it’s worth seeing what changes you can make.</p>



<p>On the <strong>Facebook Feed » All Feeds</strong> screen, find your album feed and then click on its ‘Edit’ button, which looks like a small pencil.</p>



<figure class="wp-block-image size-full"><img width="680" height="327" src="https://www.wpbeginner.com/wp-content/uploads/2021/01/customizing-album-feed.png" alt="Customizing your Facebook albums feed" class="wp-image-152711" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/01/customizing-album-feed.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/01/customizing-album-feed-300x144.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



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



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



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



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



<p>On this screen, you can switch between different layouts, such as masonry and grid, and 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.</p>



<figure class="wp-block-image size-full"><img width="680" height="365" src="https://www.wpbeginner.com/wp-content/uploads/2021/01/albums-feed-layout.png" alt="Choosing a new feed layout in WordPress" class="wp-image-152713" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/01/albums-feed-layout.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/01/albums-feed-layout-300x161.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>By default, the feed will show the same number of posts on desktop computers and mobile devices such as smartphones.</p>



<p>You can preview how your albums 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="370" src="https://www.wpbeginner.com/wp-content/uploads/2021/01/previewing-mobile-albums.png" alt="Choosing a new feed layout in WordPress" class="wp-image-152714" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/01/previewing-mobile-albums.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/01/previewing-mobile-albums-300x163.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>Mobile devices usually have smaller screens and less processing power, so you may want to show fewer albums on tablets and smartphones. </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="381" src="https://www.wpbeginner.com/wp-content/uploads/2021/01/embedding-albums-mobile.png" alt="Changing how your embedded Facebook albums appear on mobile devices" class="wp-image-152715" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/01/embedding-albums-mobile.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/01/embedding-albums-mobile-300x168.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>By trying out different layouts you can create a custom feed that looks great, no matter what device the visitor is using.</p>



<p>By default, the Facebook feed shows less columns on smartphones and tablets, compared to desktop computers. This helps all your albums and photos 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 be unhappy with how the columns look on smartphones and tablets. If this is the case, then you can show fewer columns by changing the numbers in the ‘Columns’ section.</p>



<figure class="wp-block-image size-full"><img width="680" height="370" src="https://www.wpbeginner.com/wp-content/uploads/2021/01/changing-column-settings.png" alt="Changing the column layouts using Smash Balloon" class="wp-image-152716" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/01/changing-column-settings.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/01/changing-column-settings-300x163.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>When you’re happy with the changes you’ve made, 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 &#8216;Color Scheme.&#8217;</p>



<figure class="wp-block-image size-full"><img width="680" height="383" src="https://www.wpbeginner.com/wp-content/uploads/2021/01/smashballoon-color-settings.png" alt="Changing the color scheme for your Facebook photo feed" class="wp-image-152717" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/01/smashballoon-color-settings.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/01/smashballoon-color-settings-300x169.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 this screen allows you to switch to a ‘Light’ or ‘Dark&#8217; look,</p>



<p>You can also create your own color scheme by selecting &#8216;Custom&#8217; and then using 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="385" src="https://www.wpbeginner.com/wp-content/uploads/2021/01/smashballoon-custom-color.png" alt="Adding a custom color to your Facebook album feed" class="wp-image-152719" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/01/smashballoon-custom-color.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/01/smashballoon-custom-color-300x170.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 page or group.</p>



<p>To change how this section looks, 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/01/smashballoon-header-settings.png" alt="Customizing the header of your Facebook album feed" class="wp-image-152720" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/01/smashballoon-header-settings.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/01/smashballoon-header-settings-300x171.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>On this screen, you can change the size of the header, its color, hide or show your Facebook profile picture, and more.</p>



<p>If you want to remove the header completely, then click to turn off the &#8216;Enable&#8217; toggle. </p>



<figure class="wp-block-image size-full"><img width="680" height="387" src="https://www.wpbeginner.com/wp-content/uploads/2021/01/disable-feed-header.png" alt="How to embed Facebook albums in WordPress" class="wp-image-152721" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/01/disable-feed-header.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/01/disable-feed-header-300x171.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>By default, Smash Balloon shows the title of each album. If you want to hide the title, then select &#8216;Posts&#8217; from the main Smash Balloon editor menu.</p>



<p>Then, click on &#8216;Post Style.&#8217;</p>



<figure class="wp-block-image size-full"><img width="680" height="353" src="https://www.wpbeginner.com/wp-content/uploads/2021/01/smashballoon-post-style.png" alt="Changing the style of your Facebook album feed" class="wp-image-152722" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/01/smashballoon-post-style.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/01/smashballoon-post-style-300x156.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>Here, you can remove the album titles by clicking on the &#8216;Show album title&#8217; slider. </p>



<p>This can be useful if your album titles distract attention away from the photos, or they don&#8217;t make sense when embedded on your website. </p>



<figure class="wp-block-image size-full"><img width="680" height="323" src="https://www.wpbeginner.com/wp-content/uploads/2021/01/show-album-title.png" alt="Showing the album title in your WordPress Facebook feed" class="wp-image-152723" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/01/show-album-title.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/01/show-album-title-300x143.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>On this screen, you can also choose whether to show how many photos are in each album.</p>



<p>To add this number, simply click on the &#8216;Number of posts in album&#8217; toggle.</p>



<figure class="wp-block-image size-full"><img width="680" height="307" src="https://www.wpbeginner.com/wp-content/uploads/2021/01/number-posts-album.png" alt="Adding the number to Facebook albums in WordPress" class="wp-image-152731" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/01/number-posts-album.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/01/number-posts-album-300x135.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>By default, Smash Balloon doesn’t include the Facebook ‘like’ button in your feed. To get more Facebook followers, you may want to add this button by selecting ‘Like Box’ from the editor’s left-hand menu.</p>



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



<figure class="wp-block-image size-full"><img width="680" height="366" src="https://www.wpbeginner.com/wp-content/uploads/2021/01/facebook-albums-like.png" alt="Adding a 'like' button to your Facebook albums feed in WordPress" class="wp-image-152734" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/01/facebook-albums-like.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/01/facebook-albums-like-300x161.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>By default, Smash Balloon adds this button below your embedded photo albums, but you can change this by opening the &#8216;Position&#8217; dropdown and choosing &#8216;Top.&#8217;</p>



<p>On this screen you can also change how the &#8216;like&#8217; section looks including adding a custom call to action, showing how many people follow you on Facebook, and more.</p>



<figure class="wp-block-image size-full"><img width="680" height="387" src="https://www.wpbeginner.com/wp-content/uploads/2021/01/custom-like-facebook.png" alt="Customizing the Facebook follow button in WordPress" class="wp-image-152736" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/01/custom-like-facebook.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/01/custom-like-facebook-300x171.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>When you’re happy with how the ‘like’ button looks, you can move on to the ‘Load More Button’ screen.</p>



<p>The Load More button encourages visitors to scroll through more of your Facebook feed, so Smash Balloon adds it to your embedded photo albums by default.</p>



<figure class="wp-block-image size-full"><img width="680" height="380" src="https://www.wpbeginner.com/wp-content/uploads/2021/01/facebook-load-more.png" alt="Adding a 'Load More' button to a custom Facebook photos feed in WordPress" class="wp-image-152737" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/01/facebook-load-more.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/01/facebook-load-more-300x168.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>Since it&#8217;s such an important button, you can help Load More stand out by changing its background color, text color, and label.</p>



<p>Another option is to remove the button completely, by clicking the &#8216;Enable&#8217; toggle.</p>



<figure class="wp-block-image size-full"><img width="680" height="380" src="https://www.wpbeginner.com/wp-content/uploads/2021/01/removing-load-more.png" alt="Removing the 'Load More' button from embedded Facebook albums" class="wp-image-152738" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/01/removing-load-more.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/01/removing-load-more-300x168.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>By default, Smash Balloon allows visitors to look through your Facebook albums without leaving your website. </p>



<p>They can simply click on any album to open a lightbox, as you can see in the following image.</p>



<figure class="wp-block-image size-full"><img width="680" height="377" src="https://www.wpbeginner.com/wp-content/uploads/2021/01/smash-balloon-lightbox.png" alt="Smash Balloon's lightbox feature" class="wp-image-152749" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/01/smash-balloon-lightbox.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/01/smash-balloon-lightbox-300x166.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>The visitor can then use the arrows to scroll through the album.</p>



<p>If they want to like a photo, leave a comment, or share the image with their Facebook friends, then they can click on the &#8216;View on Facebook&#8217; link.</p>



<figure class="wp-block-image size-full"><img width="680" height="387" src="https://www.wpbeginner.com/wp-content/uploads/2021/01/lightbox-view-facebook.png" alt="Visiting a Facebook group or page from the lightbox" class="wp-image-152750" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/01/lightbox-view-facebook.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/01/lightbox-view-facebook-300x171.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>There are a few different ways that you can customize the default lightbox.</p>



<p>To see your options, click on &#8216;Lightbox&#8217; 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/01/smashballoon-lightbox-settings.png" alt="Customizing the Facebook photos lightbox" class="wp-image-152751" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/01/smashballoon-lightbox-settings.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/01/smashballoon-lightbox-settings-300x171.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>Here, you can change the color of the lightbox&#8217;s text, links, and background colors.</p>



<p>The lightbox feature makes it easy for people to engage with your photos, but it also allows people to scroll through your albums without visiting your Facebook page. If you want to get more visitors to your Facebook page then you can disable the lightbox feature by clicking on the &#8216;Enable&#8217; toggle.</p>



<figure class="wp-block-image size-full"><img width="680" height="387" src="https://www.wpbeginner.com/wp-content/uploads/2021/01/disabling-lightbox-feature.png" alt="Disabling the lightbox feature on your WordPress website" class="wp-image-152752" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/01/disabling-lightbox-feature.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/01/disabling-lightbox-feature-300x171.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>Now, if a visitor clicks on an album they will be redirected to your Facebook page in a new tab. </p>



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



<p>You’re now ready to add these albums to your WordPress website.</p>



<h4>How to Add Facebook Albums to WordPress</h4>



<p>You can add your Facebook albums 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&#8217;s code if you’re going to use a block or widget.</p>



<p>Simply go to <strong>Facebook Feed »</strong> <strong>All Feeds </strong>and then look at the <code>feed=""</code> part of the shortcode. You&#8217;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="4"</code>.</p>



<figure class="wp-block-image size-full"><img width="680" height="307" src="https://www.wpbeginner.com/wp-content/uploads/2021/01/smashballoon-feed-shortcode.png" alt="Embedding Facebook albums using code" class="wp-image-152739" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/01/smashballoon-feed-shortcode.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/01/smashballoon-feed-shortcode-300x135.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>If you want to embed your Facebook albums in a page or post, then you’ll typically use the Custom Facebook Feed block.</p>



<p>Simply open the page or post where you want to embed your albums. 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 your page or post.</p>



<figure class="wp-block-image size-full"><img width="680" height="368" src="https://www.wpbeginner.com/wp-content/uploads/2021/01/facebook-feed-block.png" alt="How to add a Custom Facebook Feed block to WordPress" class="wp-image-152740" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/01/facebook-feed-block.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/01/facebook-feed-block-300x162.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. After that, click on ‘Apply Changes.’</p>



<figure class="wp-block-image size-full"><img width="680" height="337" src="https://www.wpbeginner.com/wp-content/uploads/2021/01/embedding-facebook-albums-1.png" alt="Embedding Facebook photos in WordPress" class="wp-image-152921" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/01/embedding-facebook-albums-1.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/01/embedding-facebook-albums-1-300x150.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>The block will now show the albums from your Facebook page or group. Just publish or update the page to make the albums live on your website.</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 Facebook photos from any page of your site. </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/01/facebook-photo-widget.png" alt="Adding Facebook albums to your website's sidebar" class="wp-image-152672" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/01/facebook-photo-widget.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/01/facebook-photo-widget-300x144.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>Once you&#8217;ve done that, find the Custom Facebook Feed widget.</p>



<p>Then, just drag it onto the area where you want to show the feed.</p>



<figure class="wp-block-image size-full"><img width="680" height="387" src="https://www.wpbeginner.com/wp-content/uploads/2021/01/facebook-album-widget.png" alt="How to embed Facebook albums and photos in WordPress" class="wp-image-152742" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/01/facebook-album-widget.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/01/facebook-album-widget-300x171.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>The widget will show one of the feeds you created using Smash Balloon. </p>



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



<figure class="wp-block-image size-full"><img width="680" height="346" src="https://www.wpbeginner.com/wp-content/uploads/2021/01/widget-apply-changes.png" alt="Showing different Facebook feeds in a Smash Balloon block" class="wp-image-152743" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/01/widget-apply-changes.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/01/widget-apply-changes-300x153.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>You can now click on the ‘Update’ button to make the widget live. 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>Finally, you can embed your albums on any page, post, or widget-ready are using shortcode.</p>



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



<p>For more information, please see our detailed 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>



<h4>Add a <strong>Specific Facebook Album in WordPress</strong></h4>



<p>Smash Balloon also allows you to embed a specific Facebook album anywhere on your WordPress site. This allows you to show your latest or best album to visitors, or to display an album that&#8217;s relevant to the rest of the page&#8217;s content. </p>



<p>To embed a particular Facebook album, you&#8217;ll need to buy and install the Album extension by going to <strong>Facebook Feed » Extensions</strong>. </p>



<p>Here, find the &#8216;Album&#8217; extension and click on its &#8216;Add&#8217; button. </p>



<figure class="wp-block-image size-full"><img width="680" height="355" src="https://www.wpbeginner.com/wp-content/uploads/2021/01/album-extension-smashballoon.png" alt="The Smash Balloon Single Album extension" class="wp-image-152901" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/01/album-extension-smashballoon.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/01/album-extension-smashballoon-300x157.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>This will open the Smash Ballon website in a new tab, with instructions on how to purchase the extension. </p>



<p>Once you have the extension, you can install it in exactly the same way you install a plugin. If you need help, then please see our guide on <a 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 activating the plugin, go to <strong>Facebook Feed » All Feeds</strong> and click on ‘Add New.’</p>



<p>Under &#8216;Advanced Feed Types,&#8217; select &#8216;Single Album&#8217; and then click &#8216;Next.&#8217;</p>



<figure class="wp-block-image size-full"><img width="680" height="368" src="https://www.wpbeginner.com/wp-content/uploads/2021/01/single-album-feed.png" alt="Showing a specific album on your WordPress website" class="wp-image-152902" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/01/single-album-feed.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/01/single-album-feed-300x162.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>You can now choose the page or group that you want to use as your source, and choose a template by following the same process described above. </p>



<p>On the next page, you&#8217;ll need to enter the ID of the album that you want to embed.</p>



<figure class="wp-block-image size-full"><img width="680" height="387" src="https://www.wpbeginner.com/wp-content/uploads/2021/01/smashballoon-facebook-id.png" alt="Embedding a specific album in WordPress" class="wp-image-152903" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/01/smashballoon-facebook-id.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/01/smashballoon-facebook-id-300x171.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>In a new tab, simply open the Facebook album that you want to display. </p>



<p>You can now copy the numbers after the = symbol, and inbetween the first two periods. For example, in the following image we need to copy 447443907512397.</p>



<figure class="wp-block-image size-full"><img width="680" height="314" src="https://www.wpbeginner.com/wp-content/uploads/2021/01/facebook-album-id.png" alt="Getting the ID of a Facebook album" class="wp-image-152904" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/01/facebook-album-id.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/01/facebook-album-id-300x139.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>You can now paste these numbers into the WordPress dashboard.</p>



<p>After that, click on &#8216;Next&#8217; and Smash Balloon will fetch the album. </p>



<figure class="wp-block-image size-full"><img width="680" height="387" src="https://www.wpbeginner.com/wp-content/uploads/2021/01/fetching-album-preview.png" alt="Adding a Facebook album ID to WordPress" class="wp-image-152905" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/01/fetching-album-preview.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/01/fetching-album-preview-300x171.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>After that, you can style the album and add it to your site following the same process described above. </p>



<p>We hope this article helped you learn how to embed Facebook albums in WordPress. You may also want to check out our guide on <a title="How to Create a Custom Instagram Photo Feed in WordPress" href="https://www.wpbeginner.com/wp-tutorials/how-to-create-a-custom-instagram-photo-feed-in-wordpress/">how to create a custom Instagram photo feed in WordPress</a>, and <a title="How to Create an Email Newsletter the RIGHT WAY (Step by Step)" href="https://www.wpbeginner.com/beginners-guide/how-to-create-an-email-newsletter/">how to create an email newsletter</a> to connect with your visitors after they leave your website.</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-embed-facebook-albums-in-wordpress/">How to Embed Facebook Albums 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-albums-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 Add Your Social Media Feeds to WordPress (Step by Step)</title>
		<link>http://www.wpwife.com/wordpress-plugins/how-to-add-your-social-media-feeds-to-wordpress-step-by-step</link>
		<comments>http://www.wpwife.com/wordpress-plugins/how-to-add-your-social-media-feeds-to-wordpress-step-by-step#comments</comments>
		<pubDate>Sun, 08 Jan 2023 20:40:00 +0000</pubDate>
		<dc:creator><![CDATA[Editorial Staff]]></dc:creator>
				<category><![CDATA[how to add your social media feeds to wordpress]]></category>
		<category><![CDATA[smash balloon]]></category>
		<category><![CDATA[smash balloon facebook feed]]></category>
		<category><![CDATA[smash balloon instagram feed plugin]]></category>
		<category><![CDATA[smash balloon social wall]]></category>
		<category><![CDATA[smash balloon twitter feed plugin]]></category>
		<category><![CDATA[smash balloon youtube feed pro]]></category>
		<category><![CDATA[WordPress Plugins]]></category>

		<guid isPermaLink="false">https://www.wpbeginner.com/?p=90152</guid>
		<description><![CDATA[
<p>Do you want to add your social media feeds to a WordPress website? Showing Facebook, Twitter, YouTube, and Instagram feeds on WordPress can get you more followers and engagement on social media. It&#8217;s also a great way to keep your website fresh and interesting. In&#8230;&#160;<strong><a href="https://www.wpbeginner.com/plugins/how-to-add-your-social-media-feeds-to-wordpress-step-by-step/">Read More &#187;</a></strong></p>
<p>The post <a href="https://www.wpbeginner.com/plugins/how-to-add-your-social-media-feeds-to-wordpress-step-by-step/">How to Add Your Social Media Feeds to 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 add your social media feeds to a WordPress website?</p>



<p>Showing Facebook, Twitter, YouTube, and Instagram feeds on WordPress can get you more followers and engagement on social media. It&#8217;s also a great way to keep your website fresh and interesting.</p>



<p>In this guide, we&#8217;ll show you how to add custom social media feeds to WordPress and even create a social wall that brings all your social content together in one place.</p>



<figure class="wp-block-image size-full"><img width="680" height="385" src="https://www.wpbeginner.com/wp-content/uploads/2021/02/how-to-add-your-social-media-feeds-to-wordpress-og.png" alt="How to add your social media feeds to WordPress (Step by step)" class="wp-image-161488" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/02/how-to-add-your-social-media-feeds-to-wordpress-og.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/02/how-to-add-your-social-media-feeds-to-wordpress-og-300x170.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<h4>Why Add Social Media Feeds to Your WordPress Site?</h4>



<p>Billions of people use social media every day to connect with family, friends, and even brands. According to our <a href="https://www.wpbeginner.com/research/marketing-statistics-trends-and-facts-updated/" title="120+ Marketing Statistics, Trends, and Facts (Updated for 2023)">marketing statistics research</a>, people spend around 2 hours and 29 minutes on social media every day. That&#8217;s plenty of time to promote your content to existing followers and connect with new people. </p>



<p>If you have one or more social media accounts, then you&#8217;re already off to a good start. However, it&#8217;s also smart to add these social feeds to your WordPress website.</p>



<p>By embedding social media posts in WordPress, you can promote your different accounts to the people who visit your website. This can get you more likes, shares, and engagement.</p>



<figure class="wp-block-image size-full"><img width="680" height="387" src="https://www.wpbeginner.com/wp-content/uploads/2021/02/facebook-timelime-example.png" alt="Adding a Facebook social media feed in WordPress" class="wp-image-161285" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/02/facebook-timelime-example.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/02/facebook-timelime-example-300x171.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>If visitors like what they see, they might even decide to start following you on different social networks.</p>



<p>Once you&#8217;ve embedded a social feed, new posts will appear on your website automatically. This can be a great way to keep your website fresh and interesting, even for regular visitors. </p>



<p>If you run an online store, then a social media feed can even help you get more sales. In fact, 43% of people use social media to make purchasing decisions.</p>



<p>With the right plugin, you can <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 your Facebook page reviews in WordPress</a>, or <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 shoppable Instagram images</a> to your website. </p>



<figure class="wp-block-image size-full"><img width="680" height="351" src="https://www.wpbeginner.com/wp-content/uploads/2020/07/instagram-shoppable-caption.png" alt="Adding a shoppable link to an Instagram post" class="wp-image-159738" srcset="https://www.wpbeginner.com/wp-content/uploads/2020/07/instagram-shoppable-caption.png 680w, https://www.wpbeginner.com/wp-content/uploads/2020/07/instagram-shoppable-caption-300x155.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>With that being said, let&#8217;s see how you can add different social media feeds to WordPress.</p>



<h4>How to Add Social Media Feeds to WordPress</h4>



<p>The best way to add social media feeds to your <a href="https://www.wpbeginner.com/start-a-wordpress-blog/" title="How to Start a WordPress Blog the RIGHT WAY">WordPress blog</a> is by using <a href="https://smashballoon.com/"  title="Smash Balloon - WordPress Social Media Feed Plugin" rel="noopener">Smash Balloon</a>.</p>



<p>It&#8217;s the <a href="https://www.wpbeginner.com/plugins/best-social-media-plugins-for-wordpress/" title="Best Social Media Plugins for WordPress">best social media feed plugin</a> for WordPress and it&#8217;s trusted by over 1.5 million users. With this plugin, you don&#8217;t have to spend time dealing with jQuery code, APIs, or trying to arrange your social posts in a nice layout. Everything just works. </p>



<p>Smash Balloon has separate plugins for all the major social networks including YouTube, Twitter, and Facebook. It even allows you to combine multiple social networks and show all of your posts in a single feed.</p>



<p>With that being said, let&#8217;s see how you can add different social feeds to your WordPress website. Simply use the quick links below to jump straight to the social network that you want to add. </p>



<div class="wp-block-aioseo-table-of-contents"><ul><li><a href="https://www.wpbeginner.com/plugins/how-to-add-your-social-media-feeds-to-wordpress-step-by-step/#facebook-social-feed">Adding a Facebook Social Media Feed in WordPress</a></li><li><a href="https://www.wpbeginner.com/plugins/how-to-add-your-social-media-feeds-to-wordpress-step-by-step/#instagram-social-feed">Adding an Instagram Social Media Feed in WordPress</a></li><li><a href="https://www.wpbeginner.com/plugins/how-to-add-your-social-media-feeds-to-wordpress-step-by-step/#twitter-social-feed">Adding a Twitter Social Media Feed in WordPress</a></li><li><a href="https://www.wpbeginner.com/plugins/how-to-add-your-social-media-feeds-to-wordpress-step-by-step/#youtube-social-feed">Adding a YouTube Social Media Feed in WordPress</a></li><li><a href="https://www.wpbeginner.com/plugins/how-to-add-your-social-media-feeds-to-wordpress-step-by-step/#combined-social-wall">Adding a Combined Social Wall in WordPress</a></li></ul></div>



<h4 id="facebook-social-feed">Adding a Facebook Social Media Feed in WordPress</h4>



<p>Facebook is the most popular social media platform in the world, with 2.9 billion monthly active users. No matter whether you have a <a href="https://www.wpbeginner.com/wp-tutorials/how-to-make-a-small-business-website-step-by-step/" title="How to Make a Small Business Website – Step by Step">small business website</a>, a personal blog, a <a href="https://www.wpbeginner.com/wp-tutorials/ultimate-guide-to-creating-a-wordpress-membership-site/" title="Ultimate Guide to Creating a WordPress Membership Site">WordPress membership website</a>, or something else, it&#8217;s very likely that your target audience are familiar with Facebook. </p>



<p>When you add a Facebook feed to WordPress, new posts will appear on your website in real-time. Visitors can also like, share, and comment on your WordPress posts, so this is a great way to get more engagement on Facebook. </p>



<figure class="wp-block-image size-full"><img width="680" height="370" src="https://www.wpbeginner.com/wp-content/uploads/2021/02/smashballoon-facebook-feed.png" alt="An example of an embedded Facebook feed, created using Smash Balloon" class="wp-image-161290" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/02/smashballoon-facebook-feed.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/02/smashballoon-facebook-feed-300x163.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>The <a href="https://smashballoon.com/custom-facebook-feed/"  rel="noopener" title="The Smash Balloon Custom Facebook Feed plugin">Smash Balloon Custom Facebook Feed</a> plugin allows you to <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 Facebook videos in WordPress</a>, show photos and videos, and more.</p>



<p>You can even create a custom lightbox popup so visitors can see your full-sized images and watch your Facebook videos, without having to leave your WordPress website.</p>



<figure class="wp-block-image size-full"><img width="680" height="367" src="https://www.wpbeginner.com/wp-content/uploads/2021/02/video-lightbox-facebook.png" alt="An embedded Facebook video, seen in a lightbox on a WordPress website" class="wp-image-161287" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/02/video-lightbox-facebook.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/02/video-lightbox-facebook-300x162.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>If you host regular in-person or online events, then it&#8217;s a good idea to create them as Facebook events on your page or group. Visitors can then mark themselves as interested or going to the event, invite other people, and share the event on their own Facebook page. </p>



<p>Once you&#8217;ve added these events to Facebook, you can easily promote them to the people who visit your website. Simply create a feed of your upcoming Facebook events and then add it to your <a href="https://www.wpbeginner.com/guides/" title="How to Make a WordPress Website (Ultimate Guide)">WordPress website</a>.</p>



<p>To learn more, please see our guide on <a href="https://www.wpbeginner.com/plugins/how-to-display-facebook-events-on-your-wordpress-site/" title="How to Add a Facebook Event Calendar in WordPress">how to add a Facebook event calendar in WordPress</a>.</p>



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



<p>No matter what kind of Facebook feed you create, you can fine-tune how that feed looks and acts using the intuitive Smash Balloon editor.</p>



<p>Here, you can change the feed&#8217;s color scheme, design a custom header, add &#8216;like&#8217; and &#8216;load more&#8217; buttons, and much more.</p>



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



<p>For detailed step-by-step instructions, please see our guide on <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>.</p>



<h4 id="instagram-social-feed">Adding an Instagram Social Media Feed in WordPress</h4>



<p>With more than 2 billion monthly active users, Instagram is a great place to promote your website, products, and services. </p>



<p>Depending on your industry, Instagram may even be the most important part of your social media strategy. For example, Instagram is particularly popular among <a href="https://www.wpbeginner.com/start-a-wordpress-blog/fashion-blog-make-money/" title="How to Start a Fashion Blog (and Make Money) – Step by Step">top fashion blogs</a>, lifestyle, cooking, and <a href="https://www.wpbeginner.com/showcase/best-wordpress-themes-for-photographers/" title="Best WordPress Themes for Photographers">photography websites</a>.</p>



<p>If you&#8217;re posting beautiful photos and engaging videos to Instagram, then it makes sense to post that content to WordPress too. </p>



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



<p>By adding your Instagram social feed to WordPress, you can offer visitors a highly engaging and visual experience directly on your website. This can <a href="https://www.wpbeginner.com/beginners-guide/how-to-increase-pageviews-and-reduce-bounce-rate-in-wordpress/" title="How to Increase Pageviews and Reduce Bounce Rate in WordPress">increase pageviews and reduce bounce rate in WordPress</a>.</p>



<p>You can <a href="https://www.wpbeginner.com/beginners-guide/how-to-add-and-align-images-in-wordpress-block-editor/" title="How to Add and Align Images in WordPress Block Editor (Gutenberg)">add images in WordPress manually</a>, but you&#8217;ll need to keep adding new photos as you post them to Instagram. This can take a lot of time and effort. </p>



<p>Since there&#8217;s no link between your WordPress website and your Instagram account, visitors can&#8217;t easily like or share these photos on Instagram. As a result, you may miss out on lots of social media engagement.</p>



<p>The easiest way to add an Instagram feed to WordPress is by using the <a href="https://smashballoon.com/instagram-feed/"  rel="noopener" title="Smash Balloon Instagram Feed Plugin for WordPress">Smash Balloon Instagram Feed</a> plugin. This plugin allows you to embed a beautiful and professionally-designed Instagram feed on your website.</p>



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



<p>The feed updates automatically every time you post to Instagram, so visitors always see the latest photos.</p>



<p>You can even show other people’s photos on your site by creating a hashtag feed or displaying the posts that other people have tagged your account in. This can be a powerful form of <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 encourages people to trust your website or business. </p>



<p>In the following image you can see an example of an online store that uses a custom Instagram feed to show <a href="https://www.wpbeginner.com/wp-tutorials/how-to-use-user-generated-content-in-wordpress-to-grow-your-business/" title="How to Use User Generated Content in WordPress to Grow Your Business">user-generated content</a>.</p>



<figure class="wp-block-image size-full"><img width="680" height="320" src="https://www.wpbeginner.com/wp-content/uploads/2021/02/instagram-user-content.png" alt="An example of Instagram user-generated content" class="wp-image-161313" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/02/instagram-user-content.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/02/instagram-user-content-300x141.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>In this way, you can use a custom Instagram feed to create customer trust and <a href="https://www.wpbeginner.com/beginners-guide/make-money-online/" title="Proven Ways to Make Money Online Blogging with WordPress">make more money online</a>.</p>



<p>For detailed step-by-step instructions, please see our guide on <a href="https://www.wpbeginner.com/wp-tutorials/how-to-create-a-custom-instagram-photo-feed-in-wordpress/" title="How to Create a Custom Instagram Photo Feed in WordPress">how to create a custom Instagram feed in WordPress</a>.</p>



<h4 id="twitter-social-feed">Adding a Twitter Social Media Feed in WordPress</h4>



<p>WordPress lets you manually <a href="https://www.wpbeginner.com/plugins/how-to-embed-actual-tweets-in-wordpress-blog-posts/" title="How to Embed Actual Tweets in WordPress Blog Posts">embed tweets in WordPress blog posts</a> and pages using the built-in Twitter block.</p>



<figure class="wp-block-image size-full"><img width="680" height="384" src="https://www.wpbeginner.com/wp-content/uploads/2021/02/twitter-block-embed.png" alt="A single tweet, embedded using the WordPress Twitter block" class="wp-image-161469" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/02/twitter-block-embed.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/02/twitter-block-embed-300x169.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>However, this block only lets you embed a single tweet at a time. This is a quick and easy method if you just want to show a small number of tweets. However, if you want to embed multiple tweets then we recommend using <a href="https://smashballoon.com/custom-twitter-feeds"  title="Smash Balloon Twitter Feed for WordPress" rel="noopener">Smash Balloon Twitter Feed</a>.</p>



<p>This plugin allows you to create a Twitter feed that updates automatically as you post new tweets. You can then add this feed to any page, post, or widget-ready area.</p>



<figure class="wp-block-image size-full"><img width="680" height="385" src="https://www.wpbeginner.com/wp-content/uploads/2021/02/smashballoon-twitter-feed.png" alt="Adding a Twitter feed to your WordPress website " class="wp-image-161470" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/02/smashballoon-twitter-feed.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/02/smashballoon-twitter-feed-300x170.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>Smash Balloon Twitter Feed also lets you create hashtag feeds. </p>



<p>This is useful for adding context and third-party content to your blog posts. For example, if you&#8217;re <a href="https://www.wpbeginner.com/start-a-wordpress-blog/fashion-blog-make-money/" title="How to Start a Fashion Blog (and Make Money) – Step by Step">starting a fashion blog</a> then you might create feeds for popular fashion-related hashtags such as #lookbook or #OOTD. </p>



<figure class="wp-block-image size-full"><img width="680" height="324" src="https://www.wpbeginner.com/wp-content/uploads/2021/02/twitter-hashtag-feed.png" alt="Creating a hashtag Twitter feed in WordPress" class="wp-image-161471" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/02/twitter-hashtag-feed.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/02/twitter-hashtag-feed-300x143.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>You can even use Smash Balloon to show the Twitter feed from a third-party account. This is perfect if you have a relationship with an influencer or <a href="https://www.wpbeginner.com/beginners-guide/affiliate-marketing-guide-for-beginners-step-by-step/" title="The Ultimate Affiliate Marketing Guide for Beginners – Step by Step">affiliate marketer</a>, and want to show their tweets on your website.</p>



<p>For more instructions on adding a Twitter feed to WordPress, see our guide on <a title="How to Embed Actual Tweets in WordPress Blog Posts" href="https://www.wpbeginner.com/plugins/how-to-embed-actual-tweets-in-wordpress-blog-posts/" rel="nofollow">how to embed tweets in WordPress</a>.</p>



<h4 id="youtube-social-feed">Adding a YouTube Social Media Feed in WordPress</h4>



<p>Blog posts with videos get 83% more traffic than those without videos. With that in mind, we recommend adding your YouTube videos to WordPress, too. </p>



<p>If you run an <a href="https://www.wpbeginner.com/wp-tutorials/how-to-start-an-online-store/" title="How to Start an Online Store (Step by Step)">online store</a> using a plugin such as <a href="https://www.wpbeginner.com/wp-tutorials/woocommerce-tutorial-ultimate-guide/" title="WooCommerce Made Simple: A Step-by-Step Tutorial [+ Resources]">WooCommerce</a>, then videos can even get you more sales. In fact, 88% of people have bought a product or service after watching a video.</p>



<p>If you&#8217;ve created any YouTube videos showing your products or services, then adding them to your website could boost your profits. </p>



<p>If you only want to add a small number of videos to your site, then it’s easy to <a href="https://www.wpbeginner.com/beginners-guide/how-to-easily-embed-videos-in-wordpress-blog-posts/" title="How to Easily Embed Videos in WordPress Blog Posts">embed YouTube videos in WordPress blog posts</a>. However, if you want to show more than one video, then it’s difficult to create a nice gallery layout using the built-in blocks and tools alone. </p>



<p>That&#8217;s why we recommend embedding your YouTube channel feed using <a href="https://smashballoon.com/youtube-feed/"  rel="noopener" title="Smash Balloon Feeds for YouTube">Feeds for YouTube by Smash Balloon</a>. </p>



<figure class="wp-block-image size-full"><img width="680" height="370" src="https://www.wpbeginner.com/wp-content/uploads/2021/02/youtube-embedded-example.png" alt="Embedding a YouTube feed in WordPress using a free plugin" class="wp-image-161328" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/02/youtube-embedded-example.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/02/youtube-embedded-example-300x163.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>For step-by-step instructions, please see our guide on <a href="https://www.wpbeginner.com/plugins/how-to-show-latest-videos-from-youtube-channel-in-wordpress/" title="How to Show Latest Videos From YouTube Channel in WordPress">how to show the latest videos from your YouTube channel in WordPress</a>.  </p>



<p>After connecting WordPress to your YouTube channel, you can customize how the videos look with Smash Balloon&#8217;s user-friendly editor.</p>



<figure class="wp-block-image size-full"><img width="680" height="381" src="https://www.wpbeginner.com/wp-content/uploads/2021/02/youtube-video-feed.png" alt="Customizing the YouTube video feed using Smash Balloon" class="wp-image-161330" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/02/youtube-video-feed.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/02/youtube-video-feed-300x168.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>When you&#8217;re happy with how the feed looks, you can easily add it to any page, post, or widget-ready area using shortcode.</p>



<p>The Smash Balloon plugin also comes with a ready-made Feeds for YouTube block. </p>



<figure class="wp-block-image size-full"><img width="680" height="387" src="https://www.wpbeginner.com/wp-content/uploads/2021/02/youtube-feeds-block.png" alt="The Feeds for YouTube WordPress block" class="wp-image-161331" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/02/youtube-feeds-block.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/02/youtube-feeds-block-300x171.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>The free plugin has everything you need to <a href="https://www.wpbeginner.com/plugins/how-to-create-a-video-gallery-in-wordpress-step-by-step/" title="How to Create a Video Gallery in WordPress (Step by Step)">create a YouTube video gallery in WordPress</a>, but if you want more advanced features, then there&#8217;s also a premium <a href="https://smashballoon.com/youtube-feed"  title="Smash Balloon YouTube Feed plugin for WordPress" rel="noopener">Smash Balloon YouTube Feed</a> plugin that you can use. </p>



<p>This plugin allows you to show videos from your favorites list, embed live streams, and more. </p>



<h4 id="combined-social-wall">Adding a Combined Social Wall in WordPress</h4>



<p>So far, you&#8217;ve seen how to add individual feeds from different social media platforms. However, many websites have multiple social media accounts, such as a Facebook page, a YouTube channel, and a Twitter profile.</p>



<p>If you create unique content for each platform, then you may want to combine all of that content into a single social media feed. This kind of social wall can convince visitors that you have a big presence on social media, and that you&#8217;re creating all kinds of interesting and varied content across the different platforms. </p>



<p>This single feed can get you followers and engagement across multiple platforms. It&#8217;s also a good choice if you have limited space, and don&#8217;t want to fill up your website with lots of separate social media feeds.</p>



<p>If you want to combine several social media accounts into a single feed, then we recommend the <a href="https://smashballoon.com/social-wall/"  rel="noopener" title="Smash Balloon Social Wall plugin for WordPress">Smash Balloon Social Wall</a> plugin. </p>



<p>It&#8217;s the best social stream plugin for WordPress and allows you to combine  Instagram, Facebook, Twitter, and YouTube social content into a single feed.</p>



<figure class="wp-block-image size-full"><img width="680" height="387" src="https://www.wpbeginner.com/wp-content/uploads/2021/02/social-wall-feed.png" alt="A social wall, created using Smash Balloon" class="wp-image-161472" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/02/social-wall-feed.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/02/social-wall-feed-300x171.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>Already used the Smash Balloon plugins to create separate Facebook, Instagram, Twitter, or YouTube feeds? Then you can add these feeds to your social wall with a few clicks. </p>



<p>Social Wall will then take your settings and automatically create a shortcode that you can add to any page, post, or widget-ready area. Simply publish your changes, and the social wall will appear on your website. </p>



<p><strong>Note:</strong> To use this plugin, you&#8217;ll need to install and activate at least one of the <a href="https://smashballoon.com/"  rel="noopener" title="Smash Balloon Plugins">Pro Smash Balloon plugins</a> mentioned above. For example, if you wanted to show Facebook and Instagram content on your social wall, then you&#8217;ll need both the Social Post Feed and the Social Photo Feed plugins. </p>



<p>To get started, you&#8217;ll need to install and activate the Smash Balloon Social Wall plugin. For more information, please see our guide on <a href="https://www.wpbeginner.com/beginners-guide/step-by-step-guide-to-install-a-wordpress-plugin-for-beginners/"  rel="noopener" title="How to Install a WordPress Plugin – Step by Step for Beginners">how to install a WordPress plugin</a>.</p>



<p>Once the plugin is installed and activated, go to <strong>Social Feeds » Create a Social Wall</strong>.</p>



<figure class="wp-block-image size-full"><img width="680" height="373" src="https://www.wpbeginner.com/wp-content/uploads/2021/02/social-wall-smashballoon.png" alt="Creating a social wall in WordPress" class="wp-image-161442" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/02/social-wall-smashballoon.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/02/social-wall-smashballoon-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/2021/02/facebook-instagram-wall.png" alt="Adding multiple social feeds to a social wall" class="wp-image-161443" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/02/facebook-instagram-wall.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/02/facebook-instagram-wall-300x159.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>On this screen you can also connect any extra social accounts that you want to use.</p>



<p>Simply click on a &#8216;Connect&#8230;&#8217; button and then follow the onscreen instructions to connect the social media account. </p>



<figure class="wp-block-image size-full"><img width="680" height="378" src="https://www.wpbeginner.com/wp-content/uploads/2021/02/connecting-facebook-account.png" alt="Adding a Facebook feed to a social wall" class="wp-image-161473" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/02/connecting-facebook-account.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/02/connecting-facebook-account-300x167.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>After that, click on the &#8216;Customize&#8217; tab.</p>



<p>Here, you can change the number of posts to show in the social wall, the feed layout, how often it updates, and more.</p>



<figure class="wp-block-image size-full"><img width="680" height="298" src="https://www.wpbeginner.com/wp-content/uploads/2021/02/customizing-social-wall.png" alt="How to customize a social wall in WordPress" class="wp-image-161474" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/02/customizing-social-wall.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/02/customizing-social-wall-300x131.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<p>There are other settings you can use to change the wall&#8217;s color scheme, background color, button text, and more. Most of these settings are fairly self-explanatory, so it&#8217;s worth looking through them to see what changes you want to make. </p>



<p>When you&#8217;re finished, click on &#8216;Save Changes&#8217; to store your settings.</p>



<p>Once you&#8217;ve done that, click on the &#8216;Configure Wall&#8217; tab. Here, you&#8217;ll see a shortcode that allows you to add the social wall to any page, post, or widget-ready area. </p>



<figure class="wp-block-image size-full"><img width="680" height="271" src="https://www.wpbeginner.com/wp-content/uploads/2021/02/configuring-social-wall.png" alt="Configuring the social wall in WordPress" class="wp-image-161444" srcset="https://www.wpbeginner.com/wp-content/uploads/2021/02/configuring-social-wall.png 680w, https://www.wpbeginner.com/wp-content/uploads/2021/02/configuring-social-wall-300x120.png 300w" sizes="(max-width: 680px) 100vw, 680px" /></figure>



<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>



<p>After that, simply publish the page or post, or update the widget-ready area to make your social wall live. </p>



<p>We hope this article has helped you add social media feeds to WordPress. You may 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>, or our expert pick of the <a href="https://www.wpbeginner.com/showcase/7-best-live-chat-support-software-for-your-wordpress-site/" title="Best Live Chat Software for Small Business Compared">best live chat software for small businesses</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/plugins/how-to-add-your-social-media-feeds-to-wordpress-step-by-step/">How to Add Your Social Media Feeds to 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/wordpress-plugins/how-to-add-your-social-media-feeds-to-wordpress-step-by-step/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
<enclosure url="" length="0" type="" />
		</item>
	</channel>
</rss>
