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

SquarespaceにSNSフィードを埋め込む方法

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

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

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

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

埋め込みの流れ

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

Clicking  'Copy code' on the editor

1.「Add section(セクションを追加)」をクリックして、新しいセクションを追加し、ウィジェットを埋め込みたい場所に配置します。

Adding Section in Squarespace

2. 「Add a blank section(空のセクションを追加)」 をクリックします。

Adding a blank section in Squarespace

3.「Add block(ブロックを追加)」を選択

Choosing the 'Embed' content block type in SquareSpace

4. ウィジェットに適したコンテンツブロックの種類を選択します。今回のケースでは、「Embed(埋め込み)」 を選択してください。

Choosing the 'Embed' content block type in SquareSpace

5. ポップアップで 「Code snippet(コードスニペット)」 を選択し、その後 「Embed data(データを埋め込む)」 をクリックしてください。

Pasting the  widget code in Squarespace

6. コードを貼り付け、「Save(保存)」 をクリックしてください。

Pasting the widget code in Squarespace and clicking save

これで完了です!ウィジェットが埋め込まれました。幅や高さを調整して、ウェブサイトにより適した形に整えることができます。

SquarespaceでのSNSウィジェット表示例

Final example of instagram widget embedded in SquareSpace

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

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