追加する方法 Shopify 潜在的な利益を引き出す関連製品

売上を最大化し、顧客にシームレスなショッピング体験を提供したいと考えている e コマース小売業者の場合、追加する方法を学習してください。 Shopify 関連商品は強力な戦略です。主要製品と並行して補完的なアイテムや類似のアイテムを紹介することで、顧客がより多くのオプションを検討し、追加購入するよう誘導できます。

このブログ投稿では、関連製品を追加するプロセスについて説明します。 Shopify、ストアを最適化し、コンバージョンを促進するための知識とツールを提供します。

かどうか新しい Shopify または、商品のプレゼンテーションを改善したいと考えている経験豊富な販売者向けに、この包括的なガイドで段階的な手順を説明します。

適切なアプリやテーマの選択から、設定の構成、関連製品の効果の最大化まで、すべてをサポートします。

それでは、関連製品の世界を詳しく調べて、自分の能力を高める方法を見つけてみましょう。 Shopify 店舗の成功。

設置場所にある程度の柔軟性がある Shopify 関連製品ですが、よく行く場所は次のとおりです。

製品ページ
カートエリア
チェックアウトモジュール
ありがとうページ
領収書またはフォローアップメール

実行することになると成功したオンラインストア、シームレスなショッピング体験を提供し、売上を最大化することが重要です。

これらの目標を達成する効果的な方法の XNUMX つは、関連製品をシステムに組み込むことです。 Shopify 店。ここでは、追加の重要性を検討します。 Shopify 関連製品と、それらがビジネスにもたらすメリットについて説明します。

平均注文額の増加: 主な商品と並べて関連商品を紹介することで、顧客が追加のオプションを検討し、より多くの購入をするよう促します。これにより、平均注文額が大幅に増加し、新規顧客を獲得することなく収益を増やすことができます。
クロスセルの機会を強化: 関連商品は、顧客の興味に合った補完的な商品や類似の商品を提案することで、貴重なクロスセルの機会を生み出します。これにより、ショッピング体験が向上するだけでなく、顧客がより幅広い製品に触れることができ、複数の販売を行う可能性が高まります。
顧客満足度の向上： 顧客は、関連性が高く魅力的な関連製品を見つけると、自分のニーズや好みが理解されていると感じます。このパーソナライズされたアプローチにより、顧客満足度が向上し、信頼が構築され、リピート購入や肯定的な口コミ推奨につながります。
製品の可視性を最適化: 関連商品を戦略的に追加することで、気づかれにくい特定の商品を強調表示できます。人気商品や需要の高い商品と一緒に特集することで、その商品の認知度と露出度が高まり、売上の増加につながる可能性があります。
衝動買いを促進する: 関連商品は衝動買いの力を利用する可能性があります。顧客は、最初の購入を補完する魅力的で関連性の高い商品を目にすると、自発的に決定を下してそれらの商品をカートに追加する可能性が高くなります。
ショーケースの製品範囲: 関連製品を追加すると、製品範囲の広さと奥深さを示すことができます。これにより、顧客は利用可能なさまざまなオプションを知ることができ、さまざまなカテゴリを探索して、特定のニーズを満たす製品を見つけることができます。

関連製品を自社に組み込むことで、 Shopify ストアは、売上を促進し、ショッピング体験を向上させ、顧客満足度を向上させるために不可欠です。関連製品の力を活用することで、平均注文額を高め、製品の可視性を最適化し、クロスセルの機会を活用することができます。関連製品を Shopify 今すぐ保存して、ビジネスの可能性を最大限に引き出してください。

次に、関連商品を追加する XNUMX つの方法を学びます。 Shopify!

追加方法はXNUMXつあります Shopify ストアの関連商品:

ブロックを内蔵しており、 Shopify テーマエディタ
アプリの使用
コードとLiquidファイルを使用して手動で行う

ただし、その前に、必ずいくつかの製品を Shopify ストア。そうしないと、関連製品機能が動作しません。

おそらく、関連製品を Shopify ストアには、から入手可能な組み込みツールの使用が含まれます。 Shopify。最も Shopify テーマには、編集したり、Web サイトのデザインのどこかにブロックとして追加したりできる関連製品セクションが用意されています。

ただし、関連商品がサイト上のどこにどのように表示されるかは、選択したテーマによって異なります。

通常、 デフォルトの製品 のページ Shopify テーマエディター。

In Shopify、に行く 販売チャネル > オンラインストア。クリックします。 カスタマイズ

これは、 Shopify テーマエディター。ページの上部にあるドロップダウンメニューを使用して、 ホーム 〜へ 製品概要.

Pick デフォルトの製品.

これには、デフォルトの製品ページのデザインが表示され、ストアにすでにあるアイテムの XNUMX つからのデモの製品ページコンテンツが含まれています。

注: このページを表示するには、ストアに少なくとも XNUMX つの製品が必要です。また、関連製品の機能が動作するには、ストアに複数の製品が必要です。

