スマートフォンサイトを表示する

  1. TOP
  2. はじめて相談室 : 第28回 予約フォームを作りたい!

エキスパートコラム

はじめて相談室

第28回:予約フォームを作りたい!

執筆:#fc0(株式会社エフシーゼロ)

2017年8月21日更新

  • このエントリーをはてなブックマークに追加

閲覧数710views

このコラムをPDF形式でダウンロードする

「はじめて相談室」では、「はじめてWEB」を使ったホームページづくりが初めての方のお悩みや不安にナビゲーターがお答えします!「こんなこと聞いていいのかな…」という方大歓迎の相談室です。

今回は、予約の日付指定や施術メニューの選択ができるお問い合わせフォームを作りたいというご相談です。

おたより

はじめまして。個人で小さなネイルサロンをやっています。
Jimdoでホームページを作っていて、わからないことがあったので、教えてください。
ホームページを見た人が予約できるようにしたいと思い、Jimdoにもともと入っていたフォームを使っているのですが、今のフォームだと、お問い合わせをいただいたあとにやりとりがたくさん発生してしまいます。
今まではなんとかメールとか電話で乗り切ってきましたが、予約の日付指定や施術メニューの選択が、お問い合わせフォームから送れたりしたら楽なんだろうなあと思うのです。そういうことはできないのでしょうか?できるのであれば、やり方を知りたいです!よろしくお願いします。
(でんでん蒸し蒸しさん)

ナビゲーターからの回答

ナビゲーター

でんでん蒸し蒸しさん、こんにちは。
ネイルサロンをしながらホームページのお問い合わせに答えていくのって、大変だと思います。少しでもやりとりが減るといいですよね。

さて、「Jimdoにもともと入っていたフォームを作り変えたい」ということですが、これができるんですよ!結構簡単に。 ということで今回はJimdoの「フォーム」についていろいろと見ていきましょう。

Jimdoにもともと入っていたフォームって?

ご相談にある「Jimdoにもともと入っていたフォーム」というのは、レイアウトを選んだときに自動的に作られるお問い合わせページの中にあるフォームのことですね。Jimdoの「コンテンツを追加」から「フォーム」を選んだときも、同じ構成のものが作られます。

「名前」「メールアドレス」「メッセージ」の3項目で構成されている、とてもシンプルなフォームです。

簡単なお問い合わせであればこのままで済んでしまうこともありますが、できれば、自分のホームページを見に来てくれるお客さまに合わせてわかりやすくしたいところですよね。今回はそのあたりのやり方やポイントをお話ししていきます!

まずは「項目名」を変えてみよう

「名前」「メールアドレス」「メッセージ」という項目の名前は、自由に変更ができるんです。まずはここからやってみましょう。

  1. フォームをクリックして編集状態(黒い枠で囲まれた状態)にする
  2. 項目名をクリック
  3. 項目名を削除して、任意の文字を入れる

たとえば「名前」は、「お名前」にするとなんとなく印象がいい感じです。
「メッセージ」もなんのメッセージかわかりにくいので、フォームの内容に合わせて「お問い合わせ内容」や「ご相談内容」といったものにすると、書くべきことが明確になります。

フォームの中で追加できるコンテンツ

フォームの中の好きな場所に項目を追加することができます。やり方はJimdoのページをつくるときと同じで、フォームの中で追加したいところで「コンテンツを追加」するだけです。

フォームの中で「コンテンツを追加」をすると、いつものとはちょっと違う項目が出てきます。それぞれの内容と使いどころをちょっとだけご紹介しますね。

  • テキストエリア

    1行の文字入力ができます。短い文章を入れてほしいときに使います。

  • メールアドレス

    メールアドレス専用の項目です。入力した内容がメールアドレスの書式に合っていないとエラーになります。

  • 日付

    カレンダーをクリックして日付を入力できます。

  • メッセージエリア

    複数行の文字入力ができます。長い文章を入れてほしいときに使います。

  • 数字

    個数など、数字だけを入力してほしいときに使います。

  • ドロップダウンリスト

    クリックすると選択肢のリストが縦並びで表示されます。都道府県など、たくさんの項目から選んでほしいときに使います。

  • ラジオボタン

    選択肢の中から1つだけ選んでほしいときに使います。

  • シングルチェックボックス

    1つだけチェックボックスが入ります。何かに同意してほしいときなどに使えます。

  • 複数チェックボックス

    チェックボックスが複数入ります。選択肢の中から複数選択できるようにしたいときに使います。

  • カテゴリータイトル

    フォーム内で項目をグループ分けしたいときに使うタイトルです。アンケートフォームなどに有効です。

予約希望日を追加してみよう

