項目コンテンツブロック
項目コンテンツブロックを使用すると、お客様のチェックアウトが特定の条件を満たした場合に、チェックアウトの注文サマリーの各項目の下に特定のコンテンツを表示できます。チェックアウトの複数のセクションに表示できる他の種類のコンテンツブロックとは異なり、このブロックはチェックアウトの注文サマリーの「カート内のアイテム」セクションにのみ表示されます。
このタイプのブロックは、特定のアイテムに関する配達の見積もりや販売ポリシーなどの情報を表示する場合に役立ちます。たとえば、特定の商品の配送遅延に関するプレーンテキストメッセージを追加し、配送先の州がニューヨークの場合にのみ表示することができます。別の例として、お客様のカートに #final-sale のタグが付いた商品が含まれている場合にのみ表示される、ポップアップの最終セールメッセージを表示することができます。
項目ブロックのコンテンツは、以下のいずれかの形式で表示できます。
- プレーンテキスト
- バッジ
- ツールチップ
- モーダルポップアップ
Markdown を使用してコンテンツをフォーマットしたり、Liquid を使用してコンテンツに変数を追加したりできます。コンテンツに CSS、HTML、Javascript はサポートされていません。
1 つの項目に複数の項目コンテンツブロックを表示する場合、並び替えの優先順位を使用してブロックの順序を変更できます。
項目コンテンツブロックを作成する
Checkout Blocks アプリで項目コンテンツブロックを作成し、設定することができます。項目コンテンツブロックを作成した後、チェックアウトにそれを追加する必要があります。
手順：
Shopify 管理画面から、「アプリ管理」 > Checkout Blocks に移動します。
「ブロック」をクリックしてから、「ブロックを作成」をクリックします。
「項目コンテンツ」をクリックします。
「ブロック名」セクションで、ブロックの名前を入力します。この名前がお客様に表示されることはありません。
「表示ルール」セクションで、ブロックの表示ルールを設定します。
- すべての項目ですべてのお客様にブロックを表示するには、「表示ルール」セクションを空のままにします。
- 表示ルールを作成するには、[⊕ 表示ルールを追加] をクリックしてルールを設定します。必要な数の表示ルールを追加してください。
「コンテンツ」セクションで、ブロックのコンテンツを追加してカスタマイズします。
- 「表示タイプ」メニューで、コンテンツの形式を選択します。
- 任意：ブロックが「ツールチップ」または「モーダルで開く」の場合は、コンテンツの「タイトル」を入力します。
- 「コンテンツ」テキストフィールドにコンテンツを入力します。Markdown と Liquid を使用してコンテンツをフォーマットできます。
- 任意：「スタイル」セクションでは、アイコンやテキストの配置、色など、コンテンツのスタイルをカスタマイズできます。
任意：「公開」セクションで、鉛筆アイコンをクリックして、ブロックを表示するマーケットとチェックアウトページを選択します。
「保存」をクリックします。
ブロックは、デフォルトで「下書き」として保存されます。ブロックを公開する準備ができたら、「ステータス」セクションのドロップダウンメニューから「有効」を選択します。
項目コンテンツブロックをチェックアウトに追加する
項目コンテンツブロックは、項目編集ブロックの一部としてチェックアウトに表示されます。項目コンテンツを表示するには、まず「項目コンテンツブロック」を有効なオプションとして設定した項目編集ブロックを作成する必要があります。既存の項目コンテンツブロックも、チェックアウトに表示されるように「有効」に設定する必要があります。
すべての該当する項目コンテンツブロックがコンテンツを表示できるようにするには、チェックアウトに項目編集ブロックを一度追加するだけで済みます。複数の項目コンテンツブロックが有効になっている場合は、並び替えの優先順位を調整して、表示順序を選択できます。
手順：
Shopify 管理画面から、「アプリ管理」 > Checkout Blocks に移動します。
「ブロック」をクリックします。
チェックアウトに追加する項目コンテンツブロックをクリックします。
「その他の操作 ⌄」 > 「チェックアウトに追加」をクリックします。
希望のチェックアウト設定を選択し、「エディタを開く」をクリックします。
チェックアウトとアカウントのエディタで、項目編集ブロックをチェックアウトに追加します。
- ブロックを追加するチェックアウトページに移動します。
- 「注文サマリー」セクションで [⊕ ブロックを追加] をクリックします。
- 項目編集 Checkout Blocks オプションをクリックします。
「保存」をクリックします。