Friday, December 11, 2020

17 Best Gutenberg Blocks Plugins for WordPress (Super Useful)

Are you looking for the best Gutenberg block plugins for your WordPress site?

Gutenberg blocks are the editor blocks that are used to create content layouts in the new WordPress block editor aka Gutenberg. Introduced in WordPress 5.0, the Gutenberg editor is a fully block-based editor where each piece of content is a draggable block.

By default, WordPress offers a set of basic content blocks like a paragraph, image, button, list, and more. Some top WordPress plugins will add their own blocks to make it easy for you to embed their features.

However there are now an entire suite of plugins dedicated to offer custom content blocks for Gutenberg.

In this article, we’ll share some of the best Gutenberg block plugins for WordPress sites. We will start with some of the default blocks and then switch to block plugins.

The best WordPress block plugins for the Gutenberg editor

What is the WordPress Block Editor?

The WordPress block editor is the default content editor that comes with WordPress. It lets you build your posts and pages using a system of blocks. For a typical blog post, you will have lots of paragraph blogs, some heading blogs for subheadings, and some image blocks.

An example of a WordPress page in the block editor (Gutenberg editor)

Why Use the Block Editor in WordPress?

If you’ve been creating WordPress sites for many years, you will likely find the block editor a big change from the classic editor.

Some users have chosen to disable the block editor and keep the classic editor. However, we recommend using the block editor. It offers lots of useful features and is becoming more user-friendly with each update.

The block editor lets you add elements to your posts and pages that aren’t possible in the classic editor. For instance, you can add an FAQ section to your post or add a call-to-action button.

7 Most Useful Time-Saving Default WordPress Blocks

The Gutenberg Editor already includes built-in blocks for all types of content elements. These blocks make it easier to add common elements like buttons, cover images, tables, and more. In the older versions of WordPress, you had to install plugins to add these common web elements.

Here are some super useful default WordPress Gutenberg blocks that you can use right away.

1. Button Block: Lets you add call-to-action buttons in your WordPress pages and articles.

2. Media & Text Block: Lets you add image and text side-by-side. Doing this with the old Classic Editor was a confusing task for beginners.

3. Cover Block: Allows you to add stunning cover images in your posts and pages. See our guide on the difference between cover images vs featured images.

4. Table Block: Enables you to easily create basic tables in WordPress posts and pages. For advanced tables with search, sorting, and ordering features, we still recommend the free TablePress plugin.

5. Embed Blocks: The block (Gutenberg) editor also includes many embed blocks for popular websites. You can use them to easily embed tweets, YouTube videos, and more.

6. Columns Block: Allows you to easily create multi-column layouts for your blog posts and pages.

7. Shortcode Block: Allows you to add shortcodes in your WordPress posts and pages easily. This means that the block editor is fully compatible with plugins that provide a shortcode.

Besides these, there are many other blocks that you can explore and try without using a plugin.

With that said, let’s take a look at some of the best WordPress blocks offered by WordPress plugins. These plugins will simply add new blocks and allow you to extent the functionality of the default WordPress editor.

Best Gutenberg Blocks Plugins for Your WordPress Site

There are two types of WordPress blocks plugins available on the market. We will cover both of them:

  1. Single Purpose Block Plugins
  2. Gutenberg Block Libraries

Single-purpose plugins are mostly popular WordPress plugins. Many of them have been in the market for a long time. They specialize in one specific feature and usually provide a single powerful block to add content in WordPress.

For example, WPForms is a popular WordPress form plugin for making powerful forms in WordPress. It offers a WordPress block to add contact forms, surveys, order forms, etc in your posts and pages.

WPForms Block for WordPress Editor

On the other hand, there are block collection plugins which combine many different content elements in a single plugin. For example, Genesis Pro gives you 16 additional premium blocks. These include a pricing table block, testimonial block, profile box block, and more.

Single Purpose Block Plugins vs Block Library Plugins

Now that you know about the options, you might be wondering if one is better than the other. Here are some important points to consider.

