Instagramフォトウォールアプリを使うと、Instagramの投稿をストアフロントに表示できます。さらに、投稿内でストアの商品にタグを付けて、顧客が簡単に商品を見つけて購入できるようにすることができます。

この記事では、「Instagramフォトウォール」アプリの使い方を詳しく説明します。

【注意】フォトウォール内に商品を追加する機能は、プロプランにアップグレードした後にのみ使用できます。

Instagramフォトウォールプランの紹介

「Instagramフォトウォール」アプリには、「フリープラン」と「プロプラン」の２つのプランがあります。フリープランでは、Instagramフォトウォールの基本機能を利用できます。フィードに商品の追加やフィルタリングなどの高度な機能を使用するには、プロプランにアップグレードする必要があります。

プランの料金

フリープラン：無料
プロプラン：月額USD $5.99 または年額USD $60。プロプランには14日間の無料トライアルが付いています。

フリープランとプロプランで利用可能な機能については、次の表を参照してください。

	フリープラン	プロプラン
モジュールタイトルの設定	◯	◯
フィード間のスペース設定	◯	◯
レイアウト設定（グリッド/スライダー）	◯	◯
行と列の設定（PC版/モバイル版）	◯	◯
Instagramビデオフィードと写真フィードのサポート	◯	◯
ストアの異なるページにInstagramフィードを追加	◯	◯
ハッシュタグで写真フィードをフィルタリング	×	◯
選択したフィードをトップに固定	×	◯
Instagramフィードに商品を追加して、インタラクティブな「Shop the Look」シナリオを作成	×	◯
複数のInstagram写真フィードセットをサポート	×	◯

Instagramアカウントとのリンク方法

アプリを認証およびインストールした後、以下の操作を行ってInstagramアカウントをプラグインに連携します。

[Instagramアカウントと連携する] をクリックします。

【注意】ログインしているInstagramアカウントがストアに連携したいアカウントでない場合は、まずログアウトし、目的のアカウントで再度ログインしてから続行してください。

表示される認証ポップアップで、[許可] をクリックします。

これで、InstagramフォトウォールがInstagramアカウントに正常に連携されました。

パーツの設定と有効化

アプリを設定した後、Instagramフォトウォールをページに表示させるためには、テーマ内でInstagramフォトウォールアプリを有効にする必要があります。

次の手順に従ってアプリブロックを有効にします。

画面下の ストアエディタ をクリックして、SHOPLINEエディタに入ります。
「パーツ」タブで、新しいパーツを追加 > アプリ > Instagramフォトウォール をクリックして、ページ上でアプリを有効にします。
追加したら、「Instagramフォトウォール」をクリックして、余白や色などの設定を行います。

クリック効果の設定

Instagramフォトウォールは、３種類の写真クリック効果をサポートしています。

投稿のポップアップウィンドウを開く
Instagramに移動する
何もしない

これら３つの効果について、次に詳しく説明します。

4.0.png

投稿ポップアップウィンドウを開く

「投稿のポップアップウィンドウを開く」を選択すると、サイト上でInstagramフィードの写真をクリックした顧客にポップアップが表示されます。このシナリオでは、各写真に商品を追加することができます。以下の図のようにアプリ内で商品を追加できます。

4.1.1.png

【注意】フィードのポップアップに商品を追加する機能は、プロプランにアップグレードした後にのみ利用可能です。

「商品タグ付け」をクリックすると、ポップアップが表示され、現在の写真に追加する商品を選択できます。スクロールして目的の商品を検索するか、検索ボックスに商品名を入力して取得します。１つのInstagramフィードには最大５つの商品を追加できます。

【注意】商品を検索する際には、完全な商品名を入力する必要があります。

4.1.2.png

商品を追加した後、ポップアップで「タグを追加」をクリックして、写真に追加した商品をタグ付けします。

4.1.3.png

写真上のタグポイントをドラッグして配置できます。タグの配置が満足できる場合は、チェックマークをクリックして保存します。タグを削除するには、タグの横にあるクロスマークをクリックします。

