ClicksClick

How to display your Facebook page reviews in WordPress

How to Display Your Facebook Page Reviews in WordPress


Do you want to display your Facebook page reviews in WordPress?

Reviews and ratings can help you gain the trust of potential customers and encourage them to buy from your website. If you have a Facebook page, then you may already have lots of reviews that you can easily embed in your WordPress website.

In this article, we will show how to display Facebook page reviews and ratings on your WordPress website.

Why Should You Display Facebook Page Reviews in WordPress?

Reviews can help you build social proof and gain the trust of your visitors, which means more sales for your business.

There are lots of ways to collect reviews, including using the best customer review plugins for WordPress or the best customer testimonial plugins.

However, Facebook has its own built-in review system. If you already have a Facebook page, then followers can review your products and services on that platform.

It’s also a good idea to show these reviews on your WordPress website. That way, people can see all your positive reviews, even if they don’t visit your Facebook page.

With that in mind, let’s see how to display your Facebook page reviews in WordPress.

How to Display Your Facebook Page Reviews in WordPress

The best way to add Facebook reviews to your WordPress website is by using Smash Balloon’s Reviews Feed Pro.

Reviews Feed Pro is the best customer review plugin for WordPress, and it lets you show reviews from Facebook, Google, Yelp, and TripAdvisor without having to install any extra WordPress plugins.

An example of a Facebook page review feed, embedded in WordPress

Even better, the feed will update automatically as customers post new reviews to your Facebook page. This means potential customers will always see the latest reviews without you needing to add them manually.

Reviews Feed Pro also copies your site’s design and WordPress theme, so the Facebook reviews look like a natural part of your website rather than content embedded from an external social media platform.

Displaying Facebook page reviews on an online store

Set Up 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.

Adding a Smash Balloon license to a WordPress website

You will find the license key in your account on the Smash Balloon website.

Connect Smash Balloon to Your Facebook Page

Now, you are ready to connect your Facebook page to your WordPress blog. This may sound complicated, but Reviews Feed Pro will walk you through the process.

To get started, go to Reviews Feed » All Feeds and click on ‘Add New’.

Creating a Facebook review feed for WordPress

Reviews Feed Pro is an advanced plugin that can show reviews from Google, Facebook, Yelp, and more.

To display your Facebook page reviews, go ahead and click on ‘Facebook’. Then, select ‘Connect with Facebook’.

Creating a Google, TripAdvisor, Yelp, or Facebook page review feed

With that done, select the radio button next to ‘Page’.

Then, just click ‘Connect to Facebook’.

Connecting a Facebook page to your WordPress website

This opens a popup where you can log in to your Facebook account and choose one or more pages where you will get the reviews from.

After that, simply click on ‘Next’.

Changing the Facebook page permissions

Facebook will now show all the information that Smash Balloon will have access to and the actions it can perform.

To restrict Smash Balloon’s access to your Facebook page, just click any switch to turn it from ‘Yes’ to ‘No’.

Just be aware this may affect the reviews that appear on your WordPress website. That said, it’s a good idea to leave all the switches enabled.

Changing the Facebook permissions for Smash Balloon

When you are happy with how the Facebook permissions are set up, select ‘Done’.

After a few moments, you will see a message confirming that you have connected your WordPress blog to your Facebook page.

When that’s done, just click on the ‘OK’ button.

Connecting Facebook to your WordPress website

Reviews Feed Pro will now take you back to the WordPress dashboard automatically.

Create a Facebook Review Feed for WordPress

You are now ready to create a feed showing all the reviews from your Facebook page.

Simply check the box next to your Facebook page and then click ‘Next’.

Creating a Facebook page review feed for a WordPress eCommerce store or website

You can now choose the template you want to use for your page reviews. For example, you may want to highlight a single review or show multiple reviews in a masonry layout.

After making a decision, click on ‘Next’.

Choosing a template for an embedded social media feed

Smash Balloon will now go ahead and create the feed and then open it in the editor, ready for you to customize.