Single-purpose block plugins add only one feature, but they offer the most comprehensive set of options and integrations. They’re often the best solution for what you’re trying to do.

Block library plugins include a collection of different blocks for different purposes. However, these blocks are not as fine-tuned as the single feature blocks. While they offer a lot of blocks, they may not be as powerful.

Another disadvantage of using block suites is that they can add unnecessary clutter to your block list.

With that said, let’s take a look at the best WordPress Gutenberg block plugins.

1. WPForms – Best Gutenberg Block for WordPress Forms

WPForms is the most user-friendly WordPress form plugin in the market. It allows you to easily create simple contact forms as well as more powerful forms like interactive polls, surveys, order forms, etc. on your WordPress site.

WPForms offers a block for adding WordPress forms on your posts and pages.

WPForms block in new Gutenberg editor

With WPForms, you can create lots of different types of forms, including survey forms, contact forms, email sign up forms, login forms, and much more.

Also, you can easily integrate your forms with email marketing tools, eCommerce plugins, and CRM software.

2. Smash Balloon – Social Feed Blocks for All Networks

Smash Balloon is the best social feeds plugin for WordPress. It makes it incredibly easy to add your social media posts to your site. For instance, you can use it to create a custom Instagram photo feed.

Smash Balloon gives you a block for adding each social media feed. For instance, you can simply drag and drop the Facebook block into a post or page to add your Facebook feed there. You don’t need to enter any shortcodes.

The different blocks available from different Smash Balloon social feed plugins

You can use each of Smash Balloon’s plugins separately. They cover Facebook, Instagram, Twitter, and YouTube.

Each plugin is 100% mobile responsive and looks great straight out of the box. It automatically matches your WordPress theme’s fonts and styles.

3. OptinMonster

OptinMonster is the best lead generation tool for WordPress. You can use it to create lots of different types of campaigns, including popups, slide-ins, spin to win coupon wheels, lightboxes, and inline campaigns.

The inline campaigns can be added to your posts and pages in just a couple of clicks using the special OptinMonster block.

Adding an OptinMonster campaign to your page using the OptinMonster block

You can use inline campaigns to quickly and easily embed an eye-catching email signup form on your page. You could even use OptinMonster’s content locking feature to lock the content below the inline campaign.

4. Genesis Blocks

Genesis Blocks is a free Gutenberg plugin with a collection of custom WordPress blocks. It includes 14 useful Gutenberg blocks, 4 pre-built page layouts, and 8 pre-built page sections.

The Genesis Blocks plugin for WordPress

This library comes with some of the best WordPress blocks that you may need.

  • Advanced Columns Block – Create beautiful multi-column layouts.
  • Author Profile Block – Easily add an author profile box to posts or pages.
  • Pricing Block – Build beautiful pricing tables in WordPress.
  • Share Icons Block – Add social share buttons to your posts and pages.
  • Testimonial Block – Include customer testimonials to help drive sales.

Genesis Blocks also has a pro version, Genesis Pro. This gives you new blocks, plus 26 pre-built full-page layouts, 56 pre-built sections, and much more. If you want to create a beautiful and effective website quickly, it’s a great solution.

Genesis Blocks is owned by WP Engine, one of the leading managed WordPress hosting companies. They offer premium StudioPress themes that integrate seamlessly with the Genesis Blocks plugin.

Genesis Pro subscription will also give you access to all premium StudioPress themes.

5. WP Call Button

WordPress Click to Call Button

WP Call Button is a single purpose block plugin that helps you easily add a click to call button on your WordPress site.

Aside from adding clickable phone numbers on your contact page, WP Call Button also has a smart floating call button. This lets you add a highly visible click-to-call button on all pages of your website, for mobile users.

This helps you get more phone calls and close more sales for your business. It also works with any professional business phone service that you may be using.

The WP Call Button smartphone buttons have built-in click tracking with Google Analytics, so you can easily see which pages on your site are performing the best.

The phone button block comes with tons of customization options, so you can easily customize the call button to match your website design.

