Shopify ストアに Instagram フィードを埋め込む手順と、置いたあとの運用

Shopify ストアに Instagram フィードを置く意味

Shopify ストアを 1〜3 人で回しているとき、商品ページの下や、トップの少し下に Instagram のフィードを置きたい、と思う瞬間があります。検索する語はだいたい「shopify for instagram」「shopify instagram 埋め込み」「instagram feed on shopify」のあたりに落ち着きます。手順そのものは、Shopify App Store のアプリを 1 本入れれば数分で終わります。

ただ、フィードを置いた瞬間からストアの印象は変わります。商品ページの静かな写真の下に、毎日更新される Instagram のグリッドが並びます。そこに並ぶ 9 枚が、商品ページの空気と揃っていれば、ブランドは「同じ場所から話している」と感じてもらえます。揃っていなければ、ストアの空気とフィードの空気が、別の店から届いた印象になります。

販売チャネルとしての連携 (商品タグ、Commerce Manager、購入導線) は、別の話です。そちらを先に整えたい場合は Shopify Instagram 連携の手順と、その後に始める運用設計 を先に通してください。本記事は、ストア側に Instagram のグリッドを表示する「埋め込み」に絞ります。

埋め込みアプリの選び方と判断軸

Shopify App Store には Instagram feed 系アプリが何本も並んでいます。1〜3 人で回す体制では、選び方の軸を先に固定すると、入れ替えで時間を溶かさずに済みます。

判断は次の 4 つに絞ります。

• 無料枠の範囲 — 表示する投稿数、フィードの本数、月間表示回数の上限。EC のスタート期は無料枠で十分なことが多いです。有料化のラインは、フィードを 2 本以上置きたくなった瞬間か、商品ページとリンクしたいときです。
• レイアウトの自由度 — グリッド (3x3, 4x4)、横スクロール、リール表示の対応。ストアの世界観に合うレイアウトが選べるかが、後の差し替えコストを決めます。
• 表示速度 — Instagram feed アプリはストアの読み込みに影響します。Shopify のテーマエディタでセクション挿入の前後に Lighthouse やテーマの体感速度を見ておきます。
• モバイル対応 — Shopify ストアの訪問は、ジャンルにもよりますがモバイルが 6〜8 割を占めます。スマートフォン側で崩れないか、設置直後に必ず確認します。

ノーコードで完結するアプリを選ぶか、テーマに直接埋め込みコードを入れるかは、社内に Liquid を触れる人がいるかで決めます。1〜3 人の運営で、テーマカスタマイズを継続的に保守する余裕がなければ、ノーコードのアプリで始めて、必要が出たときに移行する順序が落ち着きます。

Shopify テーマに Instagram フィードを設置する最短手順

Online Store 2.0 系のテーマであれば、コード編集なしで設置できます。

1. Shopify 管理画面の「アプリ」→ App Store から、Instagram feed 系アプリを 1 本インストールします
2. アプリ内で Instagram アカウントを連携します。ビジネスアカウントまたはクリエイターアカウントが前提です
3. テーマエディタを開き、フィードを置きたいページ (トップ、商品ページ、Lookbook など) を選びます
4. 「セクションを追加」からアプリのブロックを選び、グリッドの列数と表示する投稿数を決めます
5. プレビューを PC とモバイルの両方で確認します。スマートフォン側で 1 行の枚数が想定どおりか、画像が縦長に伸びていないかをここで見ます

トップに置く場合は、ファーストビューから 1 スクロール下が落ち着きどころです。商品ページに置く場合は、商品説明と「お客様レビュー」の間が読み手の視線の流れに合います。

設置直後にもう一段、Instagram 側で過去投稿のキャプションを 2〜3 本見直しておくと、ストア側でその投稿がクリックされたときの読み心地が揃います。フィードに並ぶ投稿は、ストアの来訪者にとっては「商品ページの続き」として読まれます。

