Instagram で WooCommerce 製品を宣伝する方法
なぜこれほど多くの e コマース ストアが Web サイト全体で Instagram フィードを使用しているのか疑問に思ったことはありますか?すべては社会的証明の力にかかっています。
社会的証明とは、人々が他人の行動、この場合は購入によって影響を受ける現象です。最も効果的なタイプの社会的証明の 1 つは、ユーザーからのものです。ユーザー ソーシャル プルーフとは、既存の顧客がソーシャル メディアに画像を投稿することで製品やサービスを推奨することです。
社会的証明の力を言葉で説明するのは難しいので、これらのスクリーンショットを見てみましょう。まず、ケンピンスキー ホテルのギャラリーをご覧ください。
ザ & アザー ストーリーズ ファッション ブランド:
MADE の家具や家庭用品もお問い合わせください。
潜在的な顧客に製品やサービスを説得するには、口コミや視覚的な感想ほど優れたものはありません。
ユーザーが作成した無料のコンテンツを活用して Web サイトに表示し、WooCommerce コンバージョンを増やします。
顧客の Instagram 投稿を使用して WooCommerce 製品を宣伝する方法
まず最初に、しっかりとした Instagram アカウントを作成する必要があります。製品の画像をアップロードし、Instagram ストーリーを追加して、フォロワーを獲得します。
プロのヒント: Instagram の統計情報や分析情報にアクセスするには、ビジネス アカウントを使用します。
次に、Instagram キャンペーンを開始します。前述の例をいくつか見てみましょう。
「私たちのゲストは常にスタイリッシュに世界を旅します。ユーザー名 @Kempinski を使用して、自分の経験を共有してください。」
「あなたが個人的なスタイルのストーリーで私たちにインスピレーションを与えてくれるのがとても嬉しいです。 Instagram で & Other Stories のワードローブの宝物を共有したり、キャプションで @andotherstories に言及したり、投稿で @andotherstories をタグ付けしたり、ハッシュタグ #andotherstories を使用したりして、story.com で紹介されるチャンスを手に入れましょう。」
Instagram キャンペーンは、専用のハッシュタグ ( 別名 ハッシュタグ キャンペーン) を使用して実施し、製品やサービスに対する話題や関心を生み出すことができます。あるいは、顧客にアカウントにタグを付けるよう依頼することもできます。
顧客の投稿が殺到し始めたら、それを Web サイトに表示します。
WooCommerce ウェブサイトに Instagram フィードを表示する方法
2020 年 10 月に Facebook の API に大きな変更が加えられました。この変更により、WordPress ユーザーはデフォルトの oEmbed または Embed ブロック機能を使用して投稿内に Instagram コンテンツを表示できなくなります。
つまり、WooCommerce Web サイトに Instagram フィードを表示したい場合は、Instagram フィード プラグインを使用する必要があります。
Instagram フィード プラグインはたくさんありますが、Spotlight PRO は最も使いやすいものの 1 つです (特に熱心なプログラマーでない場合)。 WordPress ダッシュボードにライブインタラクティブプレビューが表示され、Elementor とシームレスに統合することもできます。
このガイドでは、WordPress ウェブサイトで Instagram マーケティング キャンペーンを強化できる他のプラグインについても説明します。
アカウントを接続してハッシュタグまたはタグ付きフィードを表示する方法
Spotlight PRO をインストールしてアクティブ化したら、Instagram アカウントに接続します。 [ビジネス アカウントを接続] をクリックすると、わずか数秒で Instagram フィードが Spotlight インターフェースに表示されます。
Elementor を使用している場合は、アカウントが接続されたら、Elementor エディタに移動します。 Spotlight Instagram フィード ウィジェットを目的の場所にドラッグ アンド ドロップし、エディター自体でチュートリアルの残りの部分に従います。ウィジェットは、デフォルトの Spotlight インターフェイスと同様に、フィードのインタラクティブなプレビューを提供します。
タグ付きフィードをインポートするには、[接続] タブに移動し、[これらのアカウントがタグ付けされている投稿を表示する] セクションでアカウントを選択します。 ハッシュタグ フィードをインポートするには、「これらのハッシュタグを含む投稿を表示」セクションにハッシュタグを入力します。
最後に、「これらのアカウントの投稿を表示」セクションでアカウントの選択を解除します。フィードには顧客の投稿が即座に入力されます。
フィードをデザインする方法
[デザイン] タブに移動します。まず、希望のレイアウトを選択します。次に、Spotlight が提供する多くのデザイン オプションを確認し、それに応じて設定を調整します。
あなたはできる：
- フィードの背景色を選択します。
- 表示する投稿数を選択し、
- 列を増やしたり減らしたり、
- ポスト間の間隔を調整し、
- ホバーオーバーエフェクトを追加し、
- ヘッダーを選択するか、完全に省略します。
- インスタグラムのストーリーを表示したり、
- ポップアップボックスを追加し、
- などなど。
右上隅にあるアイコンを選択して、モバイル デバイスやタブレット デバイス向けにフィードを調整してください。
Spotlight は箱から出した直後から完全に応答しますが、各デバイスでのフィードの外観をさらに詳細に制御できます。たとえば、デフォルト設定を簡単にオーバーライドして、デスクトップに 5 列、タブレットに 2 列、モバイル デバイスに 1 列を表示するようにプラグインに指示できます。
フィードの外観に満足したら、保存ボタンをクリックします。
フィードをフィルタリングする方法
フィードをフィルタリングして不要な投稿を削除するには、[フィルタ] タブに移動します。ここでは、ハッシュタグまたはキャプションによって投稿をフィルタリングできます。
または、[中] タブに移動してフィードをフィルタリングすることもできます。ここでは、表示または除外したい投稿を手動で選択できます。
このプロセスは簡単である必要があります。キーボードの矢印キーを使用して、インポートされた多数の投稿間を移動し、Enter キーを押して必要な投稿を選択することもできます。
WooCommerce 製品を宣伝する方法
最後のステップは、Instagram フィードの投稿を WooCommerce 製品にリンクすることです。
これを行うには、[プロモーション] タブに移動します。投稿を選択し、ドロップダウン メニューから「製品」を選択するだけです。
製品名の入力を開始するとすぐに、Spotlight は WooCommerce 製品を自動的に取得します。
製品を選択し、製品に直接リンクするか、ポップアップ ボックスで投稿を開くかを選択します。ポップアップ ボックスは、クライアントを紹介するのに最適な方法です。ハッシュタグ投稿の場合はハッシュタグとキャプションが表示され、タグ付き投稿の場合はユーザー名も表示されます。
これに加えて、指定した製品に移動する希望の「リンク テキスト」（たとえば、「この時計を購入」）を追加することもできます。
リンク テキストがポップアップ ボックスの右下隅に表示されます。
フィードを保存すれば完了です。
プロのヒント
あなたのウェブサイトで紹介される可能性を秘めたインスタグラム投稿の形でお客様の声を残すよう顧客に促し、割引を提供することで感謝の気持ちを伝えましょう。その後、WooCommerce クーポン キャンペーン プラグインを使用して監視できます。
プラグインを使用すると、クーポン キャンペーンを作成し、WooCommerce ダッシュボードからレポートを表示できます。リクエストに応じる投稿の利用規約を示すページを必ず用意してください。
WooCommerce Instagram フィードを埋め込む方法
次に、ウェブサイトにフィードを埋め込みます。これを行うには、生成されたショートコードを WordPress サイトの任意の場所にコピーして貼り付けます。 Gutenberg ブロックや WordPress または Elementor ウィジェットも使用できます。
1.ショートコード
Elementor などのページビルダーを使用している場合は、高度なカスタム フィールドを使用して、特定の WooCommerce 製品ごとにフィルタリングされたフィードを表示します（上の例の Made.com と同様）。
ACF をインストールしたら、ショートコードを要求するカスタム フィールド グループを作成します。
フィールド タイプを「テキスト」に設定し、すべての製品ページに表示されるようにルールを調整します。
名前を付けて、製品ページに進みます。カスタム フィールドが製品説明の下に表示されるようになります。次に、Spotlight のショートコードを貼り付けます。
Elementor に戻り、動的コンテンツを使用したショートコード ブロックを商品ページ テンプレートに追加します。 Elementor は、製品のカスタムフィールドに配置したショートコードを自動的に取り込んで、Instagram フィードを表示します。
注: Spotlight は非常に汎用性が高いため、使用しているテーマやページ ビルダーでも美しく機能します。
あるいは、フィードをホームページに表示したり (上のスクリーンショットのケンピンスキーのように)、専用の Instagram フィードを含むランディング ページを作成したりすることもできます (& Other Stories の「Shop this look」ページなど)。このような場合には、Spotlight のプロモート機能がうまく機能します。
これを実現するには、ホームページまたは専用ページにショートコードを貼り付けるだけで、残りは Spotlight PRO が処理します。
2. グーテンベルクブロック
投稿にフィードを表示する場合は、Gutenberg ブロックを選択してください。 WordPress エディターで、「Spotlight Instagram Feed」を検索します。
次に、ドロップダウン メニューから目的のフィードを選択するだけです。
フィードは WordPress エディターに自動的に表示されます。
3.WordPressウィジェット
フィードをフッターまたはサイドバーに表示したい場合は、WordPress ウィジェットがおそらく最良の選択肢となるでしょう。ほとんどのテーマはウィジェットを使用して、ユーザーが Web サイトの領域を数秒で簡単に編集できるようにします。
[外観] > [ウィジェット] に移動し、「Spotlight Instagram フィード」ウィジェットを見つけます。
好きな場所にドラッグ&ドロップします。この例では、検索バーの直後のフッターにフィードを表示することにしました。ドロップダウン メニューからフィードを選択して保存します。
Instagram フィードが公開されました。ヘッダーを隠すためにフィードを少し調整しました
4.エレメンターウィジェット
4 番目の方法は、Elementor ウィジェットを使用する方法です。名前が示すように、これは Elementor ユーザーに対してのみ機能します。エディターで「Spotlight Instagram Feed」を検索し、ウィジェットを目的の領域にドラッグします。
サイドバーのドロップダウン メニューからフィードを選択すると、フィードのライブ バージョンが自動的に表示されます。
WooCommerce コンバージョンを最大化する
この記事では、Instagram フィード プラグインを使用して、高パフォーマンスのビジュアル コンテンツを大規模にアクティブ化する方法を説明しました。 WooCommerce ストア全体で Instagram フィードを使用すると、顧客の購入プロセスが強化され、コンバージョンが増加します。
Spotlight PRO のような Instagram フィード プラグインには、次の機能があります。
- 消費者との直接的なつながりを作り、
- パフォーマンスを向上させる無料コンテンツを活用し、
- ビジネスの売上を促進します。
このガイドを使えば、すぐに Instagram で WooCommerce 製品の宣伝を開始できるようになります。