メインコンテンツにスキップ

ElementorにSNSウィジェットを埋め込む方法

Elementorで構築したサイトに、SNSから収集した投稿を表示させる手順を解説します。

田中理央 Rio avatar
対応者:田中理央 Rio
今日アップデートされました

Elementorを使ってウェブサイトをデザインしている方に朗報です。EmbedSocialを利用すれば、InstagramやFacebook、TikTokなどのSNS投稿を簡単にウィジェットとして埋め込むことができます。常に最新の投稿を自動で反映できるため、更新の手間を省きつつ、訪問者にとって魅力的で動きのあるページを実現できます。

この記事では、Elementorユーザー向けに、EmbedSocialを活用してSNSウィジェットをサイトに追加する手順をわかりやすく解説します。

埋め込みの流れ

EmbedSocial上で作成したSNSウィジェットの編集画面において、コードをコピーして取得します。(SNSウィジェットの作成方法はこちら

Clicking  'Copy code' on the editor

コードをコピーしたら、Elementorアカウントにログインして、埋め込みたいページをエディターで開きます。

  1. 空のセクションをクリックすると、左側に要素とウィジェットの一覧が表示されます。

Clicking on an empty section to select where to embed the widget and accessing the list of Elements and Widgets in the left panel.

2.「HTML」を検索し、それをページの空のセクションにドラッグ&ドロップします。

Searching for 'HTML' and dragging & dropping it into the empty section of Elementor page

3. 左側のHTMLテキストエリアにコードを貼り付けると、EmbedSocialで作成したSNSウィジェットがサイト上に表示されます。

Pasting the code into the left-hand HTML text area in Elmentor

以上です!プレビューオプションを使用して、投稿が実際のページにどのように表示されるかを確認くださいませ。

サイトへの埋め込み実装にサポートが必要な場合には、右下のチャットサポートからカスタマーサクセスチームまでお気軽にご相談くださいませ。

こちらの回答で解決しましたか?