この特定のテーマでは、 関連製品 上のブロック デフォルトの製品 ページ。これにより、各製品ページのセクションに、顧客が購入したいと考えている関連商品が自動的に入力されます。

左側のブロックをクリックしてドラッグし、位置を移動してください。

実際のものを選択するか、 関連製品 エディターのブロックをクリックするか、 関連製品 左側のパネルの項目。これにより、関連製品モジュールで使用できる設定が開きます。

デフォルトでは、 Shopify 動的な製品推奨を使用します。これらは時間の経過とともに改善され、注文と製品情報に基づいて変化します。そのため、最初はページエディターに必要なものが表示されていない可能性があります。

設定に基づいてこれらのフィールドを編集します。

見出し
見出しのサイズ
展示できる最大の商品数
デスクトップ上の列数
カラースキーム

この 製品カード セクションでは、画像のユニークなスタイルを設定できます。

ここにあります 製品カード 設定：

画像比率: 画像、縦向き、または正方形に適応するオプション。
画像の形状: ダイヤモンド、アーチ、シェブロン、ブロブなど。
ホバー時に XNUMX 番目の画像を表示: 「はい」または「いいえ」。
ベンダーを表示: はいまたはいいえ。
製品の評価を表示します:「はい」または「いいえ」。

次に、必要に応じて最終設定を調整します。

モバイルレイアウト: モバイルデバイスに表示される列の数を調整します。
セクションのパディング: 関連製品の周囲の上部と下部のパディングを変更します。
テーマ設定: スクロール時にセクションを表示するかどうかを選択します。
カスタム CSS: 独自の CSS を追加して、関連製品セクションをさらにスタイル化します。

完了したら、をクリックします Save ボタン。ショップが公開されている場合、関連商品がサイト上でどのように表示されるかを改善するためにデータが継続的に収集されます。

また、一部のテーマでは、関連製品モジュールを挿入するための追加領域が提供されていることに気づくでしょう。

テーマの特定の領域に関連製品ブロックが欠けていることが判明した場合は、回避策があります。たとえば、ブログ投稿やショッピングカートに関連商品を追加したいと考えていますが、テーマではブロックが提供されていないとします。

広告ⓘ

その場合、次のように追加できます。 注目のコレクション or 目玉商品 ブロックして、Web サイトの任意のセクションに追加します。これには動的な製品表示がありませんが、少なくとも意味のある領域で手動で選択したいくつかのアイテムを推奨することができます。

この Shopify App Store では、関連商品をショップに組み込むためのアプリがいくつか提供されています。

これらのアプリや他のアプリカテゴリを検索するには、 アプリを追加 のセクション Shopify 管理者

関連製品アプリは、デフォルトの関連製品と比較して、高度なスタイル設定と動的なプレゼンテーション設定を提供します。 Shopify。たとえば、一部のアプリではアップセルが可能ですとクロスセルを行うものもあれば、パーソナライズされた推奨事項や製品スライダーを備えているものもあります。

多くのものが存在しますが、ここでは私たちのお気に入りの関連製品アプリを紹介します。

各アプリは価格と機能が異なるため、すべてをテストしてお気に入りを見つけることをお勧めします。この簡単な例では、K:関連製品アプリを使用します。そのアプリは無料です。他の多くのプランも無料プランを持っています。

にアプリをインストールします Shopify App Store。

アプリが関連製品の機能をどのように拡張するかを理解するには、このアプリには次の機能があることがわかります。

テキストを提供する
関連商品テンプレート (Amazon スタイルなど)
顧客がワンクリックで複数の推奨製品をカートページに追加できるオプション
カウントダウンタイマー
さらに多くの

特定の製品のみに表示するなど、関連製品の表示を高度に制御することもできます。 Shopify 製品を表示したり、日付範囲やカートの値に基づいて関連商品を表示したりできます。

すべて完了したら、関連製品モジュールを保存し、Web サイト上のどこに表示するかを選択できます。

関連商品を挿入する最後の方法 Shopify これは、独自のコードを記述し、そのコードをコードの特定のセクションに挿入することによって行われます。 Shopify 液体ファイル。

以下は、「関連製品」セクションのコードの例です。 Shopify Liquid ファイルで使用できるものは次のとおりです。

{% assign current_product = product %}
{% assign related_products = current_product.tags | split: ', ' %}
{% assign related_products_count = 0 %}

{% for product in collections.all.products %}
  {% if product.tags contains related_products %}
    {% if related_products_count < 4 and product != current_product %}
      <div class="related-product">
        <a href="{{ product.url }}">
          <img src="{{ product.featured_image | img_url: product.title }}</h3>
          <p>{{ product.price | 'medium' }}" alt="{{ product.title }}">
          <h3>{{ money }}</p>
        </a>
      </div>
      {% assign related_products_count = related_products_count | plus: 1 %}
    {% endif %}
  {% endif %}
{% endfor %}

