方法:InstagramソーシャルフィードをShopifyに追加する

「ハウツー」ガイドは、Shopifyでeコマースビジネスを成功させるために最もよくリクエストされる機能を実装する簡単な方法を説明する一連の記事の続きです。 この記事では、「Instagramソーシャルフィード」と、それらをオンラインショップに追加する方法について説明します。

Instagramは単なるシンプルなソーシャルメディアアプリではなく、eコマースビジネスのオーナーにとって必須のアプリです。 視覚主導のプラットフォームであるInstagramを使用すると、熱心なフォロワーのコミュニティを開発しながら、顧客に提供する必要のある最高のものを紹介できます。 Instagramは、「ショッピング可能なInstagramギャラリー」を使って、Instagramで商品を見つけて購入するまでの流れを合理化することで、eコマースブランドの中でその地位を固めました。 Instagramで好きなものを見ますか? ショッパー可能なInstagramでは、カートに追加して数回クリックするだけで購入できます。

買い物可能なInstagramギャラリーへの飛躍を遂げていないが、Instagramアカウントを維持するために時間をかけている場合は、InstagramソーシャルフィードをWebサイトに追加するために、少し時間がかかるはずです。 Instagramアカウントに投稿すると、InstagramソーシャルフィードがShopifyで更新され、共有している最新の情報が顧客に表示されます。

以下に、「Instagramソーシャルフィード」アプリを統合するためのステップバイステップガイドと、独自の目的のためにアプリを構成するための基本を示します。

ジューサーによるソーシャルメディアフィード

Juicerのソーシャルメディアフィードは、非常にカスタマイズ可能で、最大18を超えるソーシャルメディアチャネルと同期し、使用と設定が簡単なため、私たちのお気に入りのアプリです。 また、自分のInstagram投稿だけでなく、特定のキャンペーン、コンテスト、プレゼントなどの投稿を特集するフィードを作成することもできます。

JuicerはShopifyアプリではありませんが、Shopifyとシームレスに統合されます。 これについては、後で詳しく説明します。

ステップ1:Juicerアカウントを作成する

ステップ2:Instagramソーシャルフィードを作成する—ソーシャルメディアソースを追加する

ステップ3:Instagramのユーザー名を入力します

ステップ4:Instagramアカウントを認証する

Juicerで初めてInstagramを設定する場合は、Instagram APIトークンを入力してInstagramアカウントの確認を求められる場合があります。 これを行うには、ジューサーがPixel UnionのInstagramアクセストークンジェネレーターにリダイレクトして、独自のInstagram APIトークンを生成します。 Instagram APIトークンを取得したら、それをコピーしてJuicerに貼り付けるだけで問題ありません。

ステップ5:Instagramソーシャルフィードをカスタマイズする

Juicerを使用すると、ソーシャルメディアフィードの多くの側面をカスタマイズできますが、ブランドに合わせたクリーンでシンプルな「フィードスタイル」を簡単に選択できます。 9つの異なるInstagramソーシャルフィードスタイルから選択できます。

ShopifyのInstagramソーシャルフィードの場合、Instagramフィードの魅力的なアニメーションビューを提供するため、「スライダー」または「ウィジェット」スタイルを検討する場合があります。

フィードスタイル—スライダー

フィードスタイル—ウィジェット

次に、フィードのサイズ、Instagramの投稿順序をカスタマイズしたり、フィードをフィルタリングしてInstagramの画像や動画のみを表示したりできます。

ステップ6:InstagramソーシャルフィードをShopifyに追加する

InstagramソーシャルフィードをShopifyに追加するには、2つのオプションがあります。

オプション#1 — Instagramソーシャルフィードを使用して新しいShopifyページを生成する

myshopify.comドメインを入力して、ShopifyサイトをJuicerに接続します。

次に、ジューサーにInstagramソーシャルフィードを使用して作成するページに名前を付けます。

JuicerをShopifyに追加すると、JuicerはInstagramソーシャルフィードが埋め込まれたシンプルなページを作成します。

Instagramソーシャルフィードの周りに新しいページをデザインするつもりがない場合は、オプション2を検討してください。

オプション#2 — Instagramソーシャルフィードを既存のShopifyページに追加する

まず、Instagramフィードを追加するページに移動し、[テーマのカスタマイズ]を選択して管理パネルにアクセスします。

次に、「カスタムHTML」コンテンツの新しいセクションをページに追加します。 まず、ページにセクションを追加します。

[詳細レイアウト]で[カスタムコンテンツ]を選択します。

新しく作成した[カスタムコンテンツ]セクションで、[コンテンツを追加]をクリックして[カスタムHTML]を選択します。

Juicerで、埋め込みコードを「標準のWebサイト」に変更します。

次に、コードをコピーしてカスタムHTMLセクションに貼り付けます。

スライダースタイルのソーシャルフィードの場合、おそらくコンテナーの幅を100%に変更する必要があります。

ウィジェットスタイルのフィードを使用する場合は、コンテナの幅を50%のままにして、セクションの残りの半分に、Instagramであなたをフォローすることで顧客が何を楽しむことができるかに関するメモを入力することを検討してください。

ステップ7:Instagramのリーチを拡大する

それでおしまい! これで、Shopifyの訪問者は、サイトで紹介するように選択したInstagramソーシャル投稿に簡単に参加して楽しむことができます。

最新の投稿、最も人気のある投稿、または特定のキャンペーンハッシュタグの投稿さえも共有するInstagramソーシャルフィードを作成します。 Juicerのおかげで、さまざまなInstagramソーシャルフィードを作成する機会は無限に広がります。

追加のInstagramソーシャルフィードアプリ

Juicerが適切なアプリでない場合の「Instagramソーシャルフィード」アプリのその他のオプションを以下に示します。

  • n3fによるInstafeed
  • Expert Village Media TechnologiesによるInstagramフィード
  • ElfsightによるInstaShow

Growth Sparkは、訪問者を顧客に変えるユニークなWebエクスペリエンスを構築することでeコマース企業の成長を支援する、受賞歴のある全国的なチームです。 Shopify Plusの公式エキスパートであることに誇りを持ち、eコマースビジネスの成長を支援します。 もっと知りたい方は一言お願いします!