レッスン2:フォームを作成して公開する
このレッスンでは、フォームを作成して公開し、エンドユーザーから送信された回答データを確認できるようにするまでの流れをご案内します。レッスンを終えると、公開中のフォームで回答を受け付け、回答データを確認できる状態になります。
このレッスンでわかること
フォームを作成してから公開するまでの全体の流れ
項目・送信完了画面・自動返信メールの設定で参照する記事
回答の送信を通知する設定と、回答データを確認する方法を説明している記事
Webサイトにフォームを埋め込む方法を説明している記事
各ステップでつまずきやすい点
このレッスンのゴール
フォームが公開され、フォームから回答が送信されたときに自分宛てのメール通知を受け取り、管理画面で回答データを確認できる状態になっていることが、このレッスンのゴールです。
始める前に準備するもの
ヘルプドッグのアカウント(ステップ1で登録できます)
フォームで受け付けたい内容と、エンドユーザーに入力してもらう項目の案
フォームの作成と公開に必要な権限(権限の詳細は「フォーム機能の管理権限(アクセス制限)」でご確認いただけます)
進め方
ステップ1:ヘルプドッグにログインする
ログインページ(https://app.helpdog.ai/signin)から、ヘルプドッグの管理画面にログインします。アカウントをまだお持ちでない場合は、アカウント登録ページ(https://app.helpdog.ai/signup/)から登録できます(クレジットカード不要、無料プランあり)。
ログインできない場合は「ログインできないときの対処方法」をご確認ください。
ステップ2:フォームを作成する
フォーム一覧画面から、テンプレートを選択するか、白紙からフォームを作成します。作成後は、画面に表示されるステップに沿って、フォームの項目、スタイルとデザイン、送信完了画面、自動返信メールを順番に設定します。
詳しい手順は「フォームを作成して公開する」をご確認ください。フォームのスタイルとデザインの設定方法は、「フォームの入力画面を設定する」でご確認いただけます。
ステップ3:フォームの項目を追加・設定する
フォームの目的に応じて、取得したいデータの種類を項目ごとに追加し、項目名、プレースホルダー、ヘルプテキスト、入力の必須・任意を設定します。
詳しい手順は「フォームの項目を追加・設定・並び替え・削除する」をご確認ください。
補足:追加した項目は、一番下に挿入されます
追加した項目は、フォームの一番下の項目に挿入されます。項目の順番を変える場合は、項目を並び替えてください。
ステップ4:送信完了画面と自動返信メールを設定する
送信完了画面では、フォーム送信が完了したことをエンドユーザーに伝える説明文と、他のウェブサイトへ遷移するボタンを設定します。自動返信メールでは、フォームを送信したエンドユーザーに自動で返信するメールの本文、送信者名、宛先にするメールアドレス項目を設定します。
詳しい手順は「フォームの送信完了画面を設定する」「フォームの自動返信メールを設定する」をご確認ください。
補足:自動返信メールを利用する場合は、送信の設定をONにします
自動返信メールを利用する場合は、自動返信メールの送信の設定をONにしてください。自動返信メールの「宛先」には、フォームのメールアドレス項目を設定します。
ステップ5:フォームを公開する
設定が完了したら、「公開する」ボタンでフォームを公開します。公開後は、フォームのリンクの共有、ソーシャルメディアでの共有、QRコードの生成を行えます。フォーム一覧画面で、公開したフォームのステータスが「公開」になったことを確認してください。
詳しい手順は「フォームを公開する(リンク・QRコード)」をご確認ください。Webサイトにフォームを埋め込む場合は、「フォームの埋め込みコードを取得する」をご確認ください。
補足:公開設定の画面では、スパム対策なども設定できます
フォームの公開設定の画面では、フォームの公開のほかに、不正なフォーム送信への対策(reCAPTCHAの設定)やSNS共有時の表示(OGP設定)なども設定できます。権限によっては設定できない項目もあります。
ステップ6:自分宛てのメール通知を設定する
フォームから回答が送信されたときに、自分宛てにメール通知が届くように設定します。
詳しい手順は「フォームの自分宛てのメール通知を設定する」をご確認ください。
補足:メール通知の初期設定は「通知しない」です
フォームを作成したときの初期設定では、メール通知は「通知しない」になっています。メール通知を受け取る場合は、メール通知の設定を変更してください。
ステップ7:回答データを確認する
フォームから送信された回答データを、フォーム一覧画面・データ一覧画面・詳細画面で確認します。
詳しい手順は「フォームの回答データを確認する」をご確認ください。
完了チェックリスト
□ ヘルプドッグにログインできた
□ フォームを作成できた
□ フォームの項目を追加・設定できた
□ 送信完了画面と自動返信メールを設定できた
□ フォームを公開できた
□ 自分宛てのメール通知を設定できた
□ 回答データを確認できた
次のレッスン
次は「レッスン3:AIチャットボットをWebサイトに設置する」で、AIチャットボットをWebサイトに設置する流れをご確認ください。