How to Embed Yelp Feed on Website?

Embed Yelp Feed on Website

To create a Yelp feed, you need to follow the given steps-

Step 1

Login or Sign-Up to Taggbox Widget

Login or Signup to Taggbox Widget

Step 2

You’ll be redirected to Taggbox Widget Dashboard:

Create Widget by Taggbox

Step 3

On the dashboard, click on Add Social Feeds to start adding Yelp Reviews to your widget.

Add Yelp Feeds

Step 4

In the popup Pick a Source, select the “Yelp” logo as a source of aggregating feeds.

Choose Yelp to Embed Feeds

Step 5

Here, you will have two choices for adding feeds which are:

1. Business Page: To fetch Yelp Reviews from Business Page enter the Yelp business page URL

Create Yelp Feed by Business Page

2. Business Name: To fetch Yelp Reviews with the help of Business Name enter location and keyword

Create Yelp Feed by Business Name

Step 6

Choose an aggregating method and enter the input accordingly.

Then click “Create Feed” button to complete adding process.

Great, the Connection has been created and within a few moments posts will appear in the Widget Editor.

Embed Yelp Feed on Website

To embed Yelp feed on your website you need to follow below steps –

Step 1

Click the “PUBLISH” button on the bottom-left of the screen, You can also see the “PREVIEW” of how your feeds gonna looks like.

Preview & Publish Yelp Feeds Widget

Step 2

Select Your Website Platform (Eg: HTML, WordPress, Wix etc.)

Choose Preferable Platform

Steps of all website platforms:

Embed on HTML Website

To embed the Yelp reviews on HTML website, first generate the embed code using the below steps:

Step 1

In the pop-up Choose Your Platform, Select the HTML logo as your website platform to generate the embed code for the HTML website.

Choose HTML

Step 2

Set width, height and height type as per your requirements. Click on Get Code

Select Height for HTML website

Step 3

Copy the generated code and paste it into your webpage, where you want to embed Yelp feeds.

Copy Embed Code

Embed on WordPress Website

Step 1

In the pop-up Choose Your Platform, Select the WordPress logo as your website platform to generate the embed code for the WordPress website.

Choose embed platform WordPress

Step 2

Set width and height as per your requirements and Click on Get Code.

Select Height for WordPress Website

Step 3

Copy the website Generated Code.

Embed Code for WordPress Website

A. Embed Yelp Feed On WordPress 5.0 Website

Learn here how you embed Yelp feed On WordPress 5.0 Website

Step 1A

Open the page/post in your WordPress backend where you want to embed the Yelp feeds.

Yelp feed on wordpress website

Step 2A

Select “(+) Add Block” in the top left corner of the WordPress Editor.

Display feed on WordPress website

Step 3A

Here, click on Formatting and then choose Custom HTML and paste the copied embed code in the editor.

Integrate Feeds on wordpress

Step 4A

Click on Publish/Update post and You’re done.

B. Embed Yelp feeds on WordPress Classic Editor

Learn here how you embed Yelp feeds on WordPress Classic Editor

Step 1B

Open the page/post in your WordPress backend where you want to embed the Yelp feeds.

Feed on wordpress classic Editor

Step 2B

On the right-hand side, you will find a Visual and a Text option. Choose Text Mode.

Embed post on WordPress

Step 3B

Paste the generated embed code where you want to show your wall and click on Update/Publish to save the changes.

Yelp on WordPress

Embed on WIX Website

To embed your Yelp social wall on the Wix website, choose Wix as your platform.

Step 1


In the pop-up Choose Your Platform, Select the Wix logo as your website platform to generate the embed code for the Wix website.

Choose embed platform as Wix

Step 2

On choosing Wix as your website platform; you’ll receive below Pop-up “Wix”, Follow the instruction on the pop-up and proceed to the below steps:

Embed Code For Wix

Step 3

Open your WIX Editor and Navigate to the Page Where you want to Embed Taggbox.

Click on “+ Add” Button.

Embedding feed on Wix  Website

Step 4

Click on More and Select Embed a Site.

 Flickr feed on Wix Website

Step 5

Check & Copy the “Website Address” under Mode.

Embed Code For Wix

Step 6

Paste the generated URL into the ” Website Address ” field.

Integrate feed code

Embed on Squarespace Website

Step 1

In the pop-up Choose Your Platform, Select the Squarespace logo as your website platform to generate the embed code for the Squarespace website.

Choose embed platform as Squarespace

Step 2

Set width and height as per your requirements. Click on Get Code

Select Height for Sqiuarespace Website

Step 3

Copy the website Embed Code.

Embed Code for Squarespace

Step 4

On Squarespace, Navigate to the page where you want to embed social wall.

Step 5

Click on Edit.

Display  feeds on Squarespace

Step 6

Click on +Add/Edit Block.

Feeds on Squarespace

Step 7

Select Code.

Integrate feeds on Squarespace

Step 8

Paste the Copied code and Click on Apply.

Show Feeds on Squarespace

Step 9

Save the page to apply the Changes.

Embed on Shopify Website

Step 1

In the pop-up Choose Your Platform, Select the Shopify logo as your website platform to generate the embed code for the Shopify website.

Choose Shopify Platform

Step 2

Set width and height as per your requirements. Click on Get Code.

Select Height for Shopify

Step 3

Copy the generated code.

Embed Code for Shopify

Shopify gives you the option to embed your Yelp feeds either on default Pages or New Pages or Blog Posts.

Default Pages

Follow these steps for Default Pages:

Step-1

Log-in your Shopify store and navigate to Online Store-> Themes Menu in the sidebar.

Step-2

Click on Customize button.

Embed feeds on shopify Website

Step-3

Then Navigate to the left side of the page and click on Custom Content.

Embed feeds on shopify

Step-4

Then click on Custom HTML and paste the Copied code and Click on Save.

Feeds on shopify Website

New Pages

Follow these steps for new pages:

Step-1

Log-in to your Shopify store and Navigate to Online Store->Pages menu in the sidebar.

Embed feeds on shopify

Step-2

Click on Add Page.

Display feeds on shopify

Step-3

Select Show HTML (<>) option of Text Editor.

Integrate  on shopify

Step-4

Paste the Copied code and Click on Save.

Blog Posts

Follow these steps for Blog Posts:

Step-1

Log-in to your Shopify store and Navigate to the Online Store->Blog posts menu in the sidebar.

Feeds on shopify

Step-2

Click on Add/Create Blog post on the Top right of the page.

Show feeds on shopify

Step-3

Select Show HTML (<>) option of Text Editor.

add Feeds on shopify

Step-4

Paste the Copied code and Click on Save.

If you have any questions or need help, please Contact us or write us at [email protected].