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

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

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

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

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

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

埋め込みの流れ

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

Clicking  'Copy code' on the editor

1. Shopifyストアの管理画面を開き、「テーマ」>「カスタマイズ」と進みます。

2. 「セクションを追加する」を選択します。

3. 一番下の「コンテンツをカスタムする」を選択します。

4. 初回設定時に組み込まれている赤枠内2つのコンテンツを削除します。

5. 「コンテンツを追加する」をクリックし、一番下の「HTMLをカスタムする」を選択します。

6. 先ほどコピーしたコードをHTML記入欄へとペーストし、「保存する」を選択します。

以上の操作で、Shopifyストアトップページでの埋め込み表示が完了します。

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

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