カスタムフィールドブロック

プラン要件

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

カスタムフィールドブロックを使用して、お客様に関する追加情報を収集できます。カスタムフィールドは任意または必須に設定できます。そのため、お客様が先に進む前に、チェックアウトをブロックするカスタムフィールドを設定できます。

チェックアウトブロックは、プレーンテキスト、ドロップダウンメニュー、チェックボックス、日付ピッカーなど、さまざまな入力タイプに対応しています。カスタムフィールドデータは、注文のメタフィールド、注文属性、または注文メモとして保存できます。

一般的な使用例に基づいて、カスタムフィールドブロックのコンテンツと設定に事前入力できる複数のテンプレートがあります。

• 利用規約に同意する：このテンプレートでは、お客様がチェックアウトする前にポップアップで表示される利用規約にチェックを入れて同意する必要があります。チェックボックスはデフォルトでは選択されていません。
• 誕生日：このテンプレートを使用すると、マーケティング目的でチェックアウト時にお客様に任意で生年月日を入力してもらうことができます。
• ギフトメッセージ：このテンプレートを使用すると、お客様が誰かへのギフトとして注文する際に、任意の文字メッセージを含めるオプションを提供します。

ヒント

デフォルトの誕生日テンプレートでは、お客様が誕生日に使用するクーポンコードは自動的に生成または送信されません。また、注文のメタフィールドデータがお客様プロフィールに自動的に適用されることもありません。誕生日クーポンコードを作成してから、Shopify Flowを使用してカスタムフィールドデータでお客様のプロフィールを更新できます。

サポートされているデータタイプ

カスタムフィールドは、注文メタフィールド、注文メモ属性、または注文メモ自体としてお客様の注文に保存されます。注文のメタフィールドは、Shopify内の注文にカスタムデータを保存して取得する最も優れた方法であるため、可能であれば注文のメタフィールドの使用を検討してください。

チェックアウトブロックでは、配送先住所や請求先住所など、既存のチェックアウトフォームに新しいフィールドを追加することはできません。代わりに、既存のチェックアウトフォームの上または下にカスタムフィールドブロックを追加してください。

注文のメタフィールド

カスタムフィールドを注文のメタフィールドに保存すると、ネームスペースcheckoutblocksが使用され、カスタムフィールドをブロックに追加するときにキーが定義されます (例：agree_to_terms)。

ヒント

メタフィールドの定義を作成して、注文詳細ページに特定のカスタムフィールドを直接表示することができます。

注文のアトリビューション

注文属性 (メモ属性またはカート属性とも呼ばれる) は、Shopifyのデフォルトの明細表および下書き注文と互換性がありません。

明細表または下書き注文を使用する必要がある場合は、代わりに注文のメタフィールドをデータタイプとして使用します。

注文メモ

カスタムフィールドを注文メモに保存すると、お客様がメモフィールドに追加した既存のコンテンツは、カスタムフィールドに置き換えられます。カスタムフィールドデータを注文メモとして保存する選択をし、その設定を有効にしている場合は、テーマのカートに注文メモを追加するオプションを無効化することを検討してください。これにより、お客様はメモの内容を2度入力する必要がなくなります。

注文メモタイプを使用する利点は、チェックアウト内にカートに入力された既存の注文メモが自動的に表示されることです。これにより、注文メモや配送メモなど、特定の使用事例におけるチェックアウトフロー全体の一貫性が確保されます。

注文メモは下書き注文と互換性がありません。

サポートされている入力タイプ

カスタムフィールドブロックは、以下のタイプのフィールドをサポートしています。

• チェックボックス
• 日時ピッカー
• 生年月日
• ドロップダウンリスト
• 電話番号フィールド
• ラジオボタン
• テキスト入力

カスタムフィールドブロックを作成する

Checkout Blocksアプリでカスタムフィールドブロックを作成し、設定することができます。カスタムフィールドブロックを作成した後、ブロックをチェックアウトに追加する必要があります。

手順

1. 管理画面で [販売チャネル] > [チェックアウトブロック] の順に移動します。
2. [ブロック] で、[ブロックを作成] をクリックします。
3. [カスタムフィールド] をクリックします。
4. 使用するフィールドのテンプレートを選択します。フィールドや設定に事前入力されないようにするには場合は、[テンプレートを空白にする] を選択します。
5. [ブロック名] セクションで、ブロックの名前を入力します。この名前はお客様には表示されません。
6. [アプリブロックID] セクションで、ドロップダウンメニューを使用して特定のID番号を適用します。アプリブロックIDについて詳しくはこちらをご覧ください。

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

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

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

   1. [名前を付けて保存] メニューで、カスタムフィールドデータを保存する場所を選択します。カスタムフィールドデータのタイプについて詳しくはこちらをご覧ください。
   2. [フィールド] セクションで、[⊕カスタムフィールドを追加] をクリックし、使用するカスタムフィールドのタイプを選択します。
   3. フィールドラベル、フィールドキー、選択オプション、フィールドが必要かどうかなど、カスタムフィールドの詳細を設定します。[完了] をクリックします。
   4. 任意：[セクションヘッダー] セクションで、カスタムフィールドにタイトルとサブタイトルを追加します。
   5. 任意：[設定] セクションで、フィールドラベルに「(任意)」を追加するかどうか、およびすべてのフィールドを表示するかどうかを選択します。

9. 任意：[スタイル] セクションで、[デザインをカスタマイズする] をクリックして、ブロックの余白、コンテナ、分割線のスタイルをカスタマイズします。

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

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

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

カスタムフィールドブロックをチェックアウトに追加する

既存のカスタムフィールドブロックをチェックアウトに追加できます。チェックアウト時に表示するには、ブロックを [有効化] に設定する必要があります。

手順

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

7. チェックアウト・アカウントエディタで、チェックアウトにカスタムフィールドブロックを追加します。

   1. ブロックを追加するチェックアウトページに移動します。
   2. ブロックを追加するセクションで [⊕アプリブロックを追加] をクリックします。
   3. [カスタムフィールド] チェックアウトブロックオプションをクリックします。
   4. チェックアウトブロックの詳細を設定し、ブロックの対応するアプリブロックIDを選択します。
   5. 任意：[ブロックIDをプレビュー (テスト用)] フィールドとブロックのプレビューIDを使用して、チェックアウト時にブロックがどのように表示されるかをプレビューします。
   6. 任意：ダイナミックブロックをドラッグ&ドロップして、ブロックを表示させたいチェックアウトページ上で位置を変更します。

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