6. Ultimate Addons for Gutenberg

Ultimate Addons for Gutenberg is the most widely used Gutenberg blocks library plugin. Created by the people behind the popular Astra theme, this plugin is actively installed on over 100,000 websites.

The Ultimate Addons blocks in the block editor

It includes over 15 Gutenberg blocks, including the following:

  • Info Box Block – Add an info box with an image, heading, and description.
  • Multi Buttons Block – Lets you add multiple buttons within a single block.
  • Team Block – Allows you to create a team section with photos.
  • Price List Block – Lets you create a price list like a restaurant menu easily.
  • Testimonial Block – Useful to add testimonials on your website.

An advantage of using this plugin is that it comes with built-in support for Astra Theme and all their starter sites. This means you can import a starter site and use the block editor to create beautiful layouts.

7. Envira Gallery

Envira Gallery is the most powerful WordPress gallery plugin available. It allows you to create image and video galleries on your website easily.

The default Gallery block in WordPress is quite basic and does not allow you to share the same image galleries outside the editor. Envira Gallery allows you to keep your Galleries separate and add them to any post or page. The plugin is fully compatible with the block editor and has a native block to instantly embed galleries.

The Envira Galery block displaying in the block editor

Envira Gallery includes advanced features like watermark protection and image proofing. It also has seamless integration with WooCommerce to let you sell your photos.

8. Kadence Blocks

Kadence Blocks is another great WordPress block collection plugin. It comes with some of the most commonly used blocks and helps you add more functionality to your content editor.

The Kadence blocks shown in the WordPress block editor

The plugin is available in both free and premium versions. The free version has 10 custom blocks, including the following:

  • Row Layout Block – Insert content blocks in one or multiple columns in a row.
  • Tabs Block – Lets you create horizontal or vertical tabs and customize them.
  • Accordion Block – Create beautiful accordions within your content.
  • Icon List Block – Lets you create attractive lists with custom icons instead of default bullets.

The plugin allows you to deactivate the blocks that you will not use. Doing so keeps your editor clean and lightweight.

If you like these blocks and want more blocks from Kadence Themes, then you can buy their pro plugin or membership plan.

9. Gutenberg Blocks and Template Library by Otter

Gutenberg Blocks and Template Library by Otter is another useful WordPress blocks plugin that adds extra Gutenberg blocks to your site.

The blocks from Gutenberg Blocks and Template Library by Otter shown in the block editor

There are more than 10 WordPress blocks included in this plugin. Here are some of the useful blocks:

  • Section Block – Allows you to build layouts using columns like in page builder plugins.
  • Google Maps Block – Lets you embed Google maps on your website.
  • About Author Block – Allows you to show an author bio box on your website.
  • Sharing Icons Block – Lets you add social sharing icons on your WordPress articles easily.

In addition to the Gutenberg blocks, the plugin also includes templates and layouts to help you create stunning pages quickly. Otter is created by the same team behind ThemeIsle, a popular WordPress themes company.

10. Ultimate Blocks

Ultimate Blocks is another Gutenberg block collection plugin with several extra blocks for the block editor.

The blocks from Ultimate Blocks, shown in the WordPress block editor

Here are some of the blocks offered by the plugin:

  • Review Block – Lets you add a review with product name, features, summary, and star rating.
  • Table of Contents Block – Helps to create a table of contents from the headings in your article.
  • Call to Action Block – Lets you create a call to action box with a heading, description, and button.
  • Click to Tweet Block – Easily add tweetable content in your posts and pages.
  • Notification Box Block – Allows you to add a simple notification box in your articles.

11. Advanced Gutenberg

Advanced Gutenberg adds 20+ new blocks to your Gutenberg editor. The plugin helps you to create professional webpages easily and quickly.

The Advanced Gutenberg blocks, shown in the WordPress block editor

