How to Display Popular Products on WooCommerce Product Pages (2 Ways)

Do you want to learn how to add popular products on your WooCommerce product pages?

Showing popular products on your online store pages is a proven way to boost sales. This is why Amazon, Walmart, and all other big stores have a best-seller widget.

In this article, we’ll show you how to display popular products on your WooCommerce product pages.

Why Should You Display Popular Products in WooCommerce?

Displaying your popular WooCommerce products is an easy way to increase sales on your online store.

These products are already proven to convert, so by getting more eyeballs on these products you’ll easily make more sales.

You can even create a separate popular WooCommerce products page, just like how Amazon has their own bestseller charts.

With that said, let’s take a look at how you can add popular products to your WooCommerce product pages.

How to Find What WooCommerce Products Are Popular

First thing you need to do is find out what products are popular and selling well. With a WordPress plugin, you can see all of your WooCommerce analytics data and which products are the most popular.

MonsterInsights is the best analytics plugin for WordPress. It shows you the performance of your online store and which products are the most popular at a glance.

For more details, see our step by step guide on how to setup WooCommerce conversion tracking.

After you’ve integrated WooCommerce with MonsterInsights, you can see your most popular products by navigating to Insights » Reports and then click on the eCommerce tab.

Here you can see which products are bringing you the most revenue, how many units you’ve sold, and overall stats about your store’s performance.

Another great feature of MonsterInsights is you can simply add your popular products to the end of your blog posts to boost sales.

To do this navigate to Insights » Popular Posts and then click the ‘Popular Products’ menu option.

On this screen you can customize how your popular products will display.

You have control over the design, the layout option, how many products are featured, and more.

Once you’ve made changes make sure to click ‘Save Changes’ at the top of the screen, and your popular products will automatically display at the end of your posts.

Now, we’ll show you two of the most popular ways to display popular WooCommerce products, beyond simply adding them to your blog posts.

Use the quick links below to choose how you want to add popular products to WooCommerce.

• Create a popular products page with SeedProd
• Add popular products to WooCommerce product pages

Method 1: Using SeedProd to Create a Popular Products Page

SeedProd is the best drag and drop WordPress page builder used by over 1 million websites.

With this plugin, you can simply add popular products to your WooCommerce product pages and create landing pages for your products to improve your conversions.

It has a handful of WooCommerce blocks that let you easily create and customize your product pages.

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

Note: there is a free version of SeedProd that you can use, but we’ll be using the Pro version since it has more features.

Upon activation, you need to go to SeedProd » Settings and enter your license key. This information is under your account on the SeedProd website.

Once you’ve done that, navigate to SeedProd » Templates.

There are hundreds of pre-made page templates you can use, or you can select the ‘eCommerce Thank You Page’ template that we’re using for this tutorial.

Once you’ve found the template you want to use, hover over it and click the ‘Checkmark’ icon.

You need to give your page a name, then click the ‘Save and Start Editing the Page’ button.

After that, you’ll be taken to the page editor screen. Every element of the page can be completely customized with the drag and drop builder.

On the left-hand menu, you’ll see a block section labeled ‘WooCommerce’.

Select the ‘Products Grid’ option and drag it over to your page.

Note: you’ll see a ‘Best Selling Products’ option you can use, however, we’re going to create a custom list of products using our MonsterInsights data.

After that, click the ‘Gear’ icon to bring up the ‘Block Settings’ menu.

Next, under the ‘Query’ category, turn the ‘Select By SKU’ toggle on.

Then, select the SKUs that match your popular products.

To select multiple products that aren’t listed together, hold the ‘Command’ key on Mac, or hold the ‘CTRL’ key on PC.

Once you’ve finished adding your popular products, make sure you click ‘Save’ to save your changes. To publish this page live, click the arrow next to ‘Save’ and select ‘Publish’.

You’ve now added your most popular products to a unique popular products page.

With SeedProd, you can make nearly endless customizations to this page to improve the conversions.

You can also add this page to your WordPress navigation menu to encourage your visitors to browse your popular products.

Method 2: Using WooCommerce Shortcodes to Add Popular Products to Product Pages

WooCommerce has built-in shortcodes you can use to customize your product pages and other areas of your online store.

These shortcodes make it easy to display your popular products on your existing WooCommerce product pages.

