フォームを構成する:質問、ページ、デザイン

質問を追加し、フォームをページに分け、回答に応じて回答者を別のページへ案内し、色とレイアウトを設定します。自動保存、元に戻す、バックアップも利用できます。

フォームビルダーは、決済フォーム、寄付フォーム、イベントチケット、チップ箱を作る場所です。カードが縦に並んだ形式で、各カードは1つの質問、またはテキストのブロックです。カードをクリックして編集します。フォームを作成すると、ビルダーは自動的に開きます。あとで開くには、フォームのダッシュボードの左側のメニューの上部にあるフォームを編集をクリックします。

ビルダーの概要

上部のバーには、ダッシュボードボタン(フォームのダッシュボードに戻ります)、状態の表示、バックアップ(時計のアイコン)、元に戻す・やり直し、プレビュー、公開があります。その下に3つのタブがあります。

  • 質問:何を尋ねるかを、ページごとに設定します。質問の横にある小さなツールバーで、新しい質問を追加します。
  • 設定:回答の扱い、フォームの動作、支払いの受け取り方を設定します。
  • デザイン:フォームの見た目を設定します。
質問の横のツールバーが強調表示された、フォームビルダーの質問タブ

回答はビルダーには表示されません。ダッシュボードの回答画面に届きます(寄付フォームやチップ箱では寄付)。回答を確認してダウンロードするをご覧ください。

質問を追加して編集する

  1. 最初のカードをクリックして、フォームのタイトルとフォームの説明を入力します。
  2. 質問の横のツールバーで、プラスボタンの質問を追加をクリックします。新しい質問は、編集していた質問のすぐ後に、選択式の質問として追加されます。
  3. 質問を入力します。種類を変更するには、質問の右側にある種類のメニューをクリックして、別の種類を選びます。
    選択式の質問で種類のメニューが開き、質問の種類が一覧表示されている
  4. その種類に必要な内容を入力します。たとえば、選択式の質問では選択肢を入力します。選択肢の入力欄で Enter キーを押すと次の選択肢を追加できます。リストを貼り付けると、1行につき1つの選択肢になります。
  5. 回答者が回答しないと次へ進めないようにするには、必須をオンにします。

メニューには、テキスト(記述式、段落)、選択(選択式、チェックボックス、ドロップダウン)、ファイルのアップロード、目盛りとグリッド(均等目盛り、評価、選択式グリッド、チェックボックスグリッド)、日付、時間、既成の項目(メール、電話番号、数値、名前、住所)、そして金額を扱う2つの種類が並びます。金額を入力では、回答者が支払う金額を入力します。または、Fixed amountをオンにして、回答者が変更できない金額を表示します。チケットは決済フォーム専用で、1フォームに1つです。チケットの種類ごとに価格と上限を設定します。

ツールバーのそのほかのボタンでは、質問以外のものを追加します。タイトルと説明を追加、画像を追加(見えない方向けの説明を付けられます)、動画を追加(YouTube、Vimeo、TikTok のリンクを貼り付けます)、セクションを追加です。

質問の下部

質問の下部には、複製と削除のボタン(削除すると、元に戻すが付いたメッセージが表示されます)、必須のスイッチ、その他のオプション(3つの点)があります。このメニューには、次のものがあります。

  • 説明:質問の下に表示される、ヘルプの1行です。
  • 回答の検証:回答を受け付ける前に確認します。たとえば、文字数、メールアドレス、ウェブアドレス、最小値や最大値、チェックを入れる個数などです。
  • 選択式の質問では、回答に応じてセクションに移動、選択肢の順序をシャッフル、価格があります。

質問を移動するには、カードの上部にある6つの点をドラッグします。

フォームをページに分ける

セクションは、フォームの1ページです。回答者は次へボタンと戻るボタンでセクション間を移動します。

  1. そのページに残したい最後の質問をクリックします。
  2. ツールバーのセクションを追加をクリックします。「セクション 2 / 2」のような表示のセクションカードが追加され、クリックした質問より下にあるすべての質問が、そのセクションに移動します。
  3. セクションのタイトルと、必要に応じて説明を入力します。質問をセクション間でドラッグして並べ替えます。

セクションの3つの点のメニューから、複製、移動、結合、削除ができます。セクションを削除すると質問も削除されるため、Payly が先に確認します。セクションの順序を変更するには、ハンドルをつかんでドラッグします。ドラッグ中は、すべてのセクションが1行にたたまれます。

回答者を別のページに案内する

