商品ブロックを使うと、ストアの商品を任意のページや投稿に表示し、顧客を精算ページに直接誘導できます。

商品ブロックを使うと、ストアの商品を別のページや投稿に表示できます。商品ブロックを使用すると、サイト全体で商品を宣伝したり、ストア ページに組み込まれているデザインとは異なるレイアウトのストアを作成したりできます。

動画: 商品ブロックの追加とカスタマイズ (バージョン 7.1)

この動画では、商品ブロックの追加、商品の選択、バージョン7.1で表示する詳細の設定手順を紹介します。

商品ブロックを追加する

各商品ブロックには1つの商品が表示されます。ページに複数の商品を表示するには、商品ごとに商品ブロックを追加するか、概要ブロックを使用してコレクション全体を表示します。

商品を別のページに表示するには、次の手順を行います。

1. 商品が公開されていて表示可能であること、商品を掲載しているストア ページが有効になっていることを確認します。
2. ページまたは投稿にブロックを追加し、[商品] をクリックします。
3. ブロックに表示される鉛筆アイコンをクリックして、ブロック エディターを開きます。
4. [商品を追加] フィールドで、商品を検索します。
5. 任意: 在庫を開いて商品を変更するには、[商品を編集] をクリックし、[保存して続行] をクリックします。これにより、編集していたページが閉じます。
6. トグルをオンまたはオフに切り替えて、表示する商品詳細を選択します。
7. [デザイン] をクリックして、商品画像の図形を設定します。

商品が検索結果に表示されない

商品名が似ている場合は、正確な商品名で検索してください。新しい商品は、すぐに検索結果に表示されない場合があります。

[商品を追加] 検索フィールドには最大7件の検索結果が表示され、以下が検索対象となります。

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

表示する商品詳細を選択する

商品ブロックの [コンテンツ] タブでは、トグルのオン/オフを切り替えて、どの商品の詳細を表示するかをカスタマイズできます。

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

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

商品画像の図形を設定する

商品ブロックエディターの [デザイン] タブで、[画像] の下のドロップダウン メニューをクリックして図形を選択します。図形によって画像のトリミング方法が異なるため、商品写真に合う形状をいくつか試してみてください。

画像の縦横比、焦点、ブロックのコンテンツの配置を変更することもできます。選択した図形によっては、角の半径を設定して、角を個別に丸くしたり、すべての角をまとめて丸くしたりできます。

追加済みのブロックの図形を変更するには、ページを開き、商品ブロックをダブルクリックし、[デザイン] をクリックしてから、ドロップダウン メニューで図形を選択します。ブロックのサイズについては、「ページ上のブロックのサイズ変更」をご覧ください。

[カートに追加] ボタンのスタイルを設定する

商品ブロックのボタンにはサイト全体のボタン スタイルが適用されます。そのスタイルにアクセス方法は、サイトのバージョンによって異なります。

[カートに追加] ボタンのテキストを変更する

商品ブロックのボタンには、既定で「カートに追加」と表示されます。「今すぐ購入」などの別のテキストに変更するには、次の手順に従います。

1. 商品が掲載されているストア ページを開きます。
2. 商品をダブル クリックして、商品エディターを開きます。
3. [詳細] タブで、ボタンの新しいテキストを入力します。

商品タイトル、価格、説明のスタイルを設定する

表示されるテキストを変更するには、ストア ページを開き、商品情報を編集します。フォント、色、サイズの変更方法は、サイトのバージョンによって異なります。

売り切れラベルのスタイルを設定する

どちらのバージョンでも、[商品ステータス] パネルで売り切れのテキストを変更できます。ラベルのスタイル設定方法は、サイトのバージョンによって異なります。

数量フィールドのスタイルを設定する

十分なスペースがある場合、数量フィールドは [カートに追加] ボタンの横に表示されます。画面の幅が狭い場合は、2つが上下に配置され、数量フィールドが上に表示されます。フィールドのスタイルの設定方法は、サイトのバージョンによって異なります。

メンバー サイトの商品を非メンバーにも販売できますか？

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

商品ブロックにサブスクリプション商品を追加できますか？

はい。サブスクリプション商品に1回限りの購入オプションも設定されている場合、ブロックにはサブスクリプションのオプションではなく、1回限りの購入オプションのみが表示されます。[商品クイック ビュー] トグルをオンにすると、顧客が2つの選択肢から選べるようになります。

商品ブロックを使用するには、ストア ページが必要ですか？

はい。ただし、ストア ページを訪問者から非表示にすることはできます。商品を掲載するにはストア ページが必要ですが、顧客をそのページに誘導する必要はありません。商品ブロックを使って別のページに希望するレイアウトを作成し、ストア ページをページ パネルの[リンクなし] セクションに移動します。ストア ページは有効なままですが、ナビゲーション メニューに表示されなくなります。

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

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

商品ブロックから商品をカートに追加できません

商品ブロックで [カートに追加] をクリックしても商品がカートに追加されない場合、リンク先のストア ページが無効になっています。無効になっているストア ページの商品も商品ブロックに表示されますが、顧客はカートに追加できません。この問題を解決するには、ストア ページを有効にします。

エラー: 問題が発生しました。もう一度やり直すか、ページを更新してください。

削除されたストア ページにリンクされている商品ブロックを編集すると、このエラーが表示されます。商品ブロックはストア ページから商品詳細を取得するため、単独では編集できません。この問題を解決するには、削除してから30日以内に削除したストア ページを復元します。