To do this navigate to Products » All Products, then open up the product you want to customize.

In the product editor screen, you’re going to add the following shortcode. For more details, see our beginner’s guide on how to add a shortcode in WordPress.

You can use the following MonsterInsights shortcode to automatically display your popular products:

[monsterinsights_popular_posts_products]

MonsterInsights will automatically update the list as popular products change.

Alternatively, you can manually select which products to show using a built-in WooCommerce shortcode:

[products limit="3" columns="3" skus="logo-collection, Woo-tshirt-logo, woo-long-sleeve-tee"]

The shortcode above will create a row of three products. You can increase the ‘product limit’ and ‘columns’ to list more popular products on your page.

The ‘skus’ refer to the product SKUs you’ll find on your WooCommerce products page.

Make sure you replace the SKUS in the shortcode above with your own most popular products.

You can find your product SKUs by navigating back to Products » All Products.

Once you’re done editing your product page click ‘Update’.

Now your visitors will see your regular product listing and your most popular products highlighted below.

If you’re looking for more ways to increase sales, then you can create a WooCommerce popup or add a free shipping bar in WooCommerce.

We hope this article helped you learn how to display popular products on WooCommerce product pages. You may also want to see our list of the best WooCommerce themes and our expert picks of the best WooCommerce plugins for your store.

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 Display Popular Products on WooCommerce Product Pages (2 Ways) appeared first on WPBeginner.

May 03, 2021 at 02:40PM

9 Best Star Rating Plugins for WordPress in 2021 (Compared)

Are you looking for the best star rating plugins for WordPress?

Adding star ratings to your website lets your customers review your products and services while improving your social proof.

In this article, we’ll share the best star rating plugins for WordPress, so you can simply add star ratings to your WordPress website.

Why Use a Star Rating Plugin for WordPress?

A star rating plugin lets you simply add customer and client reviews to your website with built-in star ratings.

The star rating system is incredibly popular and allows your visitors to see the quality of your products and services at a glance. Star ratings act as social proof for your website visitors.

By default, WordPress does not have a built-in star rating feature, but you can easily add this with a WordPress plugin.

With a star rating plugin, you’ll be able to collect and display star ratings across your WordPress website. You can even display your star ratings with customer testimonials and reviews.

That being said, let’s take a look at some of the best star rating plugins for WordPress.

1. WPForms

WPForms is the best WordPress form plugin in the market used by over 4 million WordPress users.

Not only is it the most beginner friendly form plugin, it also comes with many powerful features such as the ability to let users submit ratings through your forms.

You can easily add a star rating field to any of your forms. Simply select the Ratings field within the drag and drop form builder.

You can couple your star ratings with a testimonial form using the Testimonial Form Template within the Form Templates Pack addon.

This helps you collect ratings, reviews, and testimonials all in one place.

2. Facebook Social Reviews Feed – Smash Balloon

Facebook Social Reviews Feed by Smash Balloon lets you display social reviews with a star rating from your Facebook page on your website.

If you have a ton of great reviews on your Facebook business page, then you can simply add these to your site and improve social proof.

The Custom Facebook Feed Pro plugin is the most popular Facebook feed plugin and lets you simply add a Facebook page feed to WordPress.

The Reviews extension lets you display your starred Facebook reviews and testimonials by adding a shortcode to your site.

Note: to use the Facebook Reviews extension, you need to purchase the Custom Facebook Feed Pro plugin.

3. Site Reviews

Site Reviews lets your visitors submit star ratings between 1 and 5 stars. When you display your ratings on your site, this plugin lets you to pin your best reviews to the top, so your visitors see them first.

There’s a built-in approval system, so you can moderate ratings before they go live on your site. This prevents spam and unfair reviews from being posted and negatively impacting your business.

You also have the option to require users to log in before they’re allowed to post a star rating.

With this plugin you can quickly respond to reviews, display reviews and star ratings across your website, and more.

4. All in One SEO

All in One SEO (AIOSEO) is the best SEO plugin for WordPress in the market. It offers the most comprehensive SEO toolkit to help you improve your rankings without difficulty.

It includes a setup wizard that’ll automatically help you choose the best SEO settings for your website.

AIOSEO also includes product review schema markup, which allows you to add star ratings that show up in the search results.

