購入手続きフォームに項目を追加してカスタマイズする
読了時間:11分
購入手続きフォームに項目を追加して、顧客から必要な情報を収集します。フォームにはさまざまな項目を追加でき、顧客がテキストを入力できるようにしたり、質問に回答できるようにしたり、リンクを送信できるようにしたりすることができます。
![カスタム項目を追加した購入手続き画面のスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/02/26/afc87b8e-b067-45a2-b6db-1098d94d6160/442bd6e3-8f30-4785-aa74-afee1acbefa9.jpg)
購入手続きフォームに項目を追加する方法:
- サイトダッシュボードの「設定」にアクセスします。
- 「Eコマース」をクリックします。
- 「購入手続き画面で顧客からどの情報を収集するかをカスタマイズ」横の「編集する」をクリックします。
- 「+項目の作成」をクリックします。
- 以下の項目を追加してフォームをカスタマイズします:
短い回答
短い回答欄を追加して、顧客が最大 200文字までテキストを入力できるようにします。これは、たとえば「名入れ」が可能な商品に、顧客に希望する名前を尋ねる場合などに適しています。
![短い回答](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/02/26/3159f82f-a33a-48a4-acac-f69afb5497f9/114d7fb1-f726-4f21-8f38-abaa69d118eb.jpg)
![短い回答](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/02/26/3159f82f-a33a-48a4-acac-f69afb5497f9/114d7fb1-f726-4f21-8f38-abaa69d118eb.jpg)
ヒント:項目には最小文字数を設定したり、200文字未満で最大文字数を設定することができます。
項目を追加・カスタマイズする方法:
- 「短い回答」を選択します。
- タイトルを入力します(例:名前)。
- (オプション)「必須項目」トグルをクリックし、この項目を必須項目として設定します。
- (オプション)顧客に入力例を示すためのテキストを追加します:
- 「プレースホルダテキスト」トグルをクリックして有効にします。
- テキストを入力します(例:追加する名前を指定してください)。
- (オプション)項目の詳細を追加します:
ヒント:この詳細は、項目の下に表示されます。- 「項目の詳細」トグルをクリックして有効にします。
- 説明文を入力します。
- 顧客が個人を特定できる情報(例:住所やパスポート番号など)を入力する場合は、「個人情報(PII)」トグルをクリックして有効にします。
注意:これにより、セキュリティがさらに強化されます。 - 顧客が入力できる文字数を制限します:
- 「詳細設定」タブをクリックします。
- 「文字数を制限する」トグルをクリックして有効にします。
- 最小文字数と最大文字数を入力します。
- (オプション)デフォルトの「項目キー」を編集します:
注意:この名前は、コード内で項目を参照するために使用されます。保存後にこのキーを変更することはできません。- 「詳細設定」タブをクリックします。
- キーを入力します。
- 「保存」をクリックします。
長い回答
長い回答欄を追加して、顧客が最大 400文字までテキストを入力できるようにします。これは、たとえばギフトとして商品を購入した顧客に、相手へのメッセージを入力してもらう場合などに適しています。
![長い回答](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/02/26/c5cd3c92-ed2d-4aff-a6ab-3a0cef296c4a/4cf367ce-29cb-4cbf-974a-22d25177a667.jpg)
![長い回答](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/02/26/c5cd3c92-ed2d-4aff-a6ab-3a0cef296c4a/4cf367ce-29cb-4cbf-974a-22d25177a667.jpg)
項目を追加・カスタマイズする方法:
- 「長い回答」を選択します。
- タイトルを入力します(例:ギフトメッセージを追加)。
- (オプション)「必須項目」トグルをクリックし、この項目を必須項目として設定します。
- (オプション)顧客に入力例を示すためのテキストを追加します:
- 「プレースホルダテキスト」トグルをクリックして有効にします。
- テキストを入力します(例:メッセージを入力してください)。
- (オプション)項目の詳細を追加します:
ヒント:この詳細は、項目の下に表示されます。- 「項目の詳細」トグルをクリックして有効にします。
- 説明文を入力します。
- 顧客が個人を特定できる情報(例:住所やパスポート番号など)を入力する場合は、「個人情報(PII)」トグルをクリックして有効にします。
注意:これにより、セキュリティがさらに強化されます。 - 顧客が入力できる文字数を制限します:
- 「詳細設定」タブをクリックします。
- 「文字数を制限する」トグルをクリックして有効にします。
- 最小文字数と最大文字数を入力します。
- (オプション)デフォルトの「項目キー」を編集します:
注意:この名前は、コード内で項目を参照するために使用されます。保存後にこのキーを変更することはできません。- 「詳細設定」タブをクリックします。
- キーを入力します。
- 「保存」をクリックします。
数値
顧客が数値を入力して回答する質問を追加します。たとえば、お住まいの国で非課税 ID 番号が使用できる場合は、顧客に個人番号の入力を求めることができます。顧客がこの項目に数値以外を入力することはできません。必要に応じ、顧客が入力できる小数点以下の桁数は制限することができます。
![購入手続きフォームに「数値」の項目を追加した一例。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/02/26/b902ed80-1786-40ba-9f23-f91c94a7e5b8/6e2c7ba3-6743-44e2-a5c2-2041302c908c.jpg)
項目を追加・カスタマイズする方法:
- 「数値」を選択します。
- タイトルを入力します(例:非課税番号)。
- (オプション)「必須項目」トグルをクリックし、この項目を必須項目として設定します。
- (オプション)顧客に入力例を示すためのテキストを追加します:
- 「プレースホルダテキスト」トグルをクリックして有効にします。
- テキストを入力します(例:電話番号を入力してください)。
- (オプション)項目の詳細を追加します:
ヒント:この詳細は、項目の下に表示されます。- 「項目の詳細」トグルをクリックして有効にします。
- 説明文を入力します。
- 顧客が個人を特定できる情報(例:ID 番号など)を入力する場合は、「個人情報(PII)」トグルをクリックして有効にします。
注意:これにより、セキュリティがさらに強化されます。 - 小数点以下の最大桁数を設定します:
- 「詳細設定」タブをクリックします。
- スライダーをドラッグして桁数を設定します。
- 顧客が入力できる文字数を制限します:
- 「詳細設定」タブをクリックします。
- 「数値範囲を設定する」トグルをクリックして有効にします。
- 最小数と最大数を入力します。
ヒント:これを使用して、顧客が入力できる数値の桁を制限することができます(例:最小数に 1000 と入力して最大数に 9999 と入力すると、顧客が入力できる数値を 4桁のみに制限することができます)。
- (オプション)デフォルトの「項目キー」を編集します:
注意:この名前は、コード内で項目を参照するために使用されます。保存後にこのキーを変更することはできません。- 「詳細設定」タブをクリックします。
- キーを入力します。
- 「保存」をクリックします。
リンク
購入手続き時に顧客がリンクを送信できるようにします。これにより、たとえば顧客に自身のウェブアドレスを送信してもらうことができます。
![サイトリンク](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/02/26/70a24a7c-03e0-4ec4-be4a-b59ca7a0e5f8/021b9dc0-9377-4c95-9fae-a449dd440819.jpg)
![サイトリンク](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/02/26/70a24a7c-03e0-4ec4-be4a-b59ca7a0e5f8/021b9dc0-9377-4c95-9fae-a449dd440819.jpg)
項目を追加・カスタマイズする方法:
- 「リンク」を選択します。
- タイトルを入力します(例:サイトリンク)。
- (オプション)「必須項目」トグルをクリックし、この項目を必須項目として設定します。
- (オプション)顧客に入力例を示すためのテキストを追加します:
- 「プレースホルダテキスト」トグルをクリックして有効にします。
- テキストを入力します(例:www.mysite.com)。
- (オプション)項目の詳細を追加します:
ヒント:この詳細は、項目の下に表示されます。- 「項目の詳細」トグルをクリックして有効にします。
- 説明文を入力します。
- 顧客が個人を特定できる情報を入力する場合は、「個人情報(PII)」トグルをクリックして有効にします。
注意:これにより、セキュリティがさらに強化されます。 - (オプション)デフォルトの「項目キー」を編集します:
注意:この名前は、コード内で項目を参照するために使用されます。保存後にこのキーを変更することはできません。- 「詳細設定」タブをクリックします。
- キーを入力します。
- 「保存」をクリックします。
メールアドレス
顧客に追加のメールアドレスの入力を求めます。たとえば、フォームに「連絡担当者」などの項目を追加した場合は、顧客にそのメールアドレスを尋ねることができます。
![購入手続きフォームに「メールアドレス」の項目を追加した一例。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/02/27/ff29c2c8-334b-48b7-9c70-e5c3acbee009/defdbbd4-7f92-4c6e-8365-85245190898a.jpg)
項目を追加・カスタマイズする方法:
- 「メールアドレス」を選択します。
- タイトルを入力します(例:担当者のメールアドレス)。
- (オプション)「必須項目」トグルをクリックし、この項目を必須項目として設定します。
- (オプション)顧客に入力例を示すためのテキストを追加します:
- 「プレースホルダテキスト」トグルをクリックして有効にします。
- テキストを入力します(例:メールアドレスを入力してください)。
- (オプション)項目の詳細を追加します:
ヒント:この詳細は、項目の下に表示されます。- 「項目の詳細」トグルをクリックして有効にします。
- 説明文を入力します。
- 顧客が個人を特定できる情報を入力する場合は、「個人情報(PII)」トグルをクリックして有効にします。
注意:これにより、セキュリティがさらに強化されます。 - (オプション)デフォルトの「項目キー」を編集します:
注意:この名前は、コード内で項目を参照するために使用されます。保存後にこのキーを変更することはできません。- 「詳細設定」タブをクリックします。
- キーを入力します。
- 「保存」をクリックします。
電話番号
顧客に追加の電話番号の入力を求めます。たとえば、フォームに「連絡担当者」などの項目を追加した場合は、顧客にその電話番号を尋ねることができます。
![電話番号](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/02/27/a35663ca-f217-4542-8867-48f83c851b72/63ecdbab-14b8-4b16-8dad-66c314ae5868.jpg)
![電話番号](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/02/27/a35663ca-f217-4542-8867-48f83c851b72/63ecdbab-14b8-4b16-8dad-66c314ae5868.jpg)
項目を追加・カスタマイズする方法:
- 「電話番号」を選択します。
- タイトルを入力します(例:担当者の電話番号)。
- (オプション)「必須項目」トグルをクリックし、この項目を必須項目として設定します。
- (オプション)顧客に入力例を示すためのテキストを追加します:
- 「プレースホルダテキスト」トグルをクリックして有効にします。
- テキストを入力します(例:電話番号を入力してください)。
- (オプション)項目の詳細を追加します:
ヒント:この詳細は、項目の下に表示されます。- 「項目の詳細」トグルをクリックして有効にします。
- 説明文を入力します。
- 顧客が個人を特定できる情報を入力する場合は、「個人情報(PII)」トグルをクリックして有効にします。
注意:これにより、セキュリティがさらに強化されます。 - (オプション)デフォルトの「項目キー」を編集します:
注意:この名前は、コード内で項目を参照するために使用されます。保存後にこのキーを変更することはできません。- 「詳細設定」タブをクリックします。
- キーを入力します。
- 「保存」をクリックします。
単一選択
顧客が複数の選択肢から 1つだけ回答を選択できる項目を追加します。
![購入手続きフォームに「単一選択」の項目を追加した一例。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/02/27/2f0208cf-4320-4d6d-975f-0eea29f4dfc9/5e199ed5-01bc-4bbc-bf5a-c306783590f0.jpg)
項目を追加・カスタマイズする方法:
- 「単一選択」を選択します。
- タイトルを入力します(例:名前を刺繍する場所を指定してください)。
- オプションを作成します:
- 最初の 2つのオプションを入力します。
- (オプション)「+新しいオプションを追加」をクリックし、追加のオプションを入力します。
ヒント:オプションの数が多い場合は、「一括編集」をクリックして、各オプションのテキストをまとめて編集することができます。
- 「その他」のオプションを追加します:
- 「「その他」を追加する」トグルをクリックします。
- (オプション)オプションのタイトルを編集します。
- (オプション)プレースホルダテキストを追加します。
- (オプション)「必須項目」トグルをクリックし、この項目を必須項目として設定します。
- (オプション)項目の詳細を追加します:
ヒント:この詳細は、項目の下に表示されます。- 「項目の詳細」トグルをクリックして有効にします。
- 説明文を入力します。
- 顧客が個人を特定できる情報を入力する場合は、「個人情報(PII)」トグルをクリックして有効にします。
注意:これにより、セキュリティがさらに強化されます。 - (オプション)デフォルトの「項目キー」を編集します:
注意:この名前は、コード内で項目を参照するために使用されます。保存後にこのキーを変更することはできません。- 「詳細設定」タブをクリックします。
- キーを入力します。
- 「保存」をクリックします。
複数選択
顧客が複数の選択肢から複数回答を選択できる項目を追加します。
ヒント:顧客が選択できるオプションの数は制限することができます。
ヒント:顧客が選択できるオプションの数は制限することができます。
![購入手続きフォームに「複数選択」の項目を追加した一例。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/02/27/9926cc68-b9a5-4e59-b2fa-4ac829e3fc24/94a54ed3-444d-49b0-8467-ff2caf2f7ba9.jpg)
項目を追加・カスタマイズする方法:
- 「複数選択」を選択します。
- タイトルを入力します(例:追加するイラストを指定してください)。
- オプションを作成します:
- 最初の 2つのオプションを入力します。
- (オプション)「+新しいオプションを追加」をクリックし、追加のオプションを入力します。
ヒント:オプションの数が多い場合は、「一括編集」をクリックして、各オプションのテキストをまとめて編集することができます。
- 「その他」のオプションを追加します:
- 「「その他」を追加する」トグルをクリックします。
- (オプション)オプションのタイトルを編集します。
- (オプション)プレースホルダテキストを追加します。
- (オプション)「必須項目」トグルをクリックし、この項目を必須項目として設定します。
- (オプション)項目の詳細を追加します:
ヒント:この詳細は、項目の下に表示されます。- 「項目の詳細」トグルをクリックして有効にします。
- 説明文を入力します。
- 顧客が個人を特定できる情報を入力する場合は、「個人情報(PII)」トグルをクリックして有効にします。
注意:これにより、セキュリティがさらに強化されます。 - 顧客が選択できるオプションの数を制限します:
- 「オプションを制限する」トグルをクリックして有効にします。
- ドロップダウンで「最低」、「最大」、「数を指定」から該当するオプションを選択します。
- 制限する数を入力します。
- (オプション)デフォルトの「項目キー」を編集します:
注意:この名前は、コード内で項目を参照するために使用されます。保存後にこのキーを変更することはできません。- 「詳細設定」タブをクリックします。
- キーを入力します。
- 「保存」をクリックします。
ドロップダウン
顧客がドロップダウンから 1つだけ回答を選択できる項目を追加します。
![ドロップダウン](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/02/27/9acc0695-0944-4d06-baa6-8d68545df1ca/083649e4-94f0-4265-9826-28ce21fcaa56.jpg)
項目を追加・カスタマイズする方法:
- 「ドロップダウン」を選択します。
- タイトルを入力します(例:スレッドの色を選択してください)。
- オプションを作成します:
- 最初の 2つのオプションを入力します。
- (オプション)「+新しいオプションを追加」をクリックし、追加のオプションを入力します。
ヒント:オプションの数が多い場合は、「一括編集」をクリックして、各オプションのテキストをまとめて編集することができます。
- (オプション)顧客がドロップダウンをクリックする前に表示されるプレースホルダテキスト、またはオプションを設定します:
- プレースホルダテキストを追加する:「プレースホルダ」をクリックし、テキスト(例:「選択してください」など)を入力します。
- デフォルトのオプションを選択する:「オプション」をクリックし、デフォルトで表示されるオプション(例:「ブルー」など)を選択します。
- (オプション)「必須項目」トグルをクリックし、この項目を必須項目として設定します。
- (オプション)項目の詳細を追加します:
ヒント:この詳細は、項目の下に表示されます。- 「項目の詳細」トグルをクリックして有効にします。
- 説明文を入力します。
- 顧客が個人を特定できる情報を入力する場合は、「個人情報(PII)」トグルをクリックして有効にします。
注意:これにより、セキュリティがさらに強化されます。 - (オプション)デフォルトの「項目キー」を編集します:
注意:この名前は、コード内で項目を参照するために使用されます。保存後にこのキーを変更することはできません。- 「詳細設定」タブをクリックします。
- キーを入力します。
- 「保存」をクリックします。
チェックボックス
顧客がチェックボックスを選択して回答できる項目を追加します。たとえば、この項目を使用して、注文商品がギフトかどうかなどを尋ねることができます。
![購入手続きフォームに「チェックボックス」の項目を追加した一例。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/02/27/b5d0c7bf-1ad4-441d-bc9a-db5bb0d6c949/c09a90ff-13df-4f04-8691-f4cc0d44fd93.jpg)
この項目は、ショップの利用規約のページにリンクさせ、以下のように同意のチェックボックスとして使用することもできます。
![「デフォルトでチェックマークを入れる」トグルが有効になったチェックボックス](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/02/27/fd2a8d22-5b7c-4904-bb69-2f23e17b3a2d/8386e4a8-87e1-451e-bec9-77a9f899c4d1.jpg)
![「デフォルトでチェックマークを入れる」トグルが有効になったチェックボックス](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/02/27/fd2a8d22-5b7c-4904-bb69-2f23e17b3a2d/8386e4a8-87e1-451e-bec9-77a9f899c4d1.jpg)
項目を追加・カスタマイズする方法:
- 「チェックボックス」を選択します。
- 内部名称を入力します。
注意:ここに入力した名称はダッシュボードにのみ表示され、顧客には表示されません。 - 顧客に確認したい内容(例:「この商品はギフトですか?」など)を入力します。
- 「デフォルトでチェックマークを入れる」トグルを有効または無効にします:
- 有効:チェックボックスはデフォルトで選択されています。
- 無効:チェックボックスはデフォルトで選択されていません。
- (オプション)「必須項目」トグルをクリックし、この項目を必須項目として設定します。
- (オプション)デフォルトの「項目キー」を編集します:
注意:この名前は、コード内で項目を参照するために使用されます。保存後にこのキーを変更することはできません。- 「詳細設定」タブをクリックします。
- キーを入力します。
- 「保存」をクリックします。
ヒント:
- すべてのカスタム項目は、顧客情報セクションと配達情報セクションの間に表示されます。
- 追加したカスタム項目はドラッグして並べ替えることができます。
お役に立ちましたか?
|