---
title: "WooCommerceにソーシャルメディアフィードを埋め込む方法"
description: "WooCommerceのサイトにソーシャルメディアの投稿を埋め込んで表示する手順をご紹介します。"
---

WooCommerceのサイトにソーシャルメディアフィードを埋め込みたい方へ。ここでは、数クリックで埋め込む簡単な手順をご紹介します。

> EmbedSocialのアカウントをまだお持ちでない場合は、[7日間のトライアルを開始](/admin/continue_plugin_purchase/socialfeed29/trial?continue_onboarding=ai_widget&lang=ja)してください。

はじめに、EmbedSocialのアカウントで[ソーシャルメディアフィードを生成](/docs/social-media-aggregator/instagram/)し、コードを取得します。

手順は次のとおりです。

1. EmbedSocialのアカウントに **ログイン** します。
2. **[Widgets](/admin/social_feed?lang=ja)** を開き、埋め込みたいウィジェットをクリックします。
3. ウィジェットエディタの左側の設定パネルで '**Embed**' タブをクリックし、'**Copy code**' をクリックします。

![エディタでCopy codeをクリックしている画面](https://embedsocial.com/images/docs/8395024/1.jpg)

コードを取得したら、WooCommerceのアカウントを開きます。

## WooCommerceのサイトにソーシャルメディアフィードのウィジェットを埋め込む

WooCommerceのサイトを管理しているWordPressの管理画面にログインします。

コードを埋め込む手順は次のとおりです。

:::steps
1. WordPressのダッシュボードで '**Appearance**' を開き、'**Edit**' をクリックします。
![WordPressのダッシュボードでAppearanceを開きEditをクリックしている画面](https://embedsocial.com/images/docs/8395024/2.jpg)
2. '**+**' のアイコンをクリックします。
![ブロックを追加するために+のアイコンをクリックしている画面](https://embedsocial.com/images/docs/8395024/3.jpg)
3. 検索バーに '**HTML**' と入力し、ウィジェットを表示したい位置にブロックをドラッグ＆ドロップします。
![HTMLを検索してブロックをページにドラッグしている画面](https://embedsocial.com/images/docs/8395024/4.jpg)
4. コードを貼り付け、'**Save**' をクリックします。
![HTMLの欄にコードを貼り付けてSaveをクリックしている画面](https://embedsocial.com/images/docs/8395024/5.jpg)
:::

これで完了です。

サイトをプレビューすると、実際のウィジェットの表示を確認できます。

## WooCommerceに埋め込んだInstagramウィジェットの例

![WooCommerceに埋め込まれたInstagramウィジェットの例](https://embedsocial.com/images/docs/8395024/6.jpg)

> ご不明な点がございましたら、画面右下のチャットアイコンからカスタマーサクセスチームにお問い合わせいただくか、[support@embedsocial.com](mailto:support@embedsocial.com) までメールをお送りください。喜んでサポートいたします 🙏

## WooCommerceにレビューを埋め込む

WooCommerceのサイトにレビューを埋め込みたい方へ。ここでは、数クリックで埋め込む簡単な手順をご紹介します。

> EmbedSocialのアカウントをまだお持ちでない場合は、[7日間のトライアルを開始](/admin/continue_plugin_purchase/socialfeed29/trial?continue_onboarding=ai_widget&lang=ja)してください。

はじめに、EmbedSocialのアカウントで[レビューを生成](/docs/getting-started/create-widget/)し、コードを取得します。手順は次のとおりです。

1. EmbedSocialのアカウントに **ログイン** します。
2. **[Widgets](/admin/reviews_feed?lang=ja)** を開き、埋め込みたいウィジェットをクリックします。
3. ウィジェットエディタの左側の設定パネルで '**Embed**' タブをクリックし、'**Copy code**' をクリックします。

![ウィジェットエディタのEmbedタブでCopy codeをクリックしている画面](https://embedsocial.com/images/docs/8031091/1.jpg)

コードを取得したら、WooCommerceのアカウントを開きます。

## WooCommerceのサイトにレビューウィジェットを埋め込む

WooCommerceのサイトを管理しているWordPressの管理画面にログインします。

コードを埋め込む手順は次のとおりです。

:::steps
1. WordPressのダッシュボードで '**Appearance**' を開き、'**Edit**' をクリックします。
![WordPressのダッシュボードでAppearanceを開きEditをクリックしている画面](https://embedsocial.com/images/docs/8031091/2.jpg)
2. '**+**' のアイコンをクリックします。
![ブロックを追加するために+のアイコンをクリックしている画面](https://embedsocial.com/images/docs/8031091/3.jpg)
3. 検索バーに '**HTML**' と入力し、ウィジェットを表示したい位置にブロックをドラッグ＆ドロップします。
![HTMLを検索してブロックをページにドラッグしている画面](https://embedsocial.com/images/docs/8031091/4.jpg)
4. コードを貼り付け、'**Save**' をクリックします。
![ウィジェットのコードを貼り付けてSaveをクリックしている画面](https://embedsocial.com/images/docs/8031091/5.jpg)
:::

これで完了です。

サイトをプレビューすると、実際のウィジェットの表示を確認できます。

## WooCommerceに埋め込んだGoogleレビューウィジェットの例

![WooCommerceに埋め込まれたGoogleレビューウィジェット](https://embedsocial.com/images/docs/8031091/6.jpg)

> ご不明な点がございましたら、画面右下のチャットアイコンからカスタマーサクセスチームにお問い合わせいただくか、[support@embedsocial.com](mailto:support@embedsocial.com) までメールをお送りください。喜んでサポートいたします 🙏