Displaying rich snippets will improve your search engine appearance and help you get more traffic to your website.

5. Easy Testimonials

Easy Testimonials lets you enter user testimonials and reviews with a star rating from your WordPress dashboard. This is very useful if you’re using a plugin like WPForms to collect star ratings.

There are tons of entry options that let you customize each review like, the star rating, the product or service they used, the person’s name, email, and even company role.

The free version has multiple themes and blocks you can use with the WordPress block editor to display your starred reviews. Or, you can use the included shortcode to simply add reviews to your website.

6. YITH WooCommerce Advanced Reviews

YITH WooCommerce Advanced Reviews expands and improves the existing WooCommerce review section.

The standard WooCommerce review area lets users submit a basic review and star rating. But, since reviews act as social proof and are more important than ever, you’ll want to improve this area.

This plugin essentially transforms your WooCommerce review section into an Amazon review section. Your customers will be able to add a review title and attach images, along with a star rating.

You’ll also be able to display the total number of times a certain star rating was submitted for each product.

7. Rate My Post

Rate My Post is a unique plugin that lets your visitors submit a star rating to your posts and pages. This is a great way to obtain feedback about what you’re writing, so you can improve.

When a user submits a star rating, they can also send you private feedback about the rating they gave.

This plugin gives you the option to display the star review before your post, to act as social proof for future readers.

It’s also equipped with a detailed stats section, so you can see which posts your readers like the most. You can even use the included top posts widget to display the posts with the highest star rating in your sidebar.

8. WP Product Review Lite

WP Product Review Lite is the best WordPress product review plugin. It comes with detailed product review settings, including adding a star rating for each product.

Beyond adding star ratings, you can add product features, pros and cons, add images, and more. You can also let users submit their own ratings and reviews of the product.

Adding a review is very easy. All you have to do is select the product review option when writing a blog post and fill out the review settings.

It also has a sidebar widget to display your product reviews and star ratings easily.

For more details, see our guide on how to make a niche review site in WordPress.

9. OptinMonster

OptinMonster is one of the best WordPress popup plugins and conversion tools. With this tool, you can create eye catching popups, countdown timers, floating headers, and much more.

Best of all, these can be customized entirely to deliver a targeted experience for your users, and you can add star ratings, user testimonials, etc inside your popups.

By delivering a completely customized marketing experience, you’ll easily elevate your conversions.

You can also use OptinMonster with the most popular WordPress form plugins and top email marketing services.

We hoped this article helped you find the best star rating plugins for WordPress. You may also want to see our list of the best push notification software for WordPress and our expert picks of the must have WordPress plugins for small businesses.

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 9 Best Star Rating Plugins for WordPress in 2021 (Compared) appeared first on WPBeginner.

April 30, 2021 at 04:20PM

How to Easily Embed Instagram in WordPress (Step by Step)

Are you looking for an easy way to embed Instagram feeds on your WordPress website?

Embedding Instagram photos and videos on your website helps keep your content fresh, increases user engagement, and builds trust.

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

Why Embed Instagram on Your WordPress Site

Showing content from your Instagram account on your WordPress website has a lot of benefits.

You can display product reviews, showcases, shoppable images, and other user-generated content in an Instagram feed as social proof to build trust and drive more sales.

It also helps improve the search engine optimization (SEO) of your site by keeping the content fresh and updated.

Aside from that, Instagram feeds are great for increasing engagement and keeping visitors on your website.

That said, let’s see how to embed an Instagram feed in WordPress.

How to Embed Instagram Feed with a WordPress Plugin

The easiest way of embedding Instagram feeds on WordPress is through a plugin.

For this tutorial, we will be using the free Smash Balloon Social Photo Feed. It is the best Instagram plugin for WordPress and allows you to display content from your Instagram account to your WordPress site in an instant.

There is also a paid version of the plugin called Smash Balloon Instagram Feed Pro. It offers more customization options like sort feeds based on hashtags, combine different feed types, show captions, likes and comments, and much more.

First, you need to install and activate the Smash Balloon Social Photo Feed plugin on your website. For more details, see our step-by-step guide on how to install a WordPress plugin.

After activating the plugin, you need to visit Instagram Feed » Settings and click the ‘Connect an Instagram Account’ button under the ‘Configure’ tab.