Customizing Your Facebook Review Feed

Smash Balloon automatically copies your site’s design, so the feed should already fit perfectly with your WordPress theme. However, you can fine-tune every part of the feed to get exactly the design you want.

The editor shows a live preview of your review feed to the right. On the left is a menu that shows the different settings you can use to change how the Facebook reviews look.

Most of these settings are self-explanatory, but we will quickly look at the major areas. To get started, click on ‘Layout’ in the left-hand menu.

Changing the layout of an embedded Facebook page review feed

Here, you can choose from a Grid, Masonry, or Carousel layout.

As you click on the different options, the live preview will automatically update to show the new layout. In this way, you can try different layouts to see what looks the best.

The Smash Balloon social media feed editor

You can also change the spacing, how many Facebook reviews to display in the feed, and the number of characters WordPress shows from each review.

As you make changes, remember the feed may look different on smartphones and tablets compared to desktop computers.

With that in mind, it’s a good idea to test the mobile version of your review feed using the row of buttons in the right-hand corner. In this way, you can create a Facebook review feed that looks just as good on smartphones and tablets as it does on desktop computers.

Testing an embedded Facebook page review feed on smartphones and tablets

If you use the Carousel layout to create a responsive slider, then you can change how the reviews scroll using the ‘Pagination’ settings.

For example, you can enable autoplay so that the reviews scroll automatically or make the interval longer so that customers have more time to read each Facebook review.

Changing the social media pagination settings

When you are happy with these changes, just click on the small arrow next to ‘Customize’.

This takes you back to the main settings screen.

Customizing the Facebook reviews on a WordPress blog or website

The next option is ‘Header’, which controls the text that appears at the top of your Facebook review feed.

By default, Smash Balloon shows a ‘Review’ headline, your average star rating, the total number of reviews, and a ‘Write a review’ button.

Adding a header to a social media feed

To remove a piece of content, simply uncheck any of the Heading, Button, or Average Review Rating boxes.

Another option is to change the padding and margins using the settings under ‘Element Header Spacing’.

Customizing the social media header in WordPress

Do you want to customize the header text? Then simply click on Heading, Button, or Average Review Rating, depending on the content you want to change.

This takes you to a screen where you can change the text color, size, and more.

Creating a custom header for an embedded social media feed

You can also replace the default text with your own custom messaging by typing into the ‘Content’ field.

After making these changes, simply click on the ‘Header’ link to return to the previous screen.

Adding your own messaging to a live review feed

The default Facebook header provides some useful context while also encouraging visitors to write their own reviews.

For that reason, we recommend leaving the header enabled. However, if you prefer, then you can remove the header by clicking the ‘Enable’ toggle.

Disabling the header on a social media live feed

Ready to return to the main editor screen?

Then simply click on the ‘Customize’ link.

Returning to the main Smash Balloon settings screen

The next setting is ‘Reviews’, so give this option a click.

Here, you can choose between ‘Post Style’ and ‘Edit Individual Elements’.

Displaying your Facebook page reviews in WordPress

If you select ‘Post Style’, then you can change how the individual reviews look inside the feed.

For example, you can switch to a boxed layout, add a box shadow, and change the corner radius to create curved edges.

Creating a boxed review style in WordPress

As always, the preview will update automatically, so you can try different settings to see what looks the best.

When you are happy with how the feed looks, simply click on the ‘Reviews’ link to return to the previous screen.

The user-friendly Smash Balloon editor

This time, select ‘Edit Individual Elements’. You will now see all the different content that Reviews Feed Pro includes in each review, such as the rating, author and date, images, and review text.

You can add and remove this content to show exactly the information that visitors need to see. To do this, simply check and uncheck the different boxes.

Customizing content inside a Facebook page review

You can also customize the different content by clicking on it.

For example, in the following image, we have changed the color and size of the review content, known as the ‘Review Paragraph’. In this way, you can draw the visitor’s attention toward the most important information.

