メインコンテンツにスキップ

予約ページの入力項目を、記述式・ラジオボタン・チェックボックスに変更することはできますか

今週アップデートされました

フォームの設定方法について

はい、予約ページの入力項目は、基本項目に加えてカスタマイズすることができます。

プレースホルダーと説明文機能により、ユーザーが各項目に何を入力すべきかをより明確に伝えらます。

予約ページ編集>フォーム>設問項目カスタマイズより、設定が可能です。

「項目を追加する」を選択すると、設問項目を設定することができます。(必須などの設定も可能です)

設定できる項目タイプ

項目は、以下のような形式から選択できます。

  • 1行回答: 短いテキスト入力(例:会社名など)

  • 複数行回答(段落式): 長文のテキスト入力(例:お問い合わせ内容など)

  • メールアドレス: メールアドレス形式の入力

  • 電話番号: 電話番号形式の入力

  • 名前: お名前の入力

  • 名前(姓名): 姓と名を分けて入力

  • ラジオボタン(単一選択): 複数の選択肢から1つだけ選択

  • チェックボックス(複数選択): 複数の選択肢から複数選択可能

  • プルダウンセレクトフォーム(単一選択): プルダウンリストから1つだけ選択

  • テキストの挿入: 説明文や見出しなど、固定のテキストを表示

各項目への入力補助情報の設定(プレースホルダーと説明文)

上記の項目タイプ(「テキストの挿入」を除く多く)に対して、ユーザーの入力を助けるための「プレースホルダー」と「説明文」を設定できるようになりました。これにより、入力時の迷いや誤入力を減らし、よりスムーズな予約体験を提供できます。

  1. プレースホルダー:

    • 入力フィールド内に薄く表示される入力例テキストです(例:「山田 太郎」や「例:メールアドレス」)。

    • ユーザーが文字入力を始めると自動的に消えます。

    • 設定方法: 各設問項目の編集画面にある「プレースホルダー」欄に入力します。

    • 「名前(姓名)」など複数の入力欄がある場合: 「姓」と「名」のプレースホルダーを半角スペースで区切って入力します(例: 「山田 太郎」と入力すると、姓の欄に「山田」、名の欄に「太郎」がそれぞれプレースホルダーとして表示されます)。ふりがなプレースホルダーも同様に設定可能です。

  2. 説明文:

    • 項目名(ラベル)の下に表示される補足テキストです(例:「日中繋がりやすい電話番号をご記入ください」)。

    • 入力ルール、注意点、個人情報の取り扱いなど、ユーザーへの詳細なガイダンスを提供できます。

    • 設定方法: 各設問項目の編集画面にある「説明文」欄に入力します(最大2000文字、プレーンテキストのみ)。

これらの入力補助情報は、各質問項目の編集画面内、「基本項目」タブで設定できます。

各項目タイプの表示例と入力補助

  • 1行回答

    • (プレースホルダー設定可能:「例:株式会社Jicoo」など)

    • (説明文設定可能:「正式名称でご入力ください」など)

  • 複数行回答(段落式)

    • (プレースホルダー設定可能:「ご要望やご質問を具体的にご記入ください」など)

    • (説明文設定可能:「500文字以内でご入力ください」など)

  • メールアドレス

    • (プレースホルダー設定可能)

    • (説明文設定可能:「確認メールをお送りしますので、受信可能なアドレスをご入力ください」など)

  • 電話番号

    • (プレースホルダー設定可能:「例:09012345678」など)

    • (説明文設定可能:「ハイフンなしでご入力ください」など)

  • ラジオボタン(単一選択)

    • (説明文設定可能:「いずれか一つお選びください」など)

  • チェックボックス(複数選択)

    • (説明文設定可能:「当てはまるものをすべてお選びください(3つまで)」など)

  • プルダウンセレクトフォーム(単一選択)

    • (説明文設定可能:「ご希望のプランを選択してください」など)

  • テキストの挿入

名前(姓名)

1行回答

複数行回答(段落式)

ラジオボタン(単一選択)

チェックボックス(複数選択)

プルダウンセレクトフォーム(単一選択)

テキストの挿入

利用規約、プライバシーポリシー同意の設定例

利用規約、プライバシーポリシー同意の設定に関しては、以下をご参考ください。

1 . 「テキストの挿入」を選択し、利用規約・プライバシーポリシーに関する必要事項を入力

2 . 「チェックボックス(複数選択)」を選択し、以下のように設定

設定すると、予約ページの詳細画面には以下のように表示されます。

こちらの回答で解決しましたか?