検索:お問い合わせフォームを作る2013.7.12サイト作りに役立つ追加情報Googleドライブお問い合わせフォームを作るWebデザイン・テンプレート集よくあるお問い合わせページのようにフォームを設置する方法を紹介します。通常、お問い合わせフォームを設置するためにはPHPの知識が必要だったり、場合によってはレンタルサーバーとSSLの契約をしたり別にSSLサービス会社の契約が必要だったり、なかなか敷居が高いものです。ドライブを利用してお手軽にお問い合わせフォームを設置する方法を解説します。ドライブにアクセスGoogleのアカウントが必要です。普段使いのアカウントではなくサイト運営用に新しく作るのもいいですね。フォーム内容をつくる新規フォームを作る左側の「作成」をクリックして、さらに「フォーム」を選択します。テーマやフォーム名を決めるテーマやフォーム名を決めます。あとで変更もできるので適当に決めても大丈夫です。お問い合わせの項目を作るテキスト入力はもちろん、ラジオボタンやセレクトボックスなどいろいろできます。フォームのタイプを変えたい時は「質問の形式」の項目の部分を変更しましょう。(1)質問内容を増やしたいときは「アイテムを追加」ボタンを押します。(2)質問項目の順番はドラッグ&ドロップで変更できます。質問内容が出来上がったら、確認ページ欄の「別の回答を送信するためのリンクを表示」のチェックを外しておきます。他の項目はデフォルトでチェックが入っていません。そのままにしておきましょう。(1)「フォームを送信」をクリックします。(2)さらに表示されたポップアップの「埋め込む」をクリックします。(3)設置する箇所のサイズが分かっている場合はカスタムサイズの設定もします。あとでサイズの変更はできますので、サイズが分からない場合はそのままにしておきます。表示されたiframeのソースをコピーしましょう。(4)フォームをサイトに設置する前の項目で取得したiframeのフォームをHTMLに貼り付けます。Webページのデザインに合うようにwidthとheightを調整します。内容が長いとスクロールバーがでます。その場合はスクロールバーが出なくなるまでheightの値を大きくして調整します。ドライブにアクセスし、先ほど作成したフォームを開きます。「回答先を選択する」をクリックします。表示されたポップアップは「新規スプレッドシート」にチェックが入り、作成したフォーム名+(回答)と書かれています。そのまま「作成」をクリックします。回答内容の確認をするきちんとシートにお問い合わせフォームの内容が記録されるか、テストします。ドライブで作成した「お問い合わせ(回答)」のシートを見てみましょう。質問の回答が表示されます。開けっ放しにしておいても、新しく回答されると再読込などの操作を行うことなく、回答が追加されていきます。以上でフォームは完成です!作ってみたフォームテーマは「ノート」を使用しました。iframeのサイズ指定は「width=”550′′」「height=”650′′」にしてみました。※サンプルですので、このサイトのお問い合わせには使わないでください!シートのチェックを行わないため、お返事いたしません。動作確認はご自由にお試しください。コメントをキャンセルメールアドレスが公開されることはありません。better.収録デザイン一覧お問い合わせフォームを作るWebデザイン・テンプレート集クリックで画像が拡大します。