--- title: "Volusionにソーシャルメディアフィードを埋め込む方法" description: "Volusionのサイトにソーシャルメディアフィードを埋め込んで表示する手順をご紹介します。" --- Volusionのサイトにソーシャルメディアフィードを埋め込みたい方へ。ここでは、数クリックで埋め込む簡単な手順をご紹介します。 > 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**' タブをクリックし、'**Embed iFrame**' をクリックしてコードをコピーします。 ![ウィジェットエディタのEmbedタブでiframeのコードをコピーしている画面](https://embedsocial.com/images/docs/8489352/1.jpg) コードを取得したら、Volusionのアカウントを開きます。 ## Volusionのサイトにソーシャルメディアフィードを埋め込む Volusionのアカウントに[ログイン](https://www.volusion.com/login/)し、ウィジェットを埋め込みたいサイトの編集画面を開きます。 コードを埋め込む手順は次のとおりです。 :::steps 1. ウィジェットを表示したいページを開き、'**+**' をクリックして '**Reusable components blocks**' をクリックします。 ![ウィジェットを表示するページを開き、+のアイコンからReusable Componentsを選択している画面](https://embedsocial.com/images/docs/8489352/2.jpg) 2. ブロックの一覧をスクロールして '**iframe**' のブロックを探し、'**Add block**' をクリックします。 ![iframeのブロックを見つけてAdd blockをクリックしている画面](https://embedsocial.com/images/docs/8489352/3.jpg) 3. '**Block Settings**' をクリックします。 ![iframeのBlock Settingsを開いている画面](https://embedsocial.com/images/docs/8489352/4.jpg) 4. iframeのコードから '**Iframe src**' をIframe srcの欄に入力します（例: `https://embedsocial.com/api/pro_hashtag/f9e94bac63b82950de2eb0a2a01904cb06cc8c59`）。あわせて '**Attribute values**' を属性値の欄に入力します（例: `width="900px" height="1200px" frameborder="0" marginheight="0" marginwidth="0"`）。 ![Iframe srcとAttribute valuesを入力している画面](https://embedsocial.com/images/docs/8489352/5.jpg) ::: 入力が終わったら、ブロックの設定メニューを下までスクロールして **Done** をクリックします。 これで完了です。サイトを公開すると、変更が反映されます。 ## Volusionに埋め込んだInstagramウィジェットの例 ![Volusionに埋め込まれたInstagramウィジェット](https://embedsocial.com/images/docs/8489352/6.jpg) > ご不明な点がございましたら、画面右下のチャットアイコンからカスタマーサクセスチームにお問い合わせいただくか、[support@embedsocial.com](mailto:support@embedsocial.com) までメールをお送りください。喜んでサポートいたします 🙏 ## Volusionにレビューを埋め込む Volusionのサイトにレビューを埋め込みたい方へ。ここでは、数クリックで埋め込む簡単な手順をご紹介します。 > 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**' タブをクリックし、'**Iframe code**' をクリックします。表示されたポップアップで '**Iframe**' を選び、最初のコードをコピーします。 ![コードをコピーしている画面](https://embedsocial.com/images/docs/8031438/1.jpg) コードを取得したら、Volusionのアカウントを開きます。 ## Volusionのサイトにレビューウィジェットを埋め込む Volusionのアカウントに[ログイン](https://www.volusion.com/login/)し、ウィジェットを埋め込みたいサイトの編集画面を開きます。 コードを埋め込む手順は次のとおりです。 :::steps 1. レビューを表示したいページを開き、'**+**' をクリックし、'**>**' から '**Reusable components blocks**' をクリックします。 ![+のアイコンをクリックしている画面](https://embedsocial.com/images/docs/8031438/2.jpg) 2. ブロックの一覧をスクロールして **Iframe** のブロックを探し、'**Add block**' をクリックします。 ![ブロックを追加している画面](https://embedsocial.com/images/docs/8031438/3.jpg) 3. '**Block Settings**' をクリックします。 ![ブロックの設定を開いている画面](https://embedsocial.com/images/docs/8031438/4.jpg) 4. iframeのコードから **Iframe src** をIframe srcの欄に入力します（例: `https://embedsocial.com/api/pro_hashtag/9069fc4cb062ef28ca7b12fb6014efe9ad87acd9`）。あわせて '**Attribute values**' の `width="900px" height="1200px" frameborder="0" marginheight="0" marginwidth="0"` を属性値の欄に入力します。 ![コードを貼り付けている画面](https://embedsocial.com/images/docs/8031438/5.jpg) ::: 入力が終わったら、ブロックの設定メニューを下までスクロールして **Done** をクリックします。 これで完了です。 サイトを公開すると、変更が反映されます。 ## Volusionに埋め込んだGoogleレビューウィジェットの例 ![Volusionに埋め込まれたGoogleレビューウィジェットの例](https://embedsocial.com/images/docs/8031438/6.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/) [Weeblyにレビューを埋め込む](/docs/integrations/weebly/) [Webflowにレビューを埋め込む](/docs/integrations/webflow/) [GoDaddyにレビューを埋め込む](/docs/integrations/godaddy/) ## ECプラットフォームにレビューを埋め込む [Shopifyにレビューを埋め込む](/docs/integrations/shopify/) [Magentoにレビューを埋め込む](/docs/integrations/magento/) [BigCommerceにレビューを埋め込む](/docs/integrations/bigcommerce/) ## 学習プラットフォームにレビューを埋め込む [Kajabiにレビューを埋め込む](/docs/integrations/kajabi/) [Thinkificにレビューを埋め込む](/docs/integrations/thinkific/)