お問い合わせフォームフィールド
Last updated
Was this helpful?
Last updated
Was this helpful?
概要: 要素は、を簡単にカスタマイズできるように設計されています。この要素を使用すると、以下のような複数の入力オプションでフィールドをカスタマイズできます。
メールアドレス
ドロップダウン
日付
時刻
使いやすいインターフェースにより、フォームのさまざまな側面を効率的に変更して、ユーザーエクスペリエンスを向上させ、必要な情報を効果的に収集できます。
以下のビデオチュートリアルで詳細を確認できます。
以下の手順でお問い合わせフォームフィールド要素機能に簡単にアクセスできます。
ステップ1: 左側のメニューにある2番目のアイコン、つまりElement Catalogをクリックし、Shopifyタブに切り替えます。
ステップ2: ドロップダウンメニューにあるContact Form Field要素をクリックします。
ステップ3: 要素をページエディタにドラッグアンドドロップして使用を開始します。要素はContact Form要素の中に配置する必要があることに注意してください。
Contact Form Fieldには、Email、Single Line Text、Multiple Lines Text、Single Choice、Checkbox、Dropdown、Number、Date、Time要素が含まれています。
この要素には、コンテンツの表示を細かく調整して可能な限り最高のコンバージョン率を達成するための多数のパラメータが付属しています。お問い合わせフォームフィールドのすべての要素は同様のパラメータを持っています。
| Show label: ラベルの表示/非表示。 |
Label position: 入力ボックスに対するラベルの位置。
お問い合わせフォームフィールド要素には、お問い合わせフォームフィールドとラベルの2つのサブ要素があります。
サブ要素をクリックすると、各サブ要素のすべての設定パラメータが表示されます。
「一般」タブでは、お問い合わせフォームフィールドの各タイプによって設定が異なります。
ただし、すべてのタイプに、タイプを切り替えるための「Input type」オプションがあります。利用可能なオプションには、Email、Single line text、Multiple line text、Single choice、Checkbox、Dropdown、Number、Date、Timeがあります。
| Email | Placeholder text: フィールドが空の場合に表示されるテキスト。
お問い合わせフォームフィールドサブ要素のスタイル設定は、要素のスタイル設定と同様です。
「一般」タブには、ラベルサブ要素の設定はラベルテキストのみです。表示したいラベルの名前をこのプレースホルダーに入力してください。
ユーザーの問い合わせに対応するために必要な必須情報のみを収集することに焦点を当てる。これには、名前、メールアドレス、電話番号(任意)、メッセージフィールドが含まれます。
各フォームフィールドには、どのような情報が必要かを正確に表す明確で簡潔なラベルを使用する。
最も重要なフィールド(例:名前、メールアドレス)を先頭に配置するなど、お問い合わせフォームフィールドを論理的に整理して、入力を促す。
1. お問い合わせフォームフィールドには何が含まれていますか?
Email、Single Line Text、Multiple Lines Text、Single Choice、Checkbox、Dropdown、Number、Date、Timeフィールドが含まれています。
2. フィールド入力には何が含まれていますか?
Email、Single Line Text、Multiple Line Text、Single Choice、Checkbox、Dropdown、Number、Date、Timeオプションが含まれています。
| | Make field required: アスタリスク記号を追加して、このフィールドを必須フィールドにする |
|
VISIBILITY、ATTRIBUTES、ANIMATIONパラメータの詳細については、をご覧ください。
お問い合わせフォームフィールド要素のスタイル設定は、要素のスタイル設定と同様です。で詳細を確認できます。
| | | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------- | | Single line text | Placeholder text: フィールドが空の場合に表示されるテキスト。 |
| | Multiple line text | Placeholder text: フィールドが空の場合に表示されるテキスト。 Line number: フィールドが収容できる行数。1行から20行まで選択できます。
| | Single choice | Single choice options: お客様はここで提供するリストから1つのオプションのみを選択できます。「Enter」キーを押してオプションを区切ります。オプションの名前を変更、追加、または削除できます。
| | Checkbox | Checkbox label: チェックボックスの名前。ここではラベルに対して1つの値しか追加できないことに注意してください。オプションをさらに追加したい場合は、お問い合わせフォームフィールド要素を追加してください。
| | Dropdown | Dropdown options: ドロップダウンメニューのすべてのオプションをリストします。各オプションは「Enter」キーを押して区切ります。 | |
| | Number | Default number: フィールドが空白の場合にプレースホルダーに表示される番号。
| | Date | Default date: フィールドが空白の場合にプレースホルダーに表示される日付。
| | Time | Default time: フィールドが空白の場合にプレースホルダーに表示される時刻。
|
ラベルサブ要素のスタイル設定は、要素のスタイル設定と同様です。要素のスタイル設定の詳細については、をお読みください。