Here are some of the Advanced Gutenberg blocks.

  • Columns Manager Block – Predefined responsive columns to let you add multi-column content in WordPress.
  • Map Block – Lets you embed Google maps in your posts and pages.
  • Counter Block – Allows you to showcase numbers like total sales in an attractive manner.
  • Tabs Block – Lets you add content in tabs easily.
  • Advanced List Block – Create visually attractive lists with custom list icons and styles.

The plugin also gives you advanced block control options to activate blocks as per user roles.

The Advanced Gutenberg plugin is created by JoomUnited.

12. Stackable – Beautiful Custom Blocks

Stackable is a free WordPress block library plugin with beautiful custom blocks for WordPress sites. It includes more than 20 easy to use blocks for Gutenberg.

The Stackable blocks, shown in the WordPress block editor

Here are some of the cool WordPress blocks offered by this plugin.

  • Container Block – Allows you to combine different blocks in a single row.
  • Feature Grid Block – Lets you showcase your product features or portfolio in stylish grid layouts.
  • Team Members Block – Lets you showcase your team members with their position, duties, and specialties.
  • Video Popup Block – Lets you add full-screen video popups for YouTube and Vimeo videos.

Stackable also offers impressive effects and background options. You can use image and video backgrounds, fixed images, gradient background effects, and more.

13. CoBlocks

CoBlocks is a free plugin with a collection of page building WordPress blocks. Like most block collection plugins, it offers extra blocks to supercharge the block editor in WordPress.

The CoBlocks blocks, shown in the WordPress block editor

Here are some useful Gutenberg blocks offered by this plugin:

  • Rows and Columns Blocks – Lets you design dynamic layouts based on a grid system.
  • Carousel Gallery Block – Enables you to create carousel galleries and showcase your images.
  • Alert Block – Create attractive alerts and insert them into your WordPress posts and pages.
  • Author Profile Block – Lets you add an author profile box in your WordPress post or page.

The plugin lets you customize your blocks with ease. You can change fonts, set the margin and padding, pick colors, and more.

14. Advanced Editor Tools

Advanced Editor Tools used to be called TinyMCE Advanced. It’s a popular plugin that enhanced the old classic editor with more formatting options. Now, it also supports the newer Gutenberg block editor.

The Advanced Editor Tools plugin, with extra text formatting options shown

Advanced Editor Tools offers additional formatting and styling options in default blocks. For example, you will see new formatting buttons in the toolbars with the ability to choose fonts. You can also adjust which buttons you want to see in the toolbar.

Some Honorable Mentions

Besides the ones we mentioned above, there are many Gutenberg blocks plugins on the market. Here are some honorable mentions you can use as alternatives to the above-listed plugins.

Plus, most content-focused WordPress plugins are now Gutenberg compatible and come with their own blocks.

We hope this article helped you to find the best Gutenberg blocks for your WordPress site. You may also want to see our handpicked list of the best Gutenberg friendly WordPress themes, and our comparison of the best WordPress membership plugins to create & sell online courses.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post 17 Best Gutenberg Blocks Plugins for WordPress (Super Useful) appeared first on WPBeginner.


December 11, 2020 at 06:00PM

Thursday, December 10, 2020

How to Create Automated Workflows in WordPress with Uncanny Automator

Have you ever wanted to create automated workflows in WordPress to reduce admin tasks and save time?

Many users perform manual tasks in WordPress to manage their website. Wouldn’t it be nice if you can automate these tasks and create smarter workflows for your users?

In this article, we’ll show you how to easily create automated workflows in WordPress with Uncanny Automator. This will allow you to save time, provide a better user experience, and grow your business.

Using automation to create workflows in WordPress

Why Create Automated Workflows in WordPress?

Website owners spend a lot of their time doing repetitive tasks in WordPress. For instance, processing form data, upselling products, or offering support.

Creating automated workflows for these repetitive or manual tasks can save you time. It also provides your customers with an uninterrupted, interactive, and much better user experience.

Now you would think that it shouldn’t be difficult to automate these tasks. However, the problem is that WordPress plugins don’t talk to each other or third-party apps very well.

