第28回:予約フォームを作りたい!執筆:#fc0(株式会社エフシーゼロ)2017年8月21日更新ツイート閲覧数4,525viewsこのコラムをPDF形式でダウンロードする「はじめて相談室」では、「はじめてWEB」を使ったホームページづくりが初めての方のお悩みや不安にナビゲーターがお答えします!「こんなこと聞いていいのかな...」という方大歓迎の相談室です。今回は、予約の日付指定や施術メニューの選択ができるお問い合わせフォームを作りたいというご相談です。おたよりはじめまして。個人で小さなネイルサロンをやっています。Jimdoでホームページを作っていて、わからないことがあったので、教えてください。ホームページを見た人が予約できるようにしたいと思い、Jimdoにもともと入っていたフォームを使っているのですが、今のフォームだと、お問い合わせをいただいたあとにやりとりがたくさん発生してしまいます。今まではなんとかメールとか電話で乗り切ってきましたが、予約の日付指定や施術メニューの選択が、お問い合わせフォームから送れたりしたら楽なんだろうなあと思うのです。いうことはできないのでしょうか?できるのであれば、やり方を知りたいです!よろしくお願いします。(でんでん蒸し蒸しさん)ナビゲーターからの回答でんでん蒸し蒸しさん、こんにちは。ネイルサロンをしながらホームページのお問い合わせに答えていくのって、大変だと思います。やりとりが減るといいですよね。「Jimdoにもともと入っていたフォームを作り変えたい」ということですが、これができるんですよ!結構簡単に。いうことで今回はJimdoの「フォーム」についていろいろと見ていきましょう。Jimdoにもともと入っていたフォームって?ご相談にある「Jimdoにもともと入っていたフォーム」というのは、レイアウトを選んだときに自動的に作られるお問い合わせページの中にあるフォームのことですね。Jimdoの「コンテンツを追加」から「フォーム」を選んだときも、同じ構成のものが作られます。「名前」「メールアドレス」「メッセージ」の3項目で構成されている、とてもシンプルなフォームです。簡単なお問い合わせであればこのままで済んでしまうこともありますが、できれば、自分のホームページを見に来てくれるお客さまに合わせてわかりやすくしたいところですよね。今回はそのあたりのやり方やポイントをお話ししていきます!まずは「項目名」を変えてみよう「名前」「メールアドレス」「メッセージ」という項目の名前は、自由に変更ができるんです。ここからやってみましょう。フォームをクリックして編集状態(黒い枠で囲まれた状態)にする項目名をクリック項目名を削除して、任意の文字を入れるたとえば「名前」は、「お名前」にするとなんとなく印象がいい感じです。「メッセージ」もなんのメッセージかわかりにくいので、フォームの内容に合わせて「お問い合わせ内容」や「ご相談内容」といったものにすると、書くべきことが明確になります。フォームの中で追加できるコンテンツフォームの中の好きな場所に項目を追加することができます。やり方はJimdoのページをつくるときと同じで、フォームの中で追加したいところで「コンテンツを追加」するだけです。フォームの中で「コンテンツを追加」をすると、いつものとはちょっと違う項目が出てきます。それぞれの内容と使いどころをちょっとだけご紹介しますね。テキストエリア1行の文字入力ができます。短い文章を入れてほしいときに使います。メールアドレスメールアドレス専用の項目です。入力した内容がメールアドレスの書式に合っていないとエラーになります。日付カレンダーをクリックして日付を入力できます。メッセージエリア複数行の文字入力ができます。長い文章を入れてほしいときに使います。個数など、数字だけを入力してほしいときに使います。ドロップダウンリストクリックすると選択肢のリストが縦並びで表示されます。都道府県など、たくさんの項目から選んでほしいときに使います。ラジオボタン選択肢の中から1つだけ選んでほしいときに使います。シングルチェックボックス1つだけチェックボックスが入ります。何かに同意してほしいときなどに使えます。複数チェックボックスチェックボックスが複数入ります。選択肢の中から複数選択できるようにしたいときに使います。カテゴリータイトルフォーム内で項目をグループ分けしたいときに使うタイトルです。アンケートフォームなどに有効です。予約希望日を追加してみようでは、フォームの中に「予約希望日」を追加してみましょう。日程を指定するので、今回は「日付」を入れます。フォームの中で「コンテンツを追加」をクリックして「日付」を選びます。「日付」という項目名が自動的に設定されるので、「予約希望日」に変更します。ちなみに下にある「必須項目」にチェックが入っていると、その項目に何か入力をしないとエラーになって、送信ができなくなります。入力してほしい項目にはチェックを入れるようにしましょう。「保存」をクリックすると、日付の項目が追加されます。プレビューでの実際の表示では、入力欄にマウスカーソルを載せると矢印が出てきます。これをクリックすると、入力する人はカレンダーから日付を選ぶことができます。施術メニューを入れてみようネイルサロンの場合、施術のメニューがあることが多いと思います。これを選択する項目を追加してみます。フォームの中で「コンテンツを追加」をクリックして、「ラジオボタン」をクリックします。「ラジオボタン」という項目が設定されるので、まずはここを変更しておきます。選択肢は、「選択肢1」「選択肢2」と入っているところを書き換えて作成していきます。1行について1つの選択肢を入れることで、何個でも設定ができます。ラジオボタンは、複数の選択肢から1つだけを選んでほしいときに使うコンテンツです。施術メニューのような項目には最適だと思います!フォームの項目を工夫すると、入力する人にわかりやすいだけでなく、ほしい情報を送ってもらいやすくなります。試してみて、お問い合わせがしやすいフォームを作ってみてくださいね。おたよりお待ちしています!「はじめて相談室」では、みなさまからの「はじめてWEB」の素朴な疑問をお待ちしています!「こんなこと聞いたら恥ずかしいかも。」というご質問大歓迎です!「はじめてWEB」ナビゲーターがなんでもお答えしちゃいます!おまちしてまーす!ナビゲーターへの質問はこちらから!このコラムでは、パソコン初心者の方からの「こんなこと聞いてもいいのかしら?」という質問にお答えしています。※毎月1回程度のコラムですので、急を要する質問にはお答えできません。※すべての質問にお答えできるわけではありませんので、あらかじめご了承ください。※Jimdoの操作や、はじめてWEBに関する質問はQ&Aコーナーもご活用ください。確認する「はじめてWEB」でホームページを作成しよう!「はじめてWEB」のホームページ開設支援サービスとは、7つのステップで簡単に無料で作成ができ、さらにその後1年間無料でご利用いただけるサービスです。「はじめてWEB」のお申し込みには「Jimdoアカウント」が必要です。1「Jimdoアカウント」を作成した後に、2「はじめてWEB」の登録を行います。1※「Jimdoアカウント」を既にお持ちの方は、「ログイン」から始めます。»ツイートこのコラムをPDF形式でダウンロードする#fc0(株式会社エフシーゼロ)JimdoExperthttp://fc0.vc/「もっと多くの人に、"Webへの入口"を」をコンセプトに、中小企業や個人商店をメインとしたWebサイトの企画・制作・運営アドバイスなどの業務を行う。初心者を対象とした講師・執筆も多数。これからはじめるDreamweaverの本』(同)、『ああしたい、こう変えたいが手にとるようにわかるCSS基礎』(共著、エムディエヌコーポレーション)など。(著)「Jimdo」で会社やお店のホームページを作りたい方は本書を読めばバッチリ!Jimdoの基本操作から、「会社のホームページ作りの考え方」「会社のホームページに必要な情報/内容」「ホームページを見る人のためのデザイン」「運用して改善していくための方法」といった本格的な知識までを、「プロ」の視点からしっかり解説します。「会社やお店のホームページをこれから作る方」、「満足のいくホームページにしていきたい方」のどちらへもおすすめの1冊です。ための経理サポートサイト文具、通信、オフィスのことなら何でもお任せ問い合わせ件数をアップさせるなら!「通話料無料・わかりやすい番号」のフリーコール事務所開設するなら固定電話番号で信頼アップ本コンテンツは、掲載時点の内容となります。「みんなのビジネスオンライン」は「はじめてWEB」にお読み替えいただきますようお願いいたします。Reserved.「はじめてWEB」はKDDIが提供しています。