Do you want to show the reviews from your Facebook page in WordPress? in this article, I will show you How to Display Facebook Page Reviews on a WordPress Website using Smash Balloon Reviews. Reviews and ratings might assist you in gaining the confidence of potential clients and persuading them to make a purchase from your website. You might already have a ton of evaluations on your Facebook page that you can quickly include in your WordPress website.
We’ll demonstrate how to display Facebook page reviews and ratings on your WordPress website in this article.
Why Should WordPress Display Facebook Page Reviews?
Using Smash Balloon’s Reviews Feed Pro is the most effective approach to integrating Facebook reviews into your WordPress website.
The finest customer review plugin for WordPress, Reviews Feed Pro, allows you to display reviews from Facebook, Google, Yelp, and TripAdvisor without the need to add additional WordPress plugins.
Even better, as soon as a consumer posts a new review on your Facebook page, the feed will automatically refresh. This indicates that prospective consumers will always see the most recent reviews without you having to manually add them.
In order to make the Facebook reviews appear more naturally as part of your website than as content embedded from an external social media platform, Reviews Feed Pro also duplicates your site’s design and WordPress theme.
Configure the Reviews Feed Pro Plugin.
First, you will need to install and activate the plugin. If you need help, then please see our guide on how to install a WordPress plugin. Upon activation, click on Reviews Feed in the left-hand menu. You can now add the Reviews Feed Pro license key and click on the ‘Activate’ button. On the Smash Balloon website, the license key is located in your account.
Even better, as soon as a consumer posts a new review on your Facebook page, the feed will automatically refresh. This indicates that prospective consumers will always see the most recent reviews without you having to manually add them.
In order to make the Facebook reviews appear more naturally as part of your website than as content embedded from an external social media platform, Reviews Feed Pro also duplicates your site’s design and WordPress theme.
Install and Activate the Reviews Feed Pro Plugin Initially, you must install and activate the plugin. Please refer to our instructions on how to install a WordPress plugin if you need assistance.
After activation, select Reviews Feed from the menu on the left. Now you may add the Reviews Feed Pro license key and activate the program by clicking the ‘Activate’ button.
On the Smash Balloon website, the license key is located in your account.
Connect your Facebook page to Smash Balloon.
You are now prepared to link your WordPress blog to your Facebook page. Although it can seem difficult, Reviews Feed Pro will guide you through the procedure.
Go to Reviews Feed » All Feeds and select “Add New” to begin.
A sophisticated plugin called Reviews Feed Pro may display reviews from sites like Google, Facebook, Yelp, and more.
Click ‘Facebook’ to see the reviews on your Facebook page. Select “Connect with Facebook” after that.
After doing that, click the radio option next to “Page.”
Simply select “Connect to Facebook” after that.
Clicking ‘Next’ will bring up a popup where you may enter your Facebook account and select one or more pages to receive the evaluations from.
Facebook will now display all the data Smash Balloon will have access to, along with all the acts it is capable of.
Simply select any switch to change it from “Yes” to “No” to limit Smash Balloon’s access to your Facebook page.
Be aware that this can have an impact on the reviews that show up on your WordPress website. Nevertheless, it’s wise to keep all of the switches turned on.
Select “Done” when you are satisfied with how the Facebook permissions are configured.
You will get a notice confirming that you have linked your WordPress blog to your Facebook page within a short while.
Click ‘OK’ once that is complete.
You will now be immediately sent to the WordPress dashboard by Reviews Feed Pro.
Create a WordPress Facebook Review Feed.
You are now prepared to build a feed that includes all of the Facebook page reviews.
Just click “Next” after checking the box next to your Facebook page.
The template you want to utilize for your page reviews is now available for selection. For instance, you might wish to use a masonry arrangement to highlight a single review or display several reviews.
Click ‘Next’ once you have made your choice.
The feed will now be created by Smash Balloon and opened in the editor so that you can adjust it.
Personalized Facebook Review Feed.
Smash Balloon automatically copies your site’s design, so the feed should already match your WordPress theme perfectly. However, you can fine-tune every part of the feed to get exactly the design you want. The editor displays a live preview of your review feed to the right. On the left is a menu that shows the various settings you can use to alter how the Facebook reviews appear. Most of these settings are self-explanatory, but we will quickly look at the major ones.
You have the option of using a Grid, Masonry, or Carousel layout here.
The live preview will instantly change to show the updated layout as you select various options. You can experiment with many layouts in this manner to discover which one looks the best.
Additionally, you may modify the spacing, the amount of Facebook reviews displayed in the feed, and the characters WordPress displays from each review.
As you make modifications, keep in mind that the feed may seem different on mobile devices and tablets than it does on desktop computers.
In light of this, it is a good idea to test your review feed on a mobile device by clicking on the row of buttons in the top right corner. By doing this, you can design a Facebook review feed that looks great on mobile devices and tablets in addition to desktop PCs.
The ‘Pagination’ settings allow you to alter how the reviews scroll if you use the Carousel layout to build a responsive slider.
You can, for instance, enable autoplay to have the reviews scroll automatically or lengthen the gap so that users can read each Facebook review in their entirety.
Once you’re satisfied with the adjustments, simply click the tiny arrow next to “Customize.”
You return to the main settings panel by doing this.
The wording that shows at the top of your Facebook review feed is controlled by the next choice, “Header.”
Smash Balloon by default displays a “Review” title, your star rating on a scale of 1 to 5, the total number of reviews, and a “Write a review” button.
Simply uncheck any of the heading, button, or average review rating boxes to delete a piece of material.
Using the settings under “Element Header Spacing,” you can also modify the padding and margins.
Would you like to change the header text? Then, depending on the content you wish to edit, click on Heading, Button, or Average Review Rating.
This brings up a panel where you can modify the text’s size, colour, and other features.
By entering text in the ‘Content’ field, you can easily swap out the pre-populated content with your own personalized messaging.
Simply click the ‘Header’ link to go back to the previous screen after making these changes.
While encouraging users to submit their own evaluations, the default Facebook header offers some helpful insight.
We advise leaving the header enabled because of this. By selecting the “Enable” toggle, you can, however, get rid of the header if you’d like.
Ready to go back to the editor’s home page?
Simply click the ‘Customize’ link after that.
Give the ‘Reviews’ setting a click to access the following setting.
Selecting ‘Post Style’ or ‘Edit Individual Elements’ is an option here.
You can alter how the individual reviews appear inside the stream by choosing “Post Style.”
For instance, to generate curved edges, you can switch to a boxed layout, add a box shadow, and alter the corner radius.
The preview will update automatically as usual, allowing you to experiment with multiple settings to find the one that looks the best.
The ‘Reviews’ option will take you back to the previous screen once you are satisfied with the feed’s appearance.
Choose ‘Edit Individual Elements’ this time. Now you can see every piece of information that Reviews Feed Pro has added to every review, including the rating, author, date, photos, and review text.
This material can be added and removed as needed to display only the details that visitors need to see. Simply check and uncheck the various options to accomplish this.
By clicking on the various materials, you can also alter them.
As an illustration, we adjusted the colour and size of the review material, also known as the “Review Paragraph,” in the image below. You can direct the visitor’s focus to the most crucial information in this way.
When you are satisfied with the feed’s appearance, select “Customize” to go back to the primary Smash Balloon editor.
‘Load More Button’ is now available for selection.
Smash Balloon automatically includes it in your feed because the ‘Load More’ button enables users to browse additional reviews. You could want to change the background colour, hover state, label, margins, and other factors because it’s such a significant button in order to make it stand out.
By entering text in the “Text” field, you can also substitute your own messaging for the pre-populated “Load More” content.
By selecting the ‘Enable’ toggle, you can get rid of the button if you’d like. By doing this, you can entice visitors to your Facebook page so they can read additional reviews.
Configurable Facebook Page Review Options
You might want to modify the Facebook review feed’s settings after you are satisfied with how it appears. They let you use filters to control the content and reorganize the reviews that show up on your website. Even specific reviews can be chosen to appear in the Facebook stream.
Select the ‘Settings’ tab to view the choices.
To start, you might want to choose ‘Sort’ to reorder the reviews.
Reviews can be arranged here according to date or rating.
You can access some extra settings after selecting one of these options.
For instance, if the ‘By Rating’ slider is enabled, you can decide whether to display the reviews with the highest or lowest ratings first.
Another choice is to use the ‘Randomize’ slider to display reviews at random.
Even for repeat users, this may help keep the feed interesting.
Click the ‘Settings’ icon once you are satisfied with the order.
This returns you to the primary “Settings” tab.
The reviews that are displayed on your website can then be filtered by choosing “Filters” in the following step.
You can initially decide whether to display reviews with a specific star rating.
You can increase sales by doing this by displaying the best reviews to potential customers. However, some visitors may regard you as less trustworthy if you only show good evaluations, which can hurt your conversion rates.
Additionally, you can sort reviews according on their substance. For instance, you might want to block any reviews that contain the name of your main rival or profanity.
A different choice is to only display reviews that contain a particular word or phrase. You might just display reviews that mention a specific WooCommerce product on a landing page you are building, for example.
Simply enter the terms on the blacklist or whitelist into the ‘By terms’ area to create one of these filters.
After completing that, select the option for “Settings.”
‘Moderation’ is the last choice, and it lets you choose which specific reviews you wish to display to visitors. You have total control over the Facebook review feed thanks to this.
You can select “Moderation” and then “Allow List” or “Block List” from the menu that appears.
You can tick the box next to each review you want to display if you choose to “Allow List.” Instead, if you select “Block List,” you can check the box next to any review you want to conceal.
Are you satisfied with the way the review feed is organized?
After that, click “Save” to save your changes.
Once it is finished, your WordPress website will be ready for review.
How to Add Reviews from Facebook Pages to WordPress
Now, you may use a block, widget, or shortcode to integrate the review feed to your website, blog, or online store.
Before using the widget or block, you must be aware of the feed’s shortcode if you used Reviews Feed Pro to build more than one feed.
Visit Reviews Feed » All Feeds and check the value under “Short Code” to find this information. Make a note of this code since you will need to put it in the block or widget.
Use the Smash Balloon Reviews Feed block if you wish to integrate the feed into a post or page.
Simply open the post or page where you want your Facebook page reviews to appear. Then, enter “Reviews Feed” by beginning to type after clicking the “+” icon to add a new block.
Click to include the appropriate block in the WordPress block editor when it displays.
By default, the block will display one of your review feeds. The ‘Shortcode Settings’ can be found in the right-hand menu if you want to display a different feed.
Simply enter the short code you received earlier here, then click “Apply Changes” to save your changes.
You can publish or amend the page if you are satisfied with how the review feed appears.
You may also provide your website the Reviews Feed widget. Positive customer reviews can be shown in this way on all pages and posts. For instance, you may include the widget in the WordPress bottom or sidebar.
Go to Appearance » Widgets to add the Reviews Feed widget to your website. The blue “+” icon will then appear toward the top of the screen.
To find the proper widget, put “Reviews Feed” into the panel that opens.
Simply drag the widget into the sidebar or other appropriate spot where you wish to display the reviews.
One of the feeds that you produced using the Reviews Feed plugin will automatically be shown by the widget. Enter the feed’s shortcode into the ‘Shortcode Settings’ box if this isn’t the feed you wish to display.
Afterwards, select “Apply Changes.”
By selecting the ‘Update’ option, you can now make the widget live. Please refer to our guide on adding and using widgets in WordPress for more details.
Another choice is to use the shortcode to add the Facebook review feed to any page, post, or widget-ready area.
Please refer to our tutorial on adding a shortcode for assistance placing the shortcode.
Use a block theme, do you? After that, you can add the Reviews Feed block anywhere on your website using the complete site editor. This includes elements that you can’t change using the default WordPress content editor, such as the template for your site’s 404 page.
Navigate to Editor under Appearance in the WordPress dashboard.
The home template for your theme is displayed by default in the complete site editor, but you may add the review feed to any template or element of a template, such as the footer.
Choose either “Templates” or “Template Parts” to see all the options.
Now you can select the template or section of the template you want to alter.
The processes are the same regardless of the template you select, but we will add the review feed to a 404-page template as an example.
After selecting a template, WordPress will offer a preview of the template or template component.
To add your Facebook page reviews to this template, click on the small pencil symbol.
After completing that, select the blue “+” icon in the top left corner.
Enter “Reviews Feed” in the search box.
Drag and drop the appropriate block onto the theme template when it appears.
As usual, Reviews Feed will by default display a feed. Simply add the shortcode using the same steps as above to update this feed.
Additional benefits: How to Include Reviews from TripAdvisor, Yelp, and Google
WordPress is an excellent place to start for displaying your Facebook page reviews. However, there are numerous locations online where clients can leave reviews for your company.
You might receive more ratings on other platforms outside Facebook, depending on your industry. It typically makes sense to include TripAdvisor ratings if you operate a bed and breakfast or restaurant website, for instance.
Without adding any additional plugins, you can display reviews from TripAdvisor, Google, and more with Smash Balloon Reviews Feed Pro.
Just use the steps outlined above to create a new feed. Choose “Add New” when you arrive at the “Create a Review Feed” screen.
Simply choose the website you wish to receive reviews from in the popup that displays, such as Google or TripAdvisor.
Select the “Next” button after that.
Following that, Smash Balloon Reviews Feed Pro will walk you through connecting WordPress to the platform of your choice.
We sincerely hope that this post has taught you how to use WordPress to show Facebook page ratings. You might also want to find out how to make a customized Instagram photo feed or browse our list of the top Facebook plugins for blogs.
Please subscribe to our YouTube channel for WordPress video tutorials if you enjoyed this article. Additionally, you may find us on Facebook and Twitter.