Add Yelp Reviews Widget to Your Website in 5 Steps (+ Screenshots)
clicksocial

Schedule social media posts straight from WordPress with ClickSocial

Start Free Trial angle-right
Home Blog Add Yelp Reviews Widget to Your Website in 5 Steps (+ Screenshots)

Add Yelp Reviews Widget to Your Website in 5 Steps (+ Screenshots)

how to embed yelp reviews widget on your website

Want a quick and easy way to embed Yelp review widgets?

As a trusted review platform, Yelp is a great source of social proof for your business. By showing positive Yelp reviews, you can easily convert potential customers and boost your SEO.

But manually creating a Yelp reviews widget can get confusing – especially if you’re not a WordPress expert.

Today, we’ll help you out and show you the simplest way you can embed your Yelp reviews using a WordPress widget.

Can You Embed Yelp Reviews on a Website?

Yes, you can choose between 2 ways of adding Yelp reviews to your website:

  • Manual Way: Generate an HTML embed code for each Yelp review and then insert the code into your website.
  • Easy Way: Use a review widget plugin that can automatically show Yelp reviews on your website.

If you go for the manual method, the process of finding the review, creating embed code, and inserting the code into your site can end up being very time-consuming.

And you won’t get customization options either unless you’re prepared to edit the code yourself.

The simpler way is to just use a WordPress plugin instead. There are a lot of options out there, but for Yelp, I’ll recommend Reviews Feed Pro.

reviews feed pro plugin

With Reviews Feed Pro, there are a few highlights that make it the best way of adding Yelp widgets:

  • You can follow the guided flow and create beautiful Yelp review widgets in just minutes – no need for HTML, CSS, or any kind of code.
  • To instantly create beautiful review widgets, you can import a template in a single click. Plus, there’s also a live editor to design your widgets in detail.
  • With Reviews Feed Pro, you can create widgets to show content from all the major review sites out there: Yelp, Tripadvisor, Facebook, Google, WordPress.org, and Trustpilot.
  • The best part? You use moderation and set up filters to show high-quality reviews that will have a better chance of getting conversions for you.
moderation settings reviews feed pro

As you can see, Reviews Feed Pro has a lot of useful features that can help you get more out of your review widgets.

Ready to embed a Yelp reviews widget on WordPress? Get Reviews Feed Pro today!

How to Embed Yelp Reviews Widget on Your Website (Easily)

All you have to do is follow our step-by-step guide below, and you can have a Yelp reviews widget on your website ready to go.

Let’s get started!

Step 1: Install and Activate the Reviews Feed Pro Plugin

The first step is to get your copy of the Reviews Feed Pro plugin here and then install it on your website.

Want a quick refresher on how to do that? We have a beginner-friendly tutorial on how to install and activate WordPress plugins that you can look at.

Step 2: Create a Yelp Reviews Widget

You can now create your Yelp WordPress widget with ease by following the 3-step guided flow.

From your WordPress dashboard area, open the Reviews Feed Â» All Feeds menu and then click on the Add New button.

add new button reviews feed

If you’re using Reviews Feed Pro for the first time, it will ask you to connect a source from which the plugin will fetch reviews.

So, you can click on the Add Source button to proceed.

add new source reviews feed pro

Next, you can choose the type of source that you’d like to add. There are 4 options to choose from:

  • Google
  • Facebook
  • TripAdvisor
  • Yelp

For now, you can select the Yelp option on the popup and click on Next.

add yelp source to smash balloon reviews feed

Step 3: Connect Your Widget to Yelp Account

Once you connect your new reviews widget to Yelp, it can start embedding the Yelp reviews on your website.

And the easiest way to do that is to use a Yelp API key.

Don’t have an API key yet? Just follow our step-by-step guide on creating a Yelp API key. Once your Yelp API key is ready, copy it and then open your site once more.

Finally, paste the key into the popup and then click on the Next button.

You can also click on Skip if you want to move on without the API key.

Now that you’ve entered the Yelp API key, Reviews Feed Pro will automatically reuse it for any new Yelp reviews widget you create.

Next, paste the URL of the Yelp business page you’d like to embed and then click on Finish.

add source to yelp review feed

Doing that will save this Yelp page as a source on your website.

By clicking on the Next button, you can confirm it as the source for your new reviews widget.

confirm source for reviews feed

Step 4: Customize Your Yelp Reviews Widget

A great thing about Reviews Feed Pro is that the plugin will automatically copy your website’s design for your review widgets.

So, your Yelp widget will perfectly match your branding and look beautiful right out of the box.

You also get lots of ways you can customize your widget. In fact, the plugin gives you 7 different templates whose designs you can import:

  • Default
  • Simple cards
  • Masonry
  • Single review
  • Showcase carousel
  • Carousel
  • Grid carousel

To continue, click on the template whose design you prefer and then click on the Next button.

select your reviews feed template

To customize your Yelp widget even further, the plugin will now open the visual customizer.

