Studioのフォーム機能の基本——項目設定・サンキューページ・通知の仕組み

問い合わせフォームを作るとき、外部のフォーム送信サービスと連携する必要があるツールは少なくありません。Studioには、フォームの設置から回答の管理まで、プロジェクトの中だけで完結する専用のフォーム機能があります。

この記事では、項目の設定、送信後の見せ方、通知の受け取り方といった基本の仕組みを整理します。

フォームの設置と項目の設定

フォームは、デザイン画面の追加パネルからフォームボックスをドラッグ＆ドロップするだけで設置できます。設置したフォームには、項目名・必須項目かどうか・入力タイプ（テキスト／メールアドレス／電話番号など）・プレースホルダーといった設定を、項目ごとに行えます。

サイトに複数のフォームを設置する場合は、フォームごとに名前を付けておくと管理しやすくなります。この名前は、あとで回答を集計する単位にもなるため、公開後に名前を変更すると、変更前と変更後の回答が別々に集計される点は覚えておくとよいでしょう。

送信後の見せ方——サンキューページ

何も設定しない場合、送信を終えたユーザーには「フォーム送信成功」という既定のメッセージが表示されます。この文言自体は変更できませんが、代わりに専用のページ（サンキューページ）を用意し、送信後の遷移先として設定することができます。

「お問い合わせありがとうございます」だけでなく、次に何をしてほしいか、返信までの目安期間などを案内できると、送信し終えたユーザーも安心して画面を離れられます。

通知の受け取り方

送信された回答は、まずダッシュボードに蓄積されます。加えて、指定したメールアドレスへの通知メールや、Googleスプレッドシート・外部APIとの連携を設定することもでき、普段の運用スタイルに合わせて届け先を選べます。

送信できない・通知が届かないときに確認すること

フォームが動かないと感じたら、まずダッシュボードに回答自体が届いているかを確認すると、原因を切り分けやすくなります。

• 送信ボタンが「Button」パーツで作られているか確認する（通常のボックスでは送信されません）
• ダッシュボードには届いているのにメールだけ届かない場合は、受け取り側（迷惑メールフォルダ・転送設定など）を確認する
• 迷惑メールフォルダに振り分けられていないか確認する
• メールの転送設定をしている場合は、転送が正常に機能しているか確認する

まとめ

Studioのフォームは、送信先の用意や外部サービスとの連携を意識しなくても、設置した時点で「動くフォーム」として機能します。項目設定・サンキューページ・通知の受け取り方を押さえておけば、公開前に迷う場面はぐっと減るはずです。

生成AIが書いたフォームがなぜそのままでは送信できないのかは生成AIが書いたCSSアニメーションが、Studioにそのまま持ち込めない理由と同じく「仕組みの違い」が原因です。詳しくは生成AIが作った問い合わせフォームが、そのままでは送信できない理由で扱っているので、あわせてご覧ください。ノーコードツール全般で確認しておきたいことはノーコードサイトに問い合わせフォームを設置するときに確認しておきたいことにまとめています。