【初心者】Studioでお問い合わせフォームの作り方を徹底解説
「Studioでお問い合わせフォームを設定したい」「送信先を自由に設定したい」
そんな悩みを持つ方も多いのではないでしょうか。
この記事では、Studioでお問い合わせフォームの送信先を設定する方法を解説していきます。
本記事の内容
・Studioのお問い合わせフォームについて
・お問い合わせフォームのカスタマイズ方法
・お問い合わせフォーム設置のポイント
「ノクステック」では、StudioExpertsに加盟しているプロによるホームページ制作を行っております。
ホームページ運用でお困りではありませんか？
下記のようなお悩みをお持ちではありませんか？
✅名刺代わりのサイトが欲しいけど50~100万円も予算がない
✅WordPressからの乗り換えを検討している
✅自分で管理・更新できるサイトが欲しい
上記のようなお悩みがありましたら、お気軽にノクステックにご相談ください。
豊富な経験を持つノーコードのプロが直接サイト制作を担当いたします。
目次
Studioのお問い合わせフォームについて
Studioのお問い合わせフォームの種類
Studioではパーツの中にお問い合わせフォームがあります。
3種類のお問い合わせフォームの中から好きなフォームを配置すると良いでしょう。
また、お問い合わせフォームは自由にカスタマイズすることもできます。
お問い合わせフォームの使い方
Studioでお問い合わせフォームを使う方法は以下の通りです。
それぞれ詳しく解説します。
参考：StudioでLPを制作するメリットとは？流れやテンプレートの使い方
お問い合わせフォームを設置する
まずはお問い合わせフォームを画面上に配置しましょう。
送信先を設定する
お問い合わせフォームを設置した後は送信先を設定する必要があります。
Studioでは送信先が設定されてない場合、お問い合わせフォームを利用することができないので注意が必要です。
お問い合わせフォームのカスタマイズ方法
お問い合わせフォームのカスタマイズ方法は以下の通りです。
それぞれ詳しく解説します。
パーツ名を追加する
フォームには以下のパーツを自由に追加することができます。
- input
- Textarea
- Select
- Radio
- Confilm
- Checkbox
- File
- Button
- Search
- Password
チェックボックスやラジオボタンなどをお好みで追加すると良いでしょう。
項目名をわかりやすい名前にする
パーツの項目名をわかりやすくすることも重要です。
例えば、メールアドレスを入力するための項目の場合は「メールアドレス」と設定すると管理しやすいと言えるでしょう。
自分以外のメンバーが使用することを想定した項目名を付けるようにしましょう。
タイプを設定する
タイプは入力可能なデータの型のことです。
Studioでは以下の3タイプがあります。
- text
- tel
メールアドレスと電話番号以外はtextで設定するようにしましょう。
必須項目を設定する
必須項目のチェックはお好みで設定すると良いでしょう。
また、必須にする場合は合わせて赤く「*」を配置するなどユーザーに対して入力が必須であることを伝えるようにしましょう。
プレイスホルダーを設定する
プレイスホルダーは、フォームが未入力の際に表示されるテキストです。
ユーザーに対して、どのような形式で入力すればいいかを視覚的に伝える役割があります。
具体的には、氏名を入力するフォームの場合、「山田太郎」などを設定すると良いでしょう。
お問い合わせフォームを使用する際のポイント
スプレッドシートで管理する
フォームはスプレッドシートを使って管理することができます。
スプレッドシートと連携する際は設定画面からスプレッドシートを選択し、ログインするGoogleアカウントを選択する必要があります。
フォームをステータスで管理する
フォームはステータスを使って管理するようにしましょう。
Studioでは以下のようなフォームが標準で設定されています。
- 未対応
- 対応中
- 完了
- ゴミ箱
ステータスの追加は設定画面から追加することができるので、必要に応じて設定するようにしましょう。
フォーム送信後のページを指定する
フォームは任意で送信後のページを指定することができます。
Studioではフォーム送信時に送信完了を意味するメッセージが自動で表示されます。
しかし、カスタマイズする場合は他のページを送信完了ページとして設定する必要があります。
プライバシーポリシーページを作る
フォームを送信する際に、プライバシーポリシーへの同意を求めることが一般的です。
そのため、フォーム作成と合わせてプライバシーポリシーページを作成するようにしましょう。
「プライバシーポリシーに同意する」という文章をフォームに追加し、プライバシーポリシーをクリックした際はプライバシーポリシーがあるページに遷移するような設定を行いましょう。
まとめ
この記事では、Studioでお問い合わせフォームの送信先を設定する方法を解説しました。
ノクステックは、StudioExpertsに加盟しているため、高品質なWebサイトをご提供いたします。
また、Studioについてその他にも気になる点がある方は「Studioリファレンス」もご覧ください。
執筆者
松永勇樹
ノーコード専門メディア「ノクステック」運営。STUDIO Experts加盟。
Web講座の事業責任者を経て、ノクステックを設立。