--- title: "BigCommerceにソーシャルメディアフィードを埋め込む方法" description: "BigCommerceのストアにソーシャルメディアフィードを連携して表示する手順をご紹介します。" --- BigCommerceのサイトにソーシャルメディアフィードを埋め込みたい方へ。ここでは、数クリックで埋め込む簡単な手順をご紹介します。 > 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/2746837/1.jpg) コードを取得したら、BigCommerceのアカウントを開きます。 ## **BigCommerceにソーシャルメディアフィードを埋め込む** BigCommerceのサイトに[ログイン](https://login.bigcommerce.com/login)します。管理しているサイトが1つだけの場合は、左のメニューで '**View store**' をクリックします。 複数のサイトを管理している場合は、ウィジェットを埋め込みたいサイトを選び、'**View store**' をクリックします。 View Storeをクリックするとサイトに移動し、'Design this page, in Page Builder' のボタンが表示されます。 コードを埋め込む手順は次のとおりです。 :::steps 1. サイトの空のブロックや空きスペースに 'HTML' の要素をドラッグ＆ドロップします。 ![ページエディタにHTML要素をドラッグ＆ドロップしている画面](https://embedsocial.com/images/docs/2746837/2.jpg) 2. **HTML** のブロックをドラッグ＆ドロップすると、左側にウィンドウが表示され、EmbedSocialのウィジェットからコピーしたコードを貼り付けられます。コードを貼り付けて '**Save HTML**' をクリックし、最後に '**Publish**' をクリックすると、BigCommerceのサイトにウィジェットが公開されます。 ![ウィジェットのコードを貼り付けて保存し、公開している画面](https://embedsocial.com/images/docs/2746837/3.jpg) ::: これで完了です。 ## BigCommerceに埋め込んだInstagramウィジェットの例 ![BigCommerceに埋め込まれたInstagramウィジェット](https://embedsocial.com/images/docs/2746837/4.jpg) > ご不明な点がございましたら、画面右下のチャットアイコンからカスタマーサクセスチームにお問い合わせいただくか、[support@embedsocial.com](mailto:support@embedsocial.com) までメールをお送りください。喜んでサポートいたします 🙏 ## BigCommerceにレビューを埋め込む BigCommerceのサイトにレビューを埋め込みたい方へ。ここでは、数クリックで埋め込む簡単な手順をご紹介します。 > 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**' をクリックします。 ![ウィジェットのコードをコピーしている画面](https://embedsocial.com/images/docs/4003542/1.jpg) BigCommerceのサイトに[ログイン](https://login.bigcommerce.com/login)します。管理しているサイトが1つだけの場合は、左のメニューで '**View store**' をクリックします。 複数のサイトを管理している場合は、レビューウィジェットを埋め込みたいサイトを選び、'**View store**' をクリックします。 View storeをクリックするとサイトに移動し、'Design this page, in Page Builder' のボタンが表示されます。 ## **BigCommerceのサイトにレビューウィジェットを埋め込む** :::steps 1. Page Builderを開いたら、サイトの空のブロックや空きスペースに 'HTML' の要素をドラッグ＆ドロップします。 ![ブロックの中にHTML要素をドラッグ＆ドロップしている画面](https://embedsocial.com/images/docs/4003542/2.jpg) 2. **HTML** のブロックをドラッグ＆ドロップすると、左側にウィンドウが表示され、EmbedSocialのウィジェットからコピーしたコードを貼り付けられます。コードを貼り付けて '**Save HTML**' をクリックし、最後に '**Publish**' をクリックすると、BigCommerceのサイトにウィジェットが公開されます。 ![HTMLブロックにウィジェットのコードを貼り付けてページを公開している画面](https://embedsocial.com/images/docs/4003542/3.jpg) ::: これで完了です。 BigCommerceのサイトでの表示例は次のとおりです。 ![BigCommerceのストアに埋め込まれたGoogleレビュー](https://embedsocial.com/images/docs/4003542/4.jpg) > ご不明な点がございましたら、画面右下のチャットアイコンからカスタマーサクセスチームにお問い合わせいただくか、[support@embedsocial.com](mailto:support@embedsocial.com) までメールをお送りください。喜んでサポートいたします 🙏 ## 他のWebビルダーにレビューを埋め込む [WordPressにレビューを埋め込む](/docs/integrations/wordpress/) [WixでEmbedSocialを使う](/docs/integrations/wix/) [PageCloudにレビューを埋め込む](/docs/integrations/pagecloud/) [Notionにレビューを埋め込む](/docs/integrations/notion/) [Squarespaceにレビューを埋め込む](/docs/integrations/squarespace/) [Webflowにレビューを埋め込む](/docs/integrations/webflow/) [GoDaddyにレビューを埋め込む](/docs/integrations/godaddy/) [IM Creatorにレビューを埋め込む](/docs/integrations/im-creator/) ## ECプラットフォームにレビューを埋め込む [Shopifyにレビューを埋め込む](/docs/integrations/shopify/) [Magentoにレビューを埋め込む](/docs/integrations/magento/) ## 学習プラットフォームにレビューを埋め込む [Kajabiにレビューを埋め込む](/docs/integrations/kajabi/) [Thinkificにレビューを埋め込む](/docs/integrations/thinkific/)