このコードは、現在の商品のタグに基づいて最大 XNUMX つの関連商品を表示することを前提としています。を調整します。 related_products_count < 4 関連商品の一意の数を表示するために必要に応じて条件を設定します。

このコードを使用するには、適切な Liquid ファイル内の必要な場所にコードを配置します。 関連製品 セクションが表示されます。ストア内のすべての商品をループし、一致するタグがあるかどうかを確認し、それに応じて関連商品を表示します。

HTML マークアップと CSS スタイルをカスタマイズできます。 <div class="related-product"> 店舗のデザインとレイアウトに合わせてセクションを選択してください。

特定の要件とテーマの構造に基づいてコードをテストし、調整することを忘れないでください。

Liquid ファイルを見つけるには Shopify 店に行く、行く 販売チャネル > オンラインストア.

クリック 省略記号（…） ボタンをクリックし、 コードの編集.

コードを直接追加できます。 テーマ。リキッド ファイルですが、通常は別のファイルを作成することをお勧めします。 セクション or テンプレート ファイルを選択し、メインテーマファイルでそのファイルを参照します。すぐに行くこともできます 製品.液体 すべての製品ページのデザインを制御するファイル。

関連製品セクション Shopify ストアは、売上を促進し、顧客の全体的なショッピングエクスペリエンスを向上させる上で重要な役割を果たします。関連製品セクションを効果的かつ最適化するには、次のヒントの実装を検討してください。

関連する補完製品を選択してください: 本当に関連性があり、メインアイテムを補完する製品を選択してください。顧客の好み、購入履歴、閲覧行動を分析して、顧客の興味に合った製品を特定します。これにより、ユーザーの注目を集め、追加購入を促す可能性が高まります。
見た目の魅力を優先する: ビジュアルは顧客を引き付け、引き付けるのに強力です。高品質の製品画像、一貫したブランディング、魅力的なレイアウトを使用して、関連製品セクションが視覚的に魅力的であることを確認します。関連製品の包括的なビューを提供するために、複数の製品画像を表示し、さまざまな角度やバリエーションを紹介することを検討してください。
スマート (動的な) 製品推奨事項を活用します。 を活用する Shopify アプリまたは plugins スマートな製品推奨機能を提供するツールです。これらのツールは、アルゴリズム、人工知能、データ分析を活用して、顧客の行動や好みに基づいてパーソナライズされた動的な推奨を提供します。プロセスを自動化することで、時間を節約し、より正確な提案を顧客に提供できます。
明確で直感的なナビゲーションを実装します。 顧客が関連製品セクションを簡単に移動できるようにします。明確な見出し、直感的なフィルター、並べ替えオプションを使用して、顧客が探しているものをすぐに見つけられるようにします。さらに、さらなる探索を促すために、「もっと見る」または「類似製品を探す」ボタンを組み込むことを検討してください。
テストと最適化: 関連製品セクションを継続的にテストして最適化し、その効果を最大化します。さまざまな製品の組み合わせ、レイアウト、配置を試して、視聴者にとって最適なものを見つけてください。さまざまな関連製品のパフォーマンスを監視し、データに基づいた意思決定を行って、コンバージョン率と顧客エンゲージメントを向上させます。
顧客の行動を監視および分析する: 分析ツールを利用して、関連製品セクション内の顧客の行動を追跡します。クリックスルー率、コンバージョン率、平均注文額などの指標を分析して、関連商品のパフォーマンスについての洞察を得ることができます。このデータは、戦略を洗練し、情報に基づいた意思決定を行ってセクションをさらに最適化するのに役立ちます。
定期的に更新して更新する: 製品を定期的に更新して更新することで、関連製品セクションを新鮮で魅力的な状態に保ちます。新製品の紹介、季節商品のハイライト、または期間限定のプロモーションを特集して、緊迫感を生み出し、顧客がさらに探索するよう促します。

これらのヒントを実装することで、販売を促進し、ショッピング体験を向上させ、顧客満足度を向上させる非常に効果的な関連商品セクションを作成できます。パフォーマンスを継続的に監視し、データを分析し、継続的な成功を確実にするために戦略を適応させることを忘れないでください。

関連製品を Shopify ストアは、売上を増加させ、顧客の全体的なショッピングエクスペリエンスを向上させることで、ビジネスに大きな利益をもたらします。私たちが提供するステップバイステップのチュートリアルに従うことで、シームレスに追加するための知識とツールが得られます。 Shopify 関連商品をストアに追加します。

重要なのは、主力製品の価値と魅力を高める、補完的なアイテムまたは類似のアイテムを選択することであることを忘れないでください。さまざまなアプリの機能を試して、テーマターゲット層の共感を呼ぶ完璧な組み合わせを見つけてください。

今ではあなたの番です！関連商品を表示しようとしたことがありますか? Shopify 店？どの戦略があなたにとって最も効果的でしたか? 皆様のご意見やご経験をお待ちしております。以下にコメントを残して、コミュニティとあなたの洞察を共有してください。