--- title: "Elementorにソーシャルメディアフィードを埋め込む方法" description: "Elementorのページにソーシャルメディアフィードを埋め込んで表示する手順をご紹介します。" --- Elementorにソーシャルメディアフィードを埋め込みたい方へ。ここでは、数クリックで埋め込む簡単な手順をご紹介します。 > 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/8443232/1.jpg) コードを取得したら、Elementorのアカウントを開きます。 ## Elementorのページにソーシャルメディアウィジェットを埋め込む Elementorのアカウントに[ログイン](https://my.elementor.com/login/?redirect_to=%2Fwebsites%2F)し、ウィジェットを埋め込みたいページをElementorのエディタで開きます。 コードを埋め込む手順は次のとおりです。 :::steps 1. ウィジェットを埋め込みたい空のセクションをクリックすると、左のパネルにElementsとWidgetsの一覧が表示されます。 ![空のセクションを選択して左パネルにElementsの一覧を表示している画面](https://embedsocial.com/images/docs/8443232/2.jpg) 2. '**HTML**' を検索し、ページの空のセクションにドラッグ＆ドロップします。 ![HTMLを検索してElementorのページの空のセクションにドラッグ＆ドロップしている画面](https://embedsocial.com/images/docs/8443232/3.jpg) 3. 左側のHTMLのテキストエリアにコードを **貼り付ける** と、エディタ上にウィジェットがすぐに表示されます。 ![Elementorの左側のHTMLテキストエリアにコードを貼り付けている画面](https://embedsocial.com/images/docs/8443232/4.jpg) ::: これで完了です。 プレビュー機能を使うと、実際のページでの投稿の表示を確認できます。 > ご不明な点がございましたら、画面右下のチャットアイコンからカスタマーサクセスチームにお問い合わせいただくか、[support@embedsocial.com](mailto:support@embedsocial.com) までメールをお送りください。喜んでサポートいたします 🙏 ## Elementorにレビューを埋め込む Elementorにレビューを埋め込みたい方へ。ここでは、数クリックで埋め込む簡単な手順をご紹介します。 > 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**' をクリックします。 ![Copy codeをクリックしている画面](https://embedsocial.com/images/docs/8015956/1.jpg) コードを取得したら、Elementorのアカウントを開きます。 ## Elementorのページにレビューウィジェットを埋め込む Elementorのアカウントに[ログイン](https://my.elementor.com/login/?redirect_to=%2Fwebsites%2F)し、ウィジェットを埋め込みたいページをElementorのエディタで開きます。 コードを埋め込む手順は次のとおりです。 :::steps 1. ウィジェットを埋め込みたい空のセクションをクリックすると、左のパネルにElementsとWidgetsの一覧が表示されます。 ![Elementorのエディタで空のセクションを選択した画面](https://embedsocial.com/images/docs/8015956/2.jpg) 2. '**HTML**' を検索し、ページの空のセクションにドラッグ＆ドロップします。 ![HTMLを検索して空のスペースにドラッグ＆ドロップし、ウィジェットを埋め込む画面](https://embedsocial.com/images/docs/8015956/3.jpg) 3. 左側のHTMLのテキストエリアにコードを **貼り付ける** と、エディタ上にウィジェットがすぐに表示されます。 ![コードを貼り付けて保存している画面](https://embedsocial.com/images/docs/8015956/4.jpg) ::: これで完了です。 プレビュー機能を使うと、実際のページでのレビューの表示を確認できます。 > ご不明な点がございましたら、画面右下のチャットアイコンからカスタマーサクセスチームにお問い合わせいただくか、[support@embedsocial.com](mailto:support@embedsocial.com) までメールをお送りください。喜んでサポートいたします 🙏