【無料アプリ】shopifyサイトへInstagramフィード投稿を簡単に表示させる方法「Instafeed」2023/06/23EC・ネットショップこのコラム記事では、shopifyサイトにInstagramのフィード投稿を表示させる無料アプリのご紹介と実装方法について、画像キャプチャ付きでご説明していきます。機能1:レイアウトのカスタマイズが可能スライダー表示かグリッド表示を選択でき、間隔の余白や各投稿の比率など詳細にカスタマイズが可能です。機能2:ポップアップ表示、またはインスタグラムへのリンク投稿をクリックすると投稿詳細を見ることができます。現時点では、すべてのテーマに対応されており表示崩れなどの心配はいりません。実装デモサイトこちらは、公式が用意してくれているデモサイトです。実際のサイト表示イメージが確認できますので、気になる方はご覧ください。手順はとても簡単で、一分前後で実装可能です。1下記URLでshopifyアカウントにログイン後、「アプリを開く」をクリック。https://apps.shopify.com/instafeed?locale=ja2shopifyサイト編集画面に移動したら「アプリをインストール」。3こちらのボタンをクリックしてInstagramアカウントにログイン。4Instagram利用許可のボタンをクリックし、「許可する」をクリック。5連携が完了です!レイアウト調整の編集画面に戻るので、こちらの画面を使って見た目をカスタマイズできます。TITLE」:Instagramフィード投稿を表示させるブロックの上部に表示されるタイトルを自由に入力できます。大き目の文字で表示されます。SPACING」:各投稿の間隔を調整できます。CLICK」:投稿をクリックしたときの挙動が選択できます。クリックすると投稿の詳細画面が手前にポップアップで表示されます。クリックするとInstagramの投稿画面に別タブで移動します。リンク先無しの状態です。4「LAYOUT」:スライダー表示かグリッド表示に切り替えができます。各投稿の比率を調整することも可能です。5「CONFIGURATION」:Manualに設定すると、7COLUMNSで表示された投稿の列数をカスタマイズできます。6「ROWS」:投稿の行数をカスタマイズできます。7「COLUMNS」:5CONFIGURATIONをManualに設定すると、表示された投稿の列数をカスタマイズできます。feed」:上記編集を行った際は、こちらをクリックして保存を行ってください。6最後に、WEBサイトに表示表示すれば実装完了です。左メニューの「テーマ」を選択して、「カスタマイズ」ボタンをクリック。画面右上の「保存する」をクリックすればサイトにインスタフィード投稿が表示されます。以上が実装手順になります。有料プランもありますが、基本無料で表示できますので、ぜひ実装してInstagramアカウントを紹介際に使用してみてください。ホームページ・ECサイト運用に関する情報をメルマガで配信中!WEB担当者様向けのお役立ち情報を無料でご案内しております。通販システム開発など、WEB戦略をトータルで支援する福岡のWEB制作・コンサルティング会社です。成果報酬でのご提案、補助金を利用したサイトの制作も行っております。お気軽にご相談ください。