顧客フォームフィールド

顧客フォームフィールド要素について

Shopifyの顧客フォームフィールド要素は、顧客フォームを簡単にカスタマイズできるように設計されています。これは、マーケティングや社内利用のために特定の顧客情報を収集するのに役立ち、割引や特典で顧客のアクションを促すためにも使用できます。特定の要件やブランディングの好みに合わせて、フォームフィールドを調整できます。

詳細については、こちらのビデオチュートリアルをご覧ください。

顧客フォームフィールド要素にアクセスする方法

  • ステップ1: Elements アイコンをクリック > 次に、Shopify タブで Customer Form Field を選択します

  • ステップ2: 目的の顧客フォームフィールドバリアントをページエディターにドラッグアンドドロップします

顧客フォームフィールドには、Email、First Name、Last Name、および Customer Note 要素が含まれています。検索バーで要素を検索することもできます。

顧客フォームフィールド要素を設定する方法

顧客フォームフィールド要素には、可能な限り最高のコンバージョン率を達成するためにコンテンツの外観を細かく調整できる多くのパラメーターがあります。

ページキャンバス上の要素をクリックすると、この要素に固有のGeneralタブとStylingタブのパラメーターにアクセスできます。

General 設定

| Show Label: ラベルの表示/非表示。 |

Label Position: 入力ボックスに対するラベルの位置。

| | Require Field: このフィールドを必須フィールドにします |

|

Styling 設定

要素サイズ、スペーシング、タイポグラフィ、色など、Stylingタブでさまざまなパラメーターを変更して、顧客フォームフィールド要素がページの全体的なレイアウトと一致するように保証できます。

Stylingタブの詳細については、こちらをご確認ください。

顧客フォームフィールド要素のサブ要素を設定する方法

顧客フォームフィールド要素には、Field LabelとField Inputの2つのサブ要素があります。サブ要素をクリックすると、各サブ要素のすべての設定パラメーターが表示されます。

Field Label 要素の設定

Field Label要素全体を選択し、GeneralタブにはLabel textという設定が1つだけあります。表示したいラベルの名前を入力する必要があります。

Field Label要素のスタイリング設定は、要素のスタイリングに似ています。要素のスタイリング設定の詳細については、こちらをご覧ください。

Field Input 要素の設定

| Customer Details: フォーム経由で送信されたデータで入力する顧客の詳細フィールドを選択します。4つのオプションがあります: - First name - Last name - Email - Customer note |

Placeholder Text: 訪問者が入力を開始するまで入力ボックスに表示されるテキスト。

| | Input type: Customer DetailsでCustomer noteを選択した場合のみ表示されます。8つのオプションが利用可能です: - Single line text - Multiple Line Text - Single Choice - Checkbox - Dropdown - Number - Date - Time | Single Line Text

Placeholder Text: 訪問者が入力を開始するまで入力ボックスに表示されるテキスト Multiple Line Text

Line Number: テキストの高さは行数でカウントされます(最小値は1、最大値は20)。 Placeholder Text: 訪問者が入力を開始するまで入力ボックスに表示されるテキスト Single Choice

Single choice options: 新しい行を入力することで、オプションの名前変更、追加が可能です Checkbox

Checkbox Label: チェックボックスの名前を入力します。 Dropdown

Dropdown options: 新しい行を入力することで、オプションの名前変更、追加が可能です Number

Default number: 顧客のためのデフォルト番号を設定します。 Date

Default date: 顧客のためのデフォルト日付を設定します。 Time

Default time: 顧客のためのデフォルト時間を設定します |

Stylingタブでは、Field input要素のサイズ、スペーシング、タイポグラフィ、色などを調整できます。ページキャンバスでField input要素をクリック > NavigationでStylingに移動すると、これらのパラメーターが表示されます。

よくあるケース

  • Field Stateオプションは、Contact Form Field内でInput Fieldを選択した場合にのみ表示されることに注意してください。これらのオプションにアクセスするには、適切な要素を選択していることを確認してください。

  • フォームにフィールドが1つしかない場合、そのフィールドはメール(必須)である必要があります。

よくある質問

1. 顧客フォームフィールド要素は何のために使用されますか?

顧客フォーム内にカスタムフィールドを作成し、顧客から特定の情報を収集するために使用されます。この情報は、注文処理、マーケティング、顧客サポートなど、さまざまな目的で使用できます。

2. 1つのフォームで複数の顧客フォームフィールド要素を使用できますか?

はい、必要な数の顧客フォームフィールド要素を追加して、必要な情報を収集できます。

3. 顧客フォームフィールド要素はどこで使用できますか?

PageFlyの任意のページで使用できますが、チェックアウトページ、お問い合わせページ、ランディングページでよく使用されます。

追加リソース

Last updated

Was this helpful?