Customizing embedded Facebook page reviews on an online store or WordPress website

When you are happy with how the feed looks, click on ‘Customize’ to return to the main Smash Balloon editor.

You can now select ‘Load More Button’.

The Smash Balloon Reviews Feed Pro WordPress plugin

The ‘Load More’ button allows visitors to see more reviews, so Smash Balloon adds it to your feed by default. Since it’s such an important button, you may want to make it stand out by changing the background color, hover state, label, margins, and more.

You can also replace the default ‘Load More’ text with your own messaging by typing into the ‘Text’ field.

Customizing the load more button on a social media feed

If you prefer, then you can remove the button by clicking the ‘Enable’ toggle. In this way, you can encourage people to visit your Facebook page in order to read more reviews.

Customize the Facebook Page Review Settings

When you are happy with how the Facebook review feed looks, you may want to change its settings. They allow you to reorganize the reviews that appear on your site and moderate the content using filters. You can even pick individual reviews to show in the Facebook feed.

To see the available options, select the ‘Settings’ tab.

Filtering and moderating Facebook page reviews

First, you may want to reorganize the reviews by selecting ‘Sort’.

Here, you can organize reviews based on date or rating.

Organizing Facebook page reviews in WordPress

After choosing one of these options, you will get access to some additional settings.

For example, if you enable the ‘By Rating’ slider, then you can choose whether to show the highest or lowest-rated reviews first.

Showing the highest rated Facebook reviews

Another option is to show reviews at random by clicking the ‘Randomize’ slider.

This can be a way to keep the feed interesting, even for regular visitors.

Randomizing Facebook reviews on a website or blog

When you are happy with the order, click on the ‘Settings’ link.

This takes you back to the main ‘Settings’ tab.

How to display Facebook page reviews in WordPress

Next, you may want to filter the reviews that appear on your website by selecting ‘Filters’.

To start, you can choose whether to show reviews that have a certain star rating.

Moderating Facebook page reviews, embedded on a WordPress website

In this way, you can show the best reviews to potential customers and get more sales. However, if you only display positive reviews, then some visitors may see you as less trustworthy, which can damage your conversion rates.

You can also filter reviews based on their content. For example, you may want to hide all reviews that include the name of your biggest competitor or offensive language.

Another option is to only show reviews that feature a specific word or phrase. For instance, if you are creating a landing page for a particular WooCommerce product, then you might only show reviews that mention the product.

To set up either of these filters, simply type the blacklisted or whitelisted words into the ‘By Words’ section.

Filtering social media reviews

With that done, click on the ‘Settings’ link.

The final option is ‘Moderation’, which allows you to pick the individual reviews you want to show to visitors. This gives you complete control over the Facebook review feed.

The Smash Balloon filtering and moderating settings

After selecting ‘Moderation’, you can choose between ‘Allow List’ or ‘Block List’.

If you select ‘Allow List,’ then you can check the box next to each review you want to show. If you choose ‘Block List’ instead, then you can check the box for every review you want to hide.

Adding individual Facebook reviews to a WordPress website

Are you happy with how the review feed is set up?

Then go ahead and click on ‘Save’ to store your changes.

Saving a Facebook page review feed

With that done, you are ready to add the reviews to your WordPress website.

How to Add Facebook Page Reviews in WordPress

You can now add the review feed to your online store, blog, or website using either a block, widget, or shortcode.

If you have created more than one feed using Reviews Feed Pro, then you will need to know the feed’s shortcode before you can use the widget or block.

To get this information, head over to Reviews Feed » All Feeds and then look at the value under ‘Shortcode’. You will need to add this code to the block or widget, so make a note of it.

Adding Facebook page reviews to WordPress using shortcode

If you want to embed the feed in a post or page, then we recommend using the Smash Balloon Reviews Feed block.

Just open the page or post where you want to show your Facebook page reviews. Then, click on the ‘+’ icon to add a new block and start typing ‘Reviews Feed’.