From this user-friendly customizer, you can edit your widget’s layout, header design, review elements, button design, and much more.

Plus, you can add filters and moderate your feed with ease from here.

live feed editor for reviews feed pro

On the right, you can find a live preview of your Yelp widget. That way, you can track all of your changes in real time.

To start the customization, click on the Layout option on the left.

open layout options yelp reviews feed pro

For your Yelp widget, there are 3 layouts to choose from.

  • List: Display your Yelp reviews in a single column so each review is more visible
  • Masonry: Show lots of reviews on your website at once using multiple columns
  • Carousel: Place your reviews in a beautiful slideshow carousel and engage visitors
layout options emebed yelp reviews on your website

To continue, choose your layout and then click on the Save button.

Below that, you can find the option to change the number of reviews that your widget will show at once.

After you’ve set up your widget’s layout, click on the small Customize button to return to the main options once more.

return to main customization options

After that, you can use the remaining customization options to change your header, button, review text, and much more in a few clicks — no coding needed!

You can even edit the plugin settings to choose which reviews are visible on your widget.

First, go to the Settings tab at the top and then click on the Moderation option.

open moderation features reviews feed pro

On the left, you can find the option to Enable moderation for your new Yelp reviews widget.

If you select the Allow List option on the left, you can select the reviews that you’d like to show on the right.

You can also use a Block List instead and hide specific reviews from your Yelp widget.

moderation options reviews feed pro

Finally, click on Save once you’re happy with how your Yelp widget looks.

On top of that, you can also use filters to display Yelp reviews with specific star ratings.

All in all, Reviews Feed Pro makes it super easy to highlight online reviews that are high-quality and hide reviews from spam bots or trolls.

Remember to click on Save to confirm your changes at the end.

Step 5: Embed the Yelp Reviews Widget

When it comes to adding the Yelp reviews widget to your website, there are 2 ways:

  • Embed Yelp reviews widget on a WordPress page
  • Embed Yelp reviews widget on the WordPress sidebar or footer

Not sure which method to pick? We’ll go through both options below:

Embed Yelp Reviews Widget on a WordPress Page

To make things simple, you can start embedding your Yelp widget directly from the visual customizer.

Look for the Embed button in the top right corner and then click on it.

embed yelp reviews on your website.jpg

Doing that opens a popup with all the embed options for this reviews widget.

On this popup, click on the Add to a Page button to continue.

add to a page widget reviews feed pro

You can then see all the WordPress pages on your website listed on the popup. Simply select the page where you’d like to show your Yelp business reviews.

After that, click on the Add button below.

add to a page review feed

Once you do that, Reviews Feed Pro will open that web page in the WordPress editor so you can embed your new widget.

To add a new content block, click on the plus (+) icon.

add new content block on wordpress

After that, use the search bar and look for the “reviews feed” block.

Once you see the Reviews Feed block in the search results below, just click on it to embed your Yelp widget.

add reviews feed block to wordpress

Finally, save your changes by clicking on Update, and your new Yelp reviews widget will be live for everyone to see.

If you open this page, you’ll be able to see your Yelp widget like in the screenshot below:

From the plugin’s visual customizer, you can also embed your Yelp content on your sidebar or footer.

In case your visual customizer isn’t open, go to the Reviews Feed » All Feeds menu from your admin dashboard.

Then, click on the reviews feed widget that you created earlier.

open yelp review feed

Like before, you can click on the Embed button on the visual customizer to continue.

That way, you can see the popup with the embed options for your widget.

embed yelp reviews on your website.jpg

On this popup, you can choose a different way of embedding your Yelp reviews this time.

Just click on the Add to a Widget button here to proceed.

add to a widget reviews feed pro

Reviews Feed Pro will now open your website’s Widgets page. This is where you can add, remove, or edit any of your WordPress widgets.

For now, you can click on either Sidebar or Footer, depending on where you want to show your reviews.

open sidebar panel

We’ll go with the sidebar for this example.

Next, add a new WordPress widget by clicking on the plus icon (+) below.

From the options, you can click on the Reviews Feed widget.

add reviews feed block to sidebar

Finally, click on Update, and your new Yelp reviews widget will be online on your website.

That way, anyone visiting your site can check out the positive customer reviews that your brand has. You can also open your site and see how the Yelp widget looks.

With that, you can start converting visitors into customers with ease and supercharge your brand’s growth – it’s that easy.

And if you use the moderation feature of Reviews Feed Pro, you can make sure your widget is showing the convincing reviews.

Want to create your Yelp reviews widget easily? Grab your copy of Reviews Feed Pro here!

If you want more social proof to help your business, check out our list of proven ways to get more Facebook reviews.

More Online Marketing Guides & Tutorials

author avatar
Sajjan Sharma Senior Writer
Sajjan has been writing about WordPress, social media marketing, and online businesses for over 10 years. His professional interests extend to include influencer marketing, content curation and digital marketing strategies.

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.