Studioのフォーム機能
Studioのフォーム機能を使うと、プロジェクト内で完結してフォームを作成・編集・回答管理できます。この記事では、この Studio のフォーム機能の基本と、基本的な設定方法について解説します。
フォームの設置：デザイン作成や選択肢の追加、サンキューページの設置はデザインエディタで行います。
回答の管理：フォームダッシュボードで行います。回答はメールやスプレッドシートで閲覧することも可能です。
サイトにフォームを設置する
以下の方法で、ページ上にフォームを設置します。
画面左のナビゲーションから追加パネルを開きます。
[基本]タブの[フォーム]から任意のフォームを選び、ドラッグ＆ドロップまたはクリックでページに配置します。
なお、現時点で作成できるフォーム数・同一ページ内に配置できるフォーム数に上限はありません。
配置したフォームパーツは、エディタ上で項目やデザインの編集ができます。
詳しくは、フォームの編集｜Studio U をご確認ください。
なお、現時点で作成できるフォーム数・同一ページ内に配置できるフォーム数に上限はありません。
フォーム名を設定する
フォーム名は、フォームダッシュボード上でサイト運営者が管理する際のタイトルとなります。複数の異なるフォームをサイトに設置する場合は、どのフォームかわかるように異なるフォーム名を設定しましょう。
フォームボックスを選択します。
[フォーム名]を編集します。
※以下の文字列はフォーム名に設定できません：
%#?/。公開中のサイトを編集した場合は、右上の[公開]で公開パネルを開き、サイトを更新して反映します。
注意：フォーム名変更時の注意
フォームダッシュボードでは、フォーム名ごとに回答結果が集計されます。フォーム名変更後の回答は、新しいフォーム名に集計されます。
例：「form 1」のフォーム名を「form 2」に変更した場合
・変更後の回答は「form 2」として新たに集計されます。
・変更前の回答は「form 1」に集計されたままとなります。
送信後のページ（サンキューページ）を設定する
Studioフォームでは、フォーム送信を完了したユーザーに[フォーム送信成功]というメッセージが表示されます。この文言を変更することはできませんが、代わりにサンキューページというページを設定したい時にこの項目を使います。
[送信後のページ]とは、サンクスページやサンキューページと呼ばれ、フォームの回答者が回答送信完了時に表示されるページやモーダルのことです。次のアクションを提示したり、返答までの時間を記載することで、ユーザー体験を高めることができます。
サンキューページの設定をするためには、以下の流れで行います。
あらかじめサンキューページとなるページを別途作成する
フォームの送信後のページとして、1で作成したページを設定する
詳しくは、サンキューページを設置するのヘルプ記事をご覧ください。
質問項目の設定・編集をする
項目ごとに編集できる内容
それぞれの質問項目にき、詳細な設定を行うことができます。設定できる内容は項目ごとに異なりますが、以下はその例です。
項目名：質問事項のタイトルです。
必須項目：回答を必須にする場合はチェックを入れます。
タイプ：入力内容がテキストか、メールアドレスか、電話番号かを指定します。
プレースホルダー：記入案内として、回答者の入力前にあらかじめ入力欄に入っている言葉を指定します。
タイポグラフィ：テキストの文言、色、フォント、サイズなどを設定します。
項目の編集方法
設置したフォームボックスをクリックします。
右パネル上で[フォーム]タブを選択します。右パネルが閉じている場合は開いてください。
[項目一覧]から項目をクリックすると、各項目の詳細設定タブに切り替わります。
詳しくは、以下のヘルプ記事をご覧ください。
フォームに設問を追加する
配置したフォームには、フォームパーツを追加することで項目の追加ができます。
ナビゲーションで追加アイコンをクリックします。
[基本]タブをクリックします。
[フォームパーツ]セクションから、任意のフォームパーツを選択します。
詳しくは、以下のヘルプ記事をご覧ください。
通知先の設定・集計結果の確認をする
[通知先の設定・集計結果]をクリックすると、開いているエディタからフォームダッシュボードに遷移します。初めて開く場合は、[有効化する]をクリックしてください。
詳しくは以下のヘルプ記事をご覧ください。
関連記事
フォームを削除する
フォームを完全に削除するには、エディタ上から取り除くだけでなく、フォームダッシュボードからも削除します。
詳しくは、以下のヘルプ記事をご覧ください。
form コンタクトフォーム コンタクト input コンタクトページ