Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
1
Help us understand the problem. What is going on with this article?
@isatan@github

もっとも簡単にWeb問合せフォームを作る方法 [BitScheduler開発日誌]

More than 1 year has passed since last update.

はじめに

自分でWebサービスを作ったら、ユーザからの問い合わせフォームが欲しいですよね。
皆さんならどう実現しますか?

もっとも簡単な方法は Googleフォームを利用することではないでしょうか。
以下、ちょー簡単な手順です。

利用形態を選択

個人開発者であれば「パーソナル」を選びます。
top.png

新規作成

「+」ボタンを押します。
new.png

テキスト入力の設置

入力タイプに「段落」を選択します。
「記述式」は改行なし(テキストフィールド形式)、「段落」は改行あり(テキストエリア形式)になります。
new.png

メールアドレス入力の設置

入力項目は必須にするかのを設定できます。
問い合わせのハードルを下げたいので、ここでは返信が必要な人だけ入力するようにしました。
preview.png

プレビュー

ヘッダメニューのプレビューボタンを押します。

期待通りに動作するかを確認できます。
preview.png

埋め込み用HTMLコードの取得

動作確認が取れたら「送信」ボタンを押します。
押してもこの段階では公開はされませんのでご安心を。
send.png

HTMLに埋め込むためのコードが取得できます。自分のアプリ内に設置しましょう。
iframe.png

以上です。いやーほんと Googleって便利です。
Webアプリを作ってみたものの、全く使われていないボクの出欠投稿アプリ「BitScheculer」にも設置してみました(^^;)

Googleフォーム

https://www.google.com/intl/ja_jp/forms/about/

BitSchedulerとは

出欠管理サービスです。Googleカレンダーと連携することで簡単にチームの出欠を管理、運用できることを目指しています。
よかったら使ってみてください!

BitScheduler

1
Help us understand the problem. What is going on with this article?
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
isatan@github
プログラミングをなんとか生業としている平凡プログラマー。 いつかは皆に使ってもらえるサービスを世に送り出したい!

Comments

No comments
Sign up for free and join this conversation.
Sign Up
If you already have a Qiita account Login
1
Help us understand the problem. What is going on with this article?