スキップロジックでは、回答に応じて回答者を別のページに案内します。セクションが複数あるフォームの、選択式とドロップダウンの質問で使えます。

  1. 質問を開いて、その他のオプション(3つの点)をクリックします。
  2. 回答に応じてセクションに移動を選びます。
  3. 各選択肢の横で、その選択肢の移動先を選びます。セクション 2 に移動などのセクション、またはフォームを送信です。
    各選択肢にセクションへ移動のメニューがある質問と、その下の「セクション 1 の後」の行

セクション 1 の後で始まる行は、回答によって行き先が決まらない場合に、フォームが次にどこへ進むかを示します。回答者がスキップしたページの質問は、尋ねられず、料金も発生しません。

ファイルのアップロードを受け付ける

質問の種類をファイルのアップロードに設定します。特定のファイル形式のみ許可をオンにすると、ドキュメント、スプレッドシート、プレゼンテーション、PDF、画像、動画、音声のみを受け付けられます。ファイルの最大数(1、5、10)とファイルの最大サイズ(最大50 MB)を選びます。アップロードされたファイルは、Payly ではなく、ご自身の Cloudflare アカウントに保存されます。保存領域は、そのアカウントのすべてのフォームで共有されます(無料プランでは500 MB)。回答者のファイルは、回答画面から開きます。

色、フォント、レイアウトを選ぶ

  1. デザインタブをクリックします。コントロールの横に、ライブのプレビューが表示されます。
  2. レイアウトを選びます。1列または2列です。
  3. ヘッダー画像(横長の写真が最適で、約4:1)とロゴを追加します。画像はご自身の Cloudflare アカウントに保存されるため、最初のアップロードの前に、Payly が接続を案内します。ヘッダー画像を設定したら、常に表示したい部分に、フォーカスポイントの下の点をドラッグします。
  4. テーマカラーとフォントを選びます。背景色と進捗バーの色も設定できます。空欄のままにすると、フォームにはテーマカラーが使われます。
    左にコントロール、右にフォームのライブプレビューが表示されたデザインタブ

2列にすると、タイトル、説明、テキスト、画像、動画のブロックが左上に、質問と支払いが右側に配置されます。質問タブで、任意のブロックをどちらの列にもドラッグできます。ブロックの3つの点のメニューにある左の列に移動と右の列に移動も使えます。スマートフォンでは、フォームは常に1列で表示されます。

すべてのフォームに適用される設定

設定タブの回答カードには、次の項目があります。

  • 回答を1件に制限:回答者のブラウザに記録されるため、別のブラウザや端末からは、同じ人が再度回答できる場合があります。
  • 回答を受け付ける:オフにするとフォームを閉じます。閉じている間に回答者に表示する内容は、受け付け停止中に回答者に表示するメッセージに入力します。
  • Close onとClose after this many answers:指定した日時、または指定した件数の回答に達した時点で、どちらか早いほうで、フォームを自動的に閉じます。

プレゼンテーションカードには、進捗バーを表示(回答者が今どのページにいるか)、質問の順番をシャッフル、回答者がフォームを送信または支払ったあとに読む確認メッセージがあります。

スイッチと入力欄がある、設定タブの回答カードとプレゼンテーションカード

決済フォームには決済カードもあり、合計金額を1回または一定のスケジュールで請求します(フォームで決済を受け付けるをご覧ください)。寄付フォームとチップ箱には寄付カードがあります(寄付フォームを設定するをご覧ください)。Share your formカードと事前入力済みリンクカードは、フォームを公開すると使えるようになります(フォームを公開してアドレスを共有するをご覧ください)。

プレビュー、保存、元に戻す、バックアップ

  • プレビュー:プレビューをクリックすると実際のページを確認でき、デスクトップとスマートフォンを切り替えられます。確認が終わったら閉じるをクリックします。プレビューで行った操作は何も送信されず、決済も行われません。
  • 保存:ビルダーは変更のたびに少し待ってから保存するため、保存ボタンはありません。状態の表示は保存中…から保存済み・未公開になり、公開すると保存・公開済みになります。すぐに保存するには Ctrl+S を押します。
  • 元に戻す・やり直し:バーの矢印をクリックするか、Ctrl+Z と Ctrl+Shift+Z を押します。元に戻せるのは直近60回の変更までで、1つの入力欄での続けての入力は1ステップと数えます。
  • バックアップ:公開のたびにフォームのバックアップが保存され、いつでもバックアップを作成をクリックして作成することもできます。最新の30件が、ご自身の Cloudflare アカウントに保管されます。バックアップの横の復元をクリックすると、そのバックアップの質問、設定、デザインが元に戻ります。回答は現在のままで、公開するまで公開中のフォームには何も反映されず、元に戻す操作で復元を取り消すこともできます。

関連記事

Last updated 2026-11-01