サイトの別のページでストアの商品を紹介し、精算ページに直接顧客を誘導します。

商品ブロックを使い、サイトのストアのアイテムを他のページや投稿に表示できます。これは、サイト全体で商品を宣伝したり、ストアの組み込みランディング ページとは異なるレイアウトを作成したりするのに最適な方法です。

ヒント: ストア ページと商品ブロックの違いについては、「ストアページと商品ブロック」をご覧ください。

始める前に

• 商品ブロックを使用するには、表示対象の商品を含むストア ページが必要です。
• 商品を含むストア ページは有効でなければなりません。これを無効にすると、商品ブロックから追加された商品がショッピング カートに表示されなくなります。
• 商品は、公開済みでサイトに表示されていなければなりません。

商品ブロックを追加する

商品ブロックを追加する方法は以下の通りです。

1. ページまたは投稿を編集し、[ブロックを追加]または挿入箇所をクリックして、[商品]をクリックします。 ヘルプについては、「ブロックを使用してコンテンツを追加する」をご覧ください。
2. ブロックに表示される鉛筆アイコンをクリックして、ブロック エディターを開きます。
3. [商品を追加] フィールドで、表示したい商品を検索します。 検索結果で目的の商品をクリックして追加します。 検索では、最大7件の商品が表示されます。
4. 在庫に移動して商品に変更を適用するには、[商品を編集] をクリックし、[保存して続行] をクリックします。 これにより、現在のページが閉じます。
5. [デザイン] タブをクリックして、表示される商品の詳細をカスタマイズします。

ヒント: 商品ブロックに表示される商品は一度に1件のみです。ページに複数の商品を表示するには、複数の商品ブロックを使用するか、要約ブロックを使用して商品のコレクションを表示します。

ゲート付きコンテンツを宣伝する

メンバー サイトのサブスクリプションをお持ちで、メンバー サイトのいずれかにオンライン ストアを設定している場合、サイトの訪問者がそのゲート付きストアから商品を購入するにはメンバーシップにサインアップする必要があります。メンバーではない人がこれらの商品を購入できるようにするには、メイン サイトに商品ブロックを追加し、[商品を追加] 検索バーを使ってゲート付きストアから商品を選択します。

商品の詳細を追加する

商品ブロックをカスタマイズするには、[デザイン] タブをクリックします。 ここでは、ブロックの配置を左、中央、または右に設定できます。 トグルのオンとオフを切り替えて、どの商品の詳細を表示するかをカスタマイズすることもできます。

• 画像 - 商品のアイキャッチ画像を表示します
• タイトル - 商品のタイトルを表示します
• 料金 - 商品の料金を表示します
• 説明 - 商品の説明を表示します
• [カートに追加] ボタン - [カートに追加] ボタンを表示します
• 商品のクイック ビュー - クイック ビューを有効にします

これらの詳細を変更するには、商品を編集します。

商品ブロックのスタイルを設定する

商品ブロックのスタイル設定を行ったり、[カートに追加] ボタンをカスタマイズしたりできます。

ボタンのテキスト

商品ブロックのボタンの既定のテキストは「カートに追加」です。このテキストは、「今すぐ購入」などの別のテキストに変更できます。

1. 商品ブロックに表示される商品を含むストア ページを開きます。
2. 商品をダブル クリックして、商品エディターを開きます。
3. [オプション]タブで、ボタンの新しいテキストを入力します。

ボタンのデザイン

ボタンのデザインを変更する方法は、サイトのバージョンによって異なります。

商品ブロックのテキストとフォント

商品ブロックのタイトル、料金、説明のスタイルを設定する方法は、サイトのバージョンによって異なります。

商品ブロックのサイズと形状

最初にブロックを追加するときに隣に他のブロックがなければ、コンテンツ エリアの全幅いっぱいに表示されます。ブロックのサイズ変更についての詳細は、「ブロックのサイズを変更する」および「ブロックを移動してレイアウトをカスタマイズする」を参照してください。

ブロックの形状については、商品ブロックの縦横比は、商品のアイキャッチ画像の元の縦横比と一致するものになります。 商品ブロックに特定の縦横比を持たせるには、商品エディターにアップロードする前に画像をトリミングするか、商品エディターの画像エディターを使用します。

商品ブロック検索のヒント

ブロックに表示する商品を検索する場合、次の情報に基づいて検索結果が表示されます。

• タイトル
• 説明
• タグ
• カテゴリー
• 商品の追加情報内のテキスト ブロック

検索では、最大7件の検索結果が表示されます。似通った名前の商品がある場合は、正確な商品名で検索してください。 新商品は、検索ですぐに表示されない場合があります。

オンライン ストアをカスタマイズする

サイトに商品を追加するにはストア ページを使用する必要がありますが、商品ブロックを使用すると別のページにカスタムのオンライン ストア レイアウトを作成できます。 ストアを作成してカスタマイズしたら、ページ パネルの [リンクなし] セクションにストア ページを移動してを非表示にすることができます。 これにより、ストア ページは有効な状態のままでナビゲーション メニューから削除されます。

トラブルシューティング

商品ブロックに間違った画像が表示される

商品ブロックには商品のアイキャッチ画像が表示されます。この画像は、商品エディターで設定された最初の画像とは異なる場合があります。 商品ブロック内の画像を変更するには、商品のアイキャッチ画像を変更してください。

商品ブロックからショッピング カートに商品が追加されない

商品ブロックの [カートに追加] ボタンをクリックしても商品がショッピング カートに追加されない場合は、リンクされたストア ページが無効になっている可能性があります。 無効化されたストア ページの商品は、商品ブロックには表示できますがカートに追加することはできません。 この問題を解決するには、ストア ページを有効にしてください。