For instance, if you are using WooCommerce and a contact form plugin, then those two can’t communicate with each other unless one plugin makes an add-on to do just that.

This is where Uncanny Automator comes in.

Uncanny Automator

What is Uncanny Automator?

Uncanny Automator is the best WordPress automation plugin that helps you create automated tasks and workflows without writing any code.

It acts as a bridge by helping you integrate different WordPress plugins and allow them to talk with each other.

For example, you can use a contact form submission and add it as a membership subscription.

You can even connect 2 separate WordPress websites to work together. For instance, you can sell products on one while creating users and setup access on another.

To summarize, Uncanny Automator is like Zapier for WordPress websites.

In fact, it works with Zapier too, so you can integrate WordPress actions with over 2,000 external apps, including Google Drive, Slack, Asana, Twitter, Instagram and more.

That being said, let’s take a look at how to use Uncanny Automater to create automated workflows in WordPress.

Create Automated Workflows in WordPress

First thing you need to do is install and activate the Uncanny Automator plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, you will also be asked to install the free version of Uncanny Automator core plugin. This light version of the plugin is limited in features but is used as the base for the pro version.

Next, you need to head over to Automator » License Activation page to enter your license key. You can find this information under your account on the Uncanny Automator website.

Uncanny Automator license key

After activating the license, you are now ready to create automated workflows in WordPress. The Uncanny Automator calls them ‘Recipes’.

Simply head over to Automator » Add New page to create your first recipe. You’ll be asked to select whether you want to create a ‘Logged-in’ recipe or an ‘Anonymous’ recipe.

Logged-in recipes can be triggered by logged in users only, and anonymous recipes can be triggered by any user.

Choose recipe type

Choose a recipe type based on the workflow you want to create and then click on the confirm button.

For the sake of this tutorial, we will be creating an anonymous recipe using the WPForms plugin. It is the best WordPress contact form plugin used by over 4+ million websites.

It also has a limited free version called WPForms Lite which you can use to try out this recipe.

Pro Tip: You can look at all UncannyAutomator recipes and plugin integrations here.

Next, you need to provide a title for your recipe. This title will not be publicly visible to the users because it’s only there to help you identify a recipe.

For this tutorial, we will be adding a new WordPress user account when someone submits a contact form on our website.

Each recipe in Uncanny Automator has two parts called Triggers and Actions.

Actions and Triggers in Uncanny Automator

Triggers are the events that will start the recipe and run the processes you define. Actions are the tasks that you want to perform when the recipe runs.

First, you need to set the trigger part of the recipe by choosing an integration.

The Automator will detect any existing integrations that you may have installed on your site. As you can see in the screenshot, it automatically detected WooCommerce and WPForms.

Click on WPForms as your integration to continue.

Choose the integration that triggers the recipe

Next, you will be asked to select the event that will trigger this recipe. Go ahead and choose when a form is submitted.

Choose trigger event

After that you will be asked to choose which form will trigger the action. You will see a dropdown list of all the forms you have created with WPForms.

Choose your form

Simply choose your contact form and then click on the Save button.

The Automator will now save your trigger, and you can move on to the Actions section. Depending on your recipe type, you will see different options for anonymous and logged-in recipes.

Since we are creating an anonymous recipe, you will only see the options to perform this action on an Existing user or a New user.

Perform action on a new user

Click on ‘New User’ to continue.

Automator will now ask you to set the user data that you want to use. You will see a form with the fields to create a new user in WordPress. You need to click on the ‘Asterisk’ sign next to each field and select your WPForms contact form.

Select data from your form fields

The automaton will then show you the form fields that you can use here. For instance, we will use Name field for the first name, and email address field as the username and email address for the user account.

Set fields to use form data

Below that, you will see settings like user role and what to do if the user already exists. You can choose subscriber as the user role and ‘Do nothing’ for existing users.

Data options

Click on the ‘Save’ button to continue.

After setting the data, you need to click on the ‘Add action’ button and choose an integration. In this case, it would be WordPress.