では、フォームの中に「予約希望日」を追加してみましょう。
日程を指定するので、今回は「日付」を入れます。フォームの中で「コンテンツを追加」をクリックして「日付」を選びます。

「日付」という項目名が自動的に設定されるので、「予約希望日」に変更します。ちなみに下にある「必須項目」にチェックが入っていると、その項目に何か入力をしないとエラーになって、送信ができなくなります。必ず入力してほしい項目にはチェックを入れるようにしましょう。

「保存」をクリックすると、日付の項目が追加されます。
プレビューでの実際の表示では、入力欄にマウスカーソルを載せると矢印が出てきます。これをクリックすると、入力する人はカレンダーから日付を選ぶことができます。

施術メニューを入れてみよう

ネイルサロンの場合、施術のメニューがあることが多いと思います。これを選択する項目を追加してみます。フォームの中で「コンテンツを追加」をクリックして、「ラジオボタン」をクリックします。

「ラジオボタン」という項目が設定されるので、まずはここを変更しておきます。選択肢は、「選択肢1」「選択肢2」と入っているところを書き換えて作成していきます。1行について1つの選択肢を入れることで、何個でも設定ができます。

ラジオボタンは、複数の選択肢から1つだけを選んでほしいときに使うコンテンツです。施術メニューのような項目には最適だと思います!

フォームの項目を工夫すると、入力する人にわかりやすいだけでなく、ほしい情報を送ってもらいやすくなります。ぜひいろいろと試してみて、お問い合わせがしやすいフォームを作ってみてくださいね。

おたよりお待ちしています!

ナビゲーター

「はじめて相談室」では、みなさまからの「はじめてWEB」の素朴な疑問をお待ちしています!
「こんなこと聞いたら恥ずかしいかも。。。」というご質問大歓迎です!
「はじめてWEB」ナビゲーターがなんでもお答えしちゃいます!
おまちしてまーす!

ナビゲーターへの質問はこちらから!

このコラムでは、パソコン初心者の方からの
「こんなこと聞いてもいいのかしら?」という質問にお答えしています。

  • ※毎月1回程度のコラムですので、急を要する質問にはお答えできません。
  • ※すべての質問にお答えできるわけではありませんので、あらかじめご了承ください。
  • ※Jimdoの操作や、はじめてWEBに関する質問はQ&Aコーナーもご活用ください。

お名前(ペンネーム)

メールアドレス

質問

確認する

はじめてWEB

「はじめてWEB」でホームページを作成しよう!

「はじめてWEB」のホームページ開設支援サービスとは、7つのステップで簡単に無料で作成ができ、さらにその後1年間無料でご利用いただけるサービスです。

さあ、はじめよう!

  • このエントリーをはてなブックマークに追加
このコラムをPDF形式でダウンロードする

#fc0(株式会社エフシーゼロ)

#fc0(株式会社エフシーゼロ)

JimdoExpert
http://fc0.vc/

「もっと多くの人に、"Webへの入口"を」をコンセプトに、中小企業や個人商店をメインとしたWebサイトの企画・制作・運営アドバイスなどの業務を行う。また、主に初心者を対象とした講師・執筆も多数。

主な著書に『デザインの学校 これからはじめるFireworksの本』(技術評論社)、『デザインの学校 これからはじめるDreamweaverの本』(同)、『ああしたい、こう変えたいが手にとるようにわかるCSS基礎』(共著、エムディエヌコーポレーション)など。

小さなお店&会社のホームページ Jimdo入門

  • 「はじめてWEB」でホームページをはじめよう!
  • Jimdoリメイク | プロがあなたのホームページを50,000円(税抜)でリニューアル!
  • 問い合わせ件数をアップさせるなら!「通話料無料・わかりやすい番号」のフリーコール
  • 文具、通信、オフィスのことなら何でもお任せ!まとめてオフィス

ホームページを作るのがはじめてのかたはまずこちらをご覧ください

コラム週間アクセスランキング[期間:2017/9/17~2017/9/23]

おすすめコンテンツ

はじめてWEBおすすめ本

創業・経営のお役立ち情報

  • ソウギョウノート

    飲食・小売・サービス業の開業スケジュールから、融資申込に必要な書類までをカンタン作成

  • 経理通信

    経営者と経理ご担当者必見!中小企業・小規模事業者のための経理サポートサイト

  • まとめてオフィス

    文具、通信、オフィスのことなら何でもお任せ

  • フリーコールS

    問い合わせ件数をアップさせるなら!「通話料無料・わかりやすい番号」のフリーコール

  • auオフィスナンバー

    事務所開設するなら固定電話番号で信頼アップ
    今ならキャンペーン実施中!