You will see a popup where you can choose between a Personal or Business Instagram profile. For this tutorial, we will select the Personal option and click the ‘Connect’ button.

On the other hand, if you have a Business or Creator Instagram account, then you can select the ‘Business’ option to continue.

After that, you will have to log in to your Instagram account and click the ‘Allow’ button to let Smash Balloon access your profile information and media content.

You’ll now be redirected back to your website, where you’ll see a popup with your Instagram ID asking you to connect your account. To do that, click the ‘Connect This Account’ button.

Next, you should see your Instagram account connected to Smash Balloon.

After that, go to the ‘Customize’ tab and change the look and feel of your Instagram feed. For example, customize the width and height of the feed, and change the background color.

Other than that, Smash Balloon lets you choose the number of photos and columns to display in the feed. You can also select the padding around images, disable mobile layout, sort your images, and select image resolution.

If you scroll down, there are more options for customization. For instance, edit the header of your Instagram feed, enable the ‘Load More’ and ‘Follow’ buttons, change GDPR settings, and get a weekly feed issue report.

However, if you upgrade to the Pro version, there are additional customization features, like selecting a layout type, enabling caption, like and comments, post-filtering, and moderation.

After you are done editing the Instagram feed, click the ‘Save Changes’ button.

Next, Smash Balloon Social Photo Feed makes it very easy to embed Instagram anywhere on your WordPress blog.

To do that, edit or add a new post/page. In the WordPress editor, click the plus sign (+) to add a new block and search for ‘Instagram Feed.’

Smash Balloon will automatically load the Instagram feed and show you a preview in the content editor. You can now publish your post or page to display content from Instagram.

If you are using the classic editor, then you’ll need to use the shortcode [instagram-feed] where you want to display your Instagram feed.

Smash Balloon Social Photo Feed plugin also makes it very easy to add the feed in the sidebar. To do that, go to Appearance » Widgets, drag the Instagram Feed widget to your sidebar, and click the ‘Save’ button.

How to Add Instagram Feed Using Default Embed Blocks

If you are looking to embed an Instagram feed in your content using the default embed feature, then you’ll need to enable Instagram oEmbeds in the Smash Balloon Social Photo Feed plugin.

This is because you cannot directly embed content from Instagram or Facebook to your WordPress website anymore.

The feature was deprecated in October 2020 by WordPress, when Facebook required developers to register an app and use Access Tokens to get the data from their API for oEmbed content.

A simple solution to fix the oEmbed issue is by using the Smash Balloon Social Photo Feed plugin. Just go to Instagram Feed » oEmbeds from your WordPress admin area.

After that, click the ‘Enable Instagram oEmbeds’ button.

You will now see a popup where the plugin will ask you to ‘Connect to Facebook.’

Next, log in to your Facebook account and connect it with Smash Balloon.

After that, you can select Facebook pages that you want to use with Smash Balloon and click the ‘Next’ button.

An advantage of allowing Smash Balloon to use your pages is that your Access Tokens do not expire. You can skip this part, but your Access Token will only be valid for 60 days.

Next, you need to select what Smash Balloon can do with your Facebook page and click the ‘Done’ button. For example, you can allow the plugin to show a list of pages you manage.

After that, you should see a message saying you’ve now linked Smash Balloon social to Facebook. Now click the ‘Ok’ button to return to your WordPress admin area.

You will see a message saying that Instagram Feed will replace your old oEmbeds automatically and generate all new content for all new links.

Now, you can easily embed any Instagram content in your blog post or page.

Just go to your Instagram account and click the three dots (…) in the right top corner of any Instagram picture or video to open more options.

Next, click the ‘Copy Link’ button when more options appear in the popup.

After that, edit any post or page and click the plus (+) sign to the top left corner to add an ‘Embed’ block.

Now enter the URL of your Instagram content and click the ‘Embed’ button.

Once that is done, you can publish your post or page to see the Instagram feed on your website.

We hope this article helped you learn how to embed Instagram to your WordPress website. You might also want to go through our guide on how to choose the best website builder and proven ways to make money online blogging with WordPress.

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 Easily Embed Instagram in WordPress (Step by Step) appeared first on WPBeginner.

April 29, 2021 at 01:30PM