Choose action integration

Next, the Automator will show you a list of actions you can perform on this integration. Go ahead and select ‘Create a user’ from the dropdown menu.

Select action you want to perform

Once again, you will be asked to pair the user account fields to the form data fields. Simply click on the asterisk icon and map your form fields.

Map form fields

After matching your form fields click on the ‘Save’ button to store your action.

You can now go ahead and turn on this recipe by switching the Draft toggle under the ‘Recipe’ box.

Publish your recipe

Don’t forget to test your workflow and make sure that the recipe is triggered and performs the tasks you set as actions.

Viewing Your Automation Logs in WordPress

Once you have created a few automated workflows on your website, you’ll want to keep an eye on all those automation tasks happening in the background.

Uncanny Automator keeps track of all the automation recipes, triggers, and actions performed by the plugin. You can view them by visiting Automator » Recipe Log page.

Recipe logs

In this tutorial, we just scratched the surface of how truly powerful Uncanny Automator plugin really is. You can use it to connect Elementor, WooCommerce, Formidable Forms, GiveWP, and dozens of other WordPress plugins to work together with smart workflows.

This is why earlier this year, we invested in Uncanny Automator through our WPBeginner growth fund. If you would like for us to add integrations with specific plugins, please leave the feedback on Uncanny Automator website.

We hope this article helped you create automated workflows in WordPress with Uncanny Automator. You may also want to see our comparison of the best drag & drop WordPress page builders to create custom layouts, and our step by step guide on how to create a business email address for your blog.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Create Automated Workflows in WordPress with Uncanny Automator appeared first on WPBeginner.


December 10, 2020 at 06:50PM

Wednesday, December 9, 2020

How to Create a Custom Facebook Feed in WordPress

Do you want to create a custom Facebook feed on your site?

Custom Facebook feeds allows you to display Facebook posts from your business page or group on your WordPress site, so you can improve engagement.

In this article, we’ll show you how to easily create a custom Facebook feed in WordPress without slowing down your website.

How to create a custom Facebook feed in WordPress

Why Create a Custom Facebook Feed in WordPress?

Facebook is the largest social media platform in the world. As a website owner, you may already be engaging with your audience through your Facebook page or by creating a Facebook group.

However, all the posts you make on Facebook are not visible to the people visiting your website. By adding a custom Facebook feed you can show what’s happening on your Facebook page or group to your site visitors.

This will allow more of your users to see your posts and will help you get more Facebook likes. If you are using the Facebook remarketing/retargeting pixel on your website, then you can show your ads to those users on Facebook as well.

Having said that, let’s take a look at how to add a custom Facebook feed to your WordPress site.

Since this is a comprehensive, we have created an easy table of content:

Adding a Custom Facebook Feed Plugin in WordPress

The first thing you need to do is install and activate the Smash Balloon Custom Facebook Feed plugin. For more details, see our step by step guide on how to install a WordPress plugin.

For our article, we’re using the Pro version of Smash Balloon Facebook feed plugin because it offers all the powerful features. There’s also a free version available that you can use as well.

After installation, you’ll need to visit the Facebook Feed » Settings page in your WordPress admin and then go to the ‘License’ tab to enter your activation code.

Enter smash balloon activation key

Once you have activated your license key, you are good to go.

Let’s start by adding your Facebook page to your custom feed.

Connect Your Facebook Page Feed to WordPress

SmashBalloon Custom Facebook Feed plugin allows you to create feeds for your Facebook pages and groups. You can create multiple Facebook feeds and even merge feeds to create a custom feed.

To create a feed, you need to visit your Facebook Feed » Settings page to configure the plugin. From here you need to click on the ‘Connect a Facebook account’ button.

Connect your Facebook account

Next, you need to select whether you would like to connect a Facebook page or a group. After that click on the ‘Continue’ button.

Continue Facebook connection

This will take you to Facebook website where you will be asked to continue with your Facebook account.