When the right block appears, click to add it to the WordPress block editor.

Adding the Reviews Feed block to a WordPress page or post

The block will show one of your review feeds by default. If you want to show a different feed, then find the ‘Shortcode Settings’ in the right-hand menu.

Here, simply add the shortcode you got earlier, and then click on ‘Apply Changes’.

Showing different review feeds using shortcode

If you are happy with how the review feed looks, then you can go ahead and publish or update the page.

Another option is to add the Reviews Feed widget to your website. This is a great way to show positive customer reviews on every page and post. For example, you might add the widget to the sidebar or WordPress footer.

To add the Reviews Feed widget to your site, head over to Appearance » Widgets. You can then click on the blue ‘+’ icon towards the top of the screen.

Adding a review feed to a widget-ready area

In the panel that appears, type in ‘Reviews Feed’ to find the right widget.

Then, simply drag the widget onto the area where you want to show the reviews, such as the sidebar or similar section.

Adding reviews to WordPress using a widget

The widget will automatically show one of the feeds you created using the Reviews Feed plugin. If this isn’t the feed you want to display, then type the feed’s shortcode into the ‘Shortcode Settings’ box.

After that, click on ‘Apply Changes.’

You can now make the widget live by clicking on the ‘Update’ button. For more information, please see our guide on how to add and use widgets in WordPress.

Another option is adding the Facebook review feed to any page, post, or widget-ready area using the shortcode.

For help placing the shortcode, please see our guide on how to add a shortcode.

Are you using a block theme? Then you can use the full site editor to add the Reviews Feed block anywhere on your website. This includes areas you can’t edit using the standard WordPress content editor, such as your site’s 404 page template.

In the WordPress dashboard, go to Appearance » Editor.

Opening the full site editor (FSE)

By default, the full site editor shows your theme’s home template, but you can add the review feed to any template or template part, such as the footer.

To see all the available options, select either ‘Templates’ or ‘Template Parts’.

Adding Facebook reviews to your website using the full-site editor (FSE)

You can now click on the template or template part you want to edit.

As an example, we will add the review feed to a 404 page template, but the steps will be exactly the same no matter which template you choose.

Adding social media reviews to any part of your website using FSE and a block-enabled WordPress theme

After selecting a template, WordPress will show a preview of the template or template part.

To add your Facebook page reviews to this template, click on the small pencil icon.

Adding Facebook page reviews to a 404 template

With that done, click on the blue ‘+’ icon in the top left corner.

In the search bar, type in ‘Reviews Feed’.

Adding reviews to WordPress using the full-site editor (FSE)

When the right block appears, drag and drop it onto the theme template.

As always, Reviews Feed will show a feed by default. To change this feed, simply add the shortcode following the same process described above.

Showing different social media feeds using shortcode

Bonus: How to Add Google, Yelp, and TripAdvisor Reviews

Displaying your Facebook page reviews in WordPress is a great start. However, there are many different places where customers may review your business online.

Depending on your industry, you may get more reviews on other platforms besides Facebook. For example, if you have a restaurant website or run a bed and breakfast, then it often makes sense to show reviews from TripAdvisor.

With Smash Balloon Reviews Feed Pro, you can show reviews from TripAdvisor, Google, and more, without installing any extra plugins.

Simply create a new feed following the process described above. When you get to the ‘Create a Review Feed’ screen, select ‘Add New’.

Creating multiple review feeds for a WordPress blog or website

In the popup that appears, simply select the platform where you want to get reviews from, such as Google or TripAdvisor.

Then, select the ‘Next’ button.

Showing reviews from Google, TripAdvisor, Yelp, and more

After that, Smash Balloon Reviews Feed Pro will guide you through the process of connecting WordPress to your chosen platform.

We hope this article helped you learn how to display your Facebook page reviews in WordPress. You may also want to see our expert pick of the best Facebook plugins for your blog or learn how to create a custom Instagram photo feed.

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.



Source link

댓글 달기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다