置いたあと、フィードに並ぶ投稿の見せ方を揃える

ここが、この記事の核です。アプリを入れ、テーマに設置した瞬間に、ストアの来訪者の目には Instagram のグリッドが並びます。問題は、そのグリッドの 9 枚が、来週どう更新されるかです。

毎週違う雰囲気の画像が混ざると、ストア側で見せている「商品ページの静けさ」と Instagram の「動き」が、別の方向に分かれていきます。フィードに並ぶ投稿の見せ方を、先に 1 つの方向に決めておくと、ストアの印象は週ごとに揺れません。

Brandroom では、4 つのスタイルから 1 つを選んで揃える考え方を使っています。

• スタジオ風 — 背景を整えた商品単体のカット。質感と色を正確に伝えたいブランドに向きます
• 素材感 — テクスチャや手触りを近距離で切り取るカット。素材の良さで選ばれる商品に
• 使用シーン — 商品を使っている瞬間を切り取るカット。生活提案を強めたいブランドに
• 暮らし — 商品のある日常の風景を、商品を主役にせず切り取るカット。世界観で選ばれるブランドに

選ぶのは 1 方向だけです。1 つの方向に 4 週間揃え、ストアのフィードに並ぶ 9 枚を、その方向で塗りつぶします。4 週間続けてから、次のサイクルで微調整します。スタジオ風で 4 週揃えてみて、思ったより遠く見えたら、次のサイクルは使用シーンに寄せる。判断のサイクルが、ようやく回るようになります。

商品ページの撮り方とフィードの撮り方を、同じ方向に寄せると、ストアと Instagram がひとつの店として読まれます。Shopify ストアに Instagram feed を埋め込む価値は、設置そのものではなく、ここに現れます。

週次運用 — フィードに何を流すか決める仕組み

スタイルの方向が決まると、毎週の作業は次の問いに切り替わります。「来週、フィードに並べる投稿は、どの商品の、どんな瞬間か」。

新商品入荷・季節の節目・在庫消化のタイミングを、先にカレンダーに置きます。そのうえで、今週のフィードの 9 枚のうち、入れ替わるのはどの位置の 1〜2 枚かを決めます。1〜3 人で回す体制では、毎週 9 枚を全部入れ替える前提だと、運用が続きません。1〜2 枚の差し替えで、フィード全体の印象が静かに更新される設計にします。

1 人で運用を続ける骨格は、店舗運営でも EC でも共通しています。背景は 小さなお店の Instagram を続ける仕組み に書いています。EC / D2C 全体の運用設計を先に俯瞰したい場合は、EC / D2C で Instagram を回すための全体ガイド を参照してください。

置きっぱなしを避けるための小さなチェックリスト

毎月末に見直す、小さなチェックリストを置きます。

• フィードの読み込みが、ストアの表示速度を落としていないか
• フィードからのリンク先が、廃止された商品ページや 404 に流れていないか
• 商品タグ付きの投稿が、フィード内で適切に表示されているか
• 季節外れの画像が、フィードの上段に残っていないか
• 選んだスタイルの方向が、4 週間ぶん揃って並んでいるか

5 つすべてに「はい」と言える状態が、Shopify Instagram feed を「置きっぱなし」にしない最低ラインです。

ストアの空気と Instagram の空気を、同じ方向で

Shopify ストアに Instagram フィードを置く価値は、設置の手順そのものではなく、置いたあとの空気が揃っているかにあります。商品ページの静けさと、Instagram のグリッドの空気が、同じ方向を向いていることです。

もし「埋め込みは済んだのに、フィードの見せ方が揃わない」状態をそのまま手放したくなったら、brandroom を覗いてみてください。ブランドの世界観を読み取って、4 つのスタイルから選んだ方向で投稿案と画像を準備し、カレンダーに並べます。あなたは確認して、よければ承認するだけです。ストアと Instagram の空気が、寝ている間に同じ方向で並んでいる状態を、静かに準備します。