4.1.4.png

商品タグ付けの設定が完了すると、サイト上でInstagramフィードの写真をクリックした顧客は、追加された商品のタグ情報と詳細を確認できます。タグや商品情報セクションの「購入」ボタンをクリックすると、対応する商品の詳細ページに移動します。

4.1.5.png

Instagramに移動する

「Instagramに移動する」を選択すると、サイト上でInstagramの写真をクリックした顧客は、対応するInstagramフィードに移動します。

何もしない

「何もしない」を選択すると、サイト上でInstagramフィードの写真をクリックしても、何の効果も表示されません。

よくある質問

質問：他のInstagramアカウントからフィードを取得して、私のストアフロントに表示することはできますか？

回答：いいえ。アプリで認証されたInstagramアカウントからのみフィードを取得して表示することができます。

最大限に活用するためのベストプラクティス

ソーシャルマーケティングで信頼を築く

SHOPLINEのInstagramフォトウォール機能を活用すると、ソーシャルプルーフを作り出し、ブランドストーリーを紹介し、ストアの信頼性を高めることができます。これにより、訪問者のコンバージョン率が向上します。また、顧客がストアから直接Instagramのホームページにアクセスできるようにすることで、フォロワーや「いいね」の数を増やし、プライベートトラフィックを蓄積できます。

購入意欲を引き出すシーンを作成

Instagramから同期された魅力的な写真は、商品の魅力的な販売シーンを作り出し、顧客の購買意欲を引き立てます。重要なのは、顧客が簡単に購入できるようにすることです。

Instagramの写真に商品をタグ付けすることで、消費者はインタラクティブな「Shop the Look」体験を楽しめます。これにより、ユーザーエクスペリエンスが向上し、商品の露出が増え、コンバージョンと売上が向上します。

Instagramフォトウォールは、商品展示の場であり、インタラクティブなショッピングゾーンでもあります。顧客が美しい写真に魅了されて写真内の商品をクリックすると、商品のメイン画像、名前、価格を確認できます。タグや購入ボタンをクリックすることで、商品詳細ページに移動し、購入手続きを完了できます。

カスタマイズ設定に基づいたストアフロントの表示

SHOPLINEのInstagramフォトウォールをアップグレードすると、ハッシュタグで写真をフィルタリングできるようになります。Instagramフィードにさまざまなタグがあり、特定のタグを持つ写真を「表示する」または「表示しない」に設定する必要がある場合、管理画面でハッシュタグを使って直接フィルタリングできます。

また、Instagramフォトウォールのピン機能を使って、人気商品フィードを手動で選択して固定することもできます。これにより、ピン留めされたフィードはInstagramフィードの更新に影響されずにストアフロントに固定され、魅力的な商品写真を表示できます。

ハッシュタグフィルタリングとピン機能を活用することで、ストアフロントページを効率的に最適化し、常に美しく整理されたページを維持し、考え抜かれたスタイルと最も伝えたいコンテンツを効果的に伝えることができます。

複数のフォトフィードでウェブページスタイルを豊かに

Instagramは、商品展示、特徴レビュー、ブランドストーリー、顧客事例など、さまざまなコンテンツを表示できます。

SHOPLINEのInstagramフォトウォールは、Instagramから写真やビデオを同期し、リアルタイムでストアコンテンツを自動更新して、消費者に常に新鮮な感覚を提供します。

SHOPLINEのInstagramフォトウォールは、複数のフォトフィードセットを設定することをサポートしています。異なるストアページに表示するInstagramの写真やビデオフィードを選択できます。たとえば、ストアのホームページにはブランド価値を伝えるフォトフィードをリンクし、商品ページには商品ユーザーエクスペリエンスに関連するフォトフィードをリンクすることができます。

これにより、異なるストアページに多様性を持たせ、サイトを閲覧する際のユーザーの視覚的な疲れを防ぎ、Instagramフォトウォールとウェブサイトページの一貫性を向上させ、ウェブサイトコンテンツを最適化します。

Instagramフォトウォールガイド

目次