項目コンテンツブロック

プラン要件

Creating a line item content blockは、Shopify Plusプランに加入しているマーチャントのみが利用できます。

項目コンテンツブロックでは、お客様のチェックアウトで特定の条件が満たされた場合、チェックアウト注文サマリーの項目の下に特定のコンテンツを表示することができます。チェックアウトの複数のセクションに表示される他のタイプのコンテンツブロックとは異なり、このブロックは [カートにあるアイテム] セクション内のチェックアウト注文サマリーにのみ表示されます。

このタイプのブロックは、配達見積もりや特定のアイテムの販売ポリシーなどの情報を表示する場合に役立ちます。たとえば、特定の商品について、配送先の州がニューヨーク州の場合にのみ表示される配送の遅延に関するプレーンテキストメッセージを追加できます。別の例としては、お客様のカートに#final-saleのタグが付けられた商品が含まれる場合にのみ表示される、[最終セール] のポップアップメッセージを追加することができます。

注意

項目コンテンツブロックを有効なオプションとして項目編集ブロックを作成し、そのブロックをチェックアウト設定に追加して、項目コンテンツをチェックアウトに表示する必要があります。

項目ブロックのコンテンツは、以下のいずれかの形式で表示できます。

• プレーンテキスト
• バッジ
• ツールチップ
• モーダルポップアップ

Markdownを使用してコンテンツを書式設定し、Liquidを使用してコンテンツに変数を追加できます。コンテンツにはCSS、HTML、JavaScriptはサポートされていません。

1つの項目に複数の項目コンテンツブロックを表示する場合、並べ替え優先順位を使用してブロックの順序を変更できます。

項目コンテンツブロックを作成する

チェックアウトブロックアプリで、項目コンテンツブロックを作成し、設定することができます。項目コンテンツブロックを作成したら、そのブロックをチェックアウトに追加する必要があります。

手順

1. 管理画面で [アプリ] > [チェックアウトブロック] の順に移動します。
2. [ブロック] で、[ブロックを作成] をクリックします。
3. [項目コンテンツ] をクリックします。
4. [ブロック名] セクションで、ブロックの名前を入力します。この名前はお客様には表示されません。

5. [表示ルール] セクションで、ブロックの表示ルールを設定します。

   • すべての項目ですべてのお客様にブロックを表示する場合は、[表示ルール] セクションを空白のままにしておきます。
   • 表示ルールを作成する場合は、[⊕表示ルールを追加] をクリックしてルールを設定します。必要な数の表示ルールを追加します。

6. [コンテンツ] セクションで、ブロックのコンテンツを追加およびカスタマイズします。

   1. [表示タイプ] メニューで、コンテンツの形式を選択します。
   2. 任意：ブロックが [ツールチップ] または [モーダルで開く] 場合、コンテンツの [タイトル] を入力します。
   3. [コンテンツ] テキストフィールドに、コンテンツを入力します。MarkdownとLiquidを使用してコンテンツを書式設定することができます。
   4. 任意：[スタイル] セクションでは、アイコンやテキストの配置や色など、コンテンツのスタイルをカスタマイズできます。

7. 任意：[公開] セクションで、鉛筆アイコンをクリックして、ブロックを表示するマーケットページとチェックアウトページを選択します。

8. [保存] をクリックします。

ブロックはデフォルトでは [下書き] として保存されます。ブロックを公開する準備ができたら、[ステータス] セクションでドロップダウンメニューから [有効化] を選択します。

項目コンテンツブロックをチェックアウトに追加する

項目コンテンツブロックは、[項目編集] ブロックの一部としてチェックアウトに表示されます。項目コンテンツを表示するには、まず [項目コンテンツブロック] を有効なオプションとして項目編集ブロックを作成する必要があります。チェックアウト時に表示するには、既存の項目コンテンツブロックも [有効化] に設定する必要があります。

すべての該当する項目コンテンツブロックにコンテンツを表示させるには、[項目編集] ブロックをチェックアウトに1回追加するだけで十分です。複数の項目コンテンツブロックを有効にしている場合、並べ替え優先順位を調整して表示する順序を選択できます。

手順

1. 管理画面で [アプリ] > [チェックアウトブロック] の順に移動します。
2. [ブロック] をクリックします。
3. チェックアウトに追加する項目コンテンツブロックをクリックします。
4. [その他の操作] > [チェックアウトに追加] の順にクリックします。
5. 任意：[ブロックIDをプレビュー] セクションで、クリップボードのアイコンをクリックして、ブロックの固有のプレビューIDをコピーします。
6. 希望のチェックアウト設定を選択し、[エディタを開く] をクリックします。

7. チェックアウト・アカウントエディタで、チェックアウトに項目編集ブロックを追加します。

   1. ブロックを追加するチェックアウトページに移動します。
   2. [注文サマリー] セクションで [⊕アプリブロックを追加] をクリックします。
   3. [項目編集] チェックアウトブロックオプションをクリックします。
   4. 任意：[ブロックIDをプレビュー (テスト用)] フィールドとブロックのプレビューIDを使用して、チェックアウト時にブロックがどのように表示されるかをプレビューします。

8. [保存] をクリックします。