---
title: "How to embed social media feeds in WooCommerce"
description: "Steps and instructions on how you can embed and display your social media posts on your WooCommerce website"
---

You're looking to embed your social media feed on your WooCommerce website. Here's a simple guide on embedding them with just a few clicks.

> If you still don't have an EmbedFeed account, click to [start a 7-day trial.](/admin/continue_plugin_purchase/socialfeed29/trial?continue_onboarding=ai_widget)

Before we begin, first [generate your social media feeds](/docs/widgets/instagram-feed/) in your EmbedFeed account and get the code.

Here are the steps:

1.  **Log in** to your EmbedFeed account
    
2.  Go to **[Widgets](/admin/social_feed)** and click on the widget you want to embed
    
3.  In the widget editor left-hand settings panel, click the **Embed** tab and click **'Copy code'**
    

![Clicking  'Copy code' on the editor](/help-media/8395024/1.jpg)

Once you have the code, go to your WooCommerce account.

## Embed the reviews widget on your WooCommerce website

[Log in](https://wordpress.com/log-in?client_id=50916&redirect_to=https%3A%2F%2Fpublic-api.wordpress.com%2Foauth2%2Fauthorize%2F%3Fresponse_type%3Dcode%26client_id%3D50916%26state%3D2c0ebaa4ae4434f9012366dacf2d86b76ab42aaf30ea177dfdc9de765b4ba961%26redirect_uri%3Dhttps%253A%252F%252Fwoocommerce.com%252Fwc-api%252Fwpcom-signin%253Fnext%253Dmy-dashboard%26blog_id%3D0%26wpcom_connect%3D1%26wccom-from%26calypso_env%3Dproduction%26from-calypso%3D1) to your WordPress admin area where your WooCommerce site is managed.

In order to embed the code, you will need to:

1\. In the WordPress dashboard, go to "**Appearance**" and then click on "**Edit**":

![Typing HMTL on the field and drang and dropping the HTML block on the page](/help-media/8395024/2.jpg)

2\. Click on the '**+**' icon:

![Typing 'HTML' on the field and drag and dropping the HTML block into the page](/help-media/8395024/3.jpg)

3\. On the search bar type '**HTML**' and drag and drop the block on the part where you would like the widget to be displayed:

![Pasting the widget code on the 'HTML' field and clicking save](/help-media/8395024/4.jpg)

4\. Paste the code and click '**Save**':

![Pasting the HTML code on the HTML field and clicking save](/help-media/8395024/5.jpg)

That’s it!

You can preview the website to see how the widget looks live!

## Example of an Instagram widget embedded in WooCommerce

![Final example of Instagram widget embeded on WooCommerce](/help-media/8395024/6.jpg)

> If you have any questions, click the bottom right chat icon to talk with our customer success team or send us an email at [support@embedsocial.com](mailto:support@embedsocial.com) We're here for you 🙏

## Embed reviews on WooCommerce

You're looking to embed your reviews into your WooCommerce website. Here's a simple guide on embedding them with just a few clicks.

> If you still don't have an EmbedReviews account, click to [start a 7-day trial.](/admin/continue_plugin_purchase/socialfeed29/trial?continue_onboarding=ai_widget)

Before we begin, first [generate your reviews](/docs/widgets/getting-started-with-embedreviews/) in your EmbedReviews account and get the code. Here are the steps:

1.  **Log in** to your EmbedReviews account
    
2.  Go to **[Widgets](/admin/reviews_feed)** and click on the widget you want to embed
    
3.  In the widget editor left-hand settings panel, click the **Embed** tab and click **'Copy code'**
    

![](/help-media/8031091/1.jpg)

Once you have the code, go to your WooCommerce account.

## Embed the reviews widget on your WooCommerce website

[Log in](https://wordpress.com/log-in?client_id=50916&redirect_to=https%3A%2F%2Fpublic-api.wordpress.com%2Foauth2%2Fauthorize%2F%3Fresponse_type%3Dcode%26client_id%3D50916%26state%3D2c0ebaa4ae4434f9012366dacf2d86b76ab42aaf30ea177dfdc9de765b4ba961%26redirect_uri%3Dhttps%253A%252F%252Fwoocommerce.com%252Fwc-api%252Fwpcom-signin%253Fnext%253Dmy-dashboard%26blog_id%3D0%26wpcom_connect%3D1%26wccom-from%26calypso_env%3Dproduction%26from-calypso%3D1) to your WordPress admin area where your WooCommerce site is managed.

In order to embed the code, you will need to:

1\. In the WordPress dashboard, go to "**Appearance**" and then click on "**Edit**":

![](/help-media/8031091/2.jpg)

2\. Click on the '**+**' icon:

![](/help-media/8031091/3.jpg)

3\. On the search bar type '**HTML**' and drag and drop the block on the part where you would like the widget to be displayed:

![](/help-media/8031091/4.jpg)

4\. Paste the code and click '**Save**':

![](/help-media/8031091/5.jpg)

That’s it!

You can preview the website to see how the widget looks live!

## Example of Google reviews widget embedded in WooCommerce

![](/help-media/8031091/6.jpg)

> If you have any questions, click the bottom right chat icon to talk with our customer success team or send us an email at [support@embedsocial.com](mailto:support@embedsocial.com) We're here for you 🙏