After that, you’ll see a list of your Facebook pages. Select the page that you want to include in your feed and then click Next.

Select your Facebook page

Now Facebook will ask your permission to allow Smash Balloon to manage pages for you. Click on Done to give permission.

Allow plugin to manage your Facebook pages

You will now return back to your WordPress website and see the list of pages you have authorized. Select your page and then click on the ‘Connect this page’ button.

Facebook connected in WordPress

Your connected Facebook page will now appear under plugin settings.

Configured Facebook page

Don’t forget to click on the ‘Save Settings’ button to store your custom Facebook feed.

We’ll show you how to add it to your blog post or pages later in this article. Before that, let’s see how to connect a Facebook group to create a custom group feed for your website.

Connect Your Facebook Group Feed to WordPress

First, you need to visit the Facebook Feed » Settings page and click on the ‘Connect a Facebook Account’ button. From drop-down menu select ‘Facebook Group’ and click ‘Continue’.

Connect Facebook group

After you click on the ‘Continue’ button, you’ll be able to select which group you want to connect.

Connect your Facebook group

Click on the ‘Use token for this Group’ button and you’ll get the following message:

Connect Smash Balloon App

Follow step one above by clicking on the ‘here’ link and then go to the apps section on that page.

When you search for ‘Smash Balloon,’ here’s what you’ll see:

Find Smash Balloon App

Click that button to add the app, and you’re done.

Now, in the configuration section, you’ll see your page and group connected.

Connect Facebook group

Click on ‘Save Settings.’

Now, it’s time to embed your Facebook feed on your WordPress website.

Create & Display a Custom Facebook Feed in WordPress

Smash Balloon allows you to display custom Facebook feeds in a post, page, or in a sidebar widget. For our example, we’ll embed it in a page.

First, you need to go to your Facebook Feed » Settings page, and scroll down to see the Facebook feed shortcode:

Copy and paste Facebook feed shortcode

You need to copy the shortcode, and then open the WordPress content editor to create or edit a page where you want to embed the feed.

In the content editor, simply click the (+) icon to add a shortcode block, and then paste the shortcode in there:

[custom-facebook-feed]

Add shortcode to WordPress page

After that you can save your page and preview it. Smash Balloon will fetch and display the latest posts from your Facebook page or group on your WordPress page.

Facebook feed on WordPress page

Displaying Multiple Facebook Feeds

Let’s say you want to display more than one custom Facebook feed on your WordPress blog. The plugin’s settings only allow you to add one page or group ID.

However, you can easily use the shortcode to display any other custom Facebook feed you want.

Simply add the shortcode like this:

[custom-facebook-feed id=wpbeginner]

The plugin’s shortcode comes with a whole range of parameters. You can visit the plugin’s website to see the complete list of parameters that you can use.

Customize The Appearance of Your Facebook Feed

The plugin allows you to personalize the appearance of your custom Facebook feed on your website. You can visit the Facebook Feed » Customize page to edit the settings.

This section is divided into different tabs, giving you plenty of options to choose from.

Click on the ‘Post Layout’ tab.

Post layout settings

We chose the ‘Half-width’ option, so the image and text will display evenly.

The next step is to select the ‘Style Posts’ tab to the right. Here, you can customize how the post looks, adding a background or box shadow for contrast.

Style posts screen

Once you are satisfied with the layout, don’t forget to click on the save changes button and preview your feed.

Combine Feeds to Create a Social Wall

Want to take your social feeds even further? Smash Balloon comes with a WordPress Social Wall addon that allows you to combines your content from Facebook, Instagram, Twitter, and YouTube on a single feed.

Smash Balloon Social Wall

This allows you to maximize your engagement and gain followers across all social platforms.

We hope this article helped you add a custom Facebook feed in WordPress. You may also want to see our guide on how to add web push notification on your site to get more traffic, and our comparison of the best WordPress membership plugins to create & sell courses on your website.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Create a Custom Facebook Feed in WordPress appeared first on WPBeginner.


December 09, 2020 at 06:00PM