本記事ではWebフォームの作成手順についてご案内します。
Webフォーム機能の概要や、データの取り込み、タスクの登録等の操作についてはこちらをご覧ください。
- はじめに（Webフォーム作成時のご注意点）
- Webフォーム管理画面にログインする
- Webフォームを作成したいとき
- 設問を追加／編集したいとき
- フォームをコピーしたいとき
- フォームを削除したいとき
- Webフォームを階層化したいとき
- 初期登録フォームレイアウト
はじめに
Webフォームの作成、編集時には以下ご注意ください。
- ページ、パーツ、レイアウトを変更をする際は、既存のものは残したまま [ 新規作成 ] より
別に作成してください。 - 初期値として登録されているページ、パーツ、レイアウトは削除・変更しないでください。
＊変更するとシステムが正常に動作しなくなります。
Webフォーム管理画面にログインする
- ホットプロファイルにログインし、黒帯メニュー [ マーケティング ] - [ Webフォーム ] をクリックします
- [ Webフォーム 一覧 ] 画面で [ 新規登録 ] ボタンをクリックします
- ライセンス証書に記載の Webフォーム管理用のログイン情報でログインします
※通常のホットプロファイルのログイン情報とは異なります
Webフォームを作成したいとき
- [ 顧客ID ] 部分をクリックします
- 現在作成されているWebフォームの一覧が表示されます
- [ 新規作成 ] ボタンをクリックします
- Webフォーム新規作成画面が表示されたら、各項目を入力します
- 項目入力後、画面下部の [ 保存 ] ボタンクリックでWebフォームの作成完了です
項目説明
| 項目名 | 説明 |
| タイトル | Webフォームのページタイトルです |
| 一覧用タイトル | タイトルと同じものを入力してください |
| フォルダー名 |
URLの一部です。以下「xxx」部分が該当 https://（指定ドメイン）.web-tools.biz/xxx/ |
| レイアウト |
Webフォームに利用したいレイアウトを選択します ＜初期登録フォームレイアウト＞ ・フォーム用（デフォルト） ・ご紹介用フォームレイアウト1 ・ご紹介用フォームレイアウト2 |
| 説明テキスト |
Webフォーム公開画面の上部に表示されます 例）「アンケートにご協力ください」などの挨拶文 |
| 送信完了テキスト |
Webフォームからの情報送信完了後に表示されます 例）「ご回答ありがとうございました」などのサンクスページ |
| 差出人名 |
Webフォームからの入力情報送信後にシステムから送信される自動メール返信の送信者の表示名 ※[ 返信設定 ] を「有効」にする場合は入力してください |
| 差出人メールアドレス |
Webフォームからの入力情報送信後にシステムから送信される自動メール返信の送信者のメールアドレス ※[ 返信設定 ] を「有効」にする場合は入力してください |
| 返信設定 | 自動返信メールを利用するかどうか選択します |
| 返信件名 |
自動返信メールの件名を入力します ※[ 返信設定 ] を「有効」にする場合は入力してください |
| 上部返信テキスト |
自動返信メール本文の上部として表示されます ※[ 返信設定 ] を「有効」にする場合は入力してください |
| 下部返信テキスト |
自動返信メール本文の下部として表示されます ※[ 返信設定 ] を「有効」にする場合は入力してください |
自動返信メールのサンプル
|
お世話になっております。 株式会社○○です。 |
上部返信テキスト ★オススメ：挨拶文 |
|
- 会社名 - 部署 - 役職 - 姓 - 名 - 電話番号 - メールアドレス |
設問とお客様の回答内容 |
|
------------------------------------------------------------ 何かございましたら下記連絡先までご連絡くださいますようお願い申し上げます。 ＝＝＝＝＝＝＝＝＝＝＝＝＝ |
下部返信テキスト ★オススメ：署名などの連絡先 |
※自動返信メールの多言語対応は未対応となります。
作成したWebフォームを確認したいとき
[ フォルダー名 ] として記載されているURLから確認できます。
※公開されていない場合は、URLが非アクティブになっているため、[ プレビュー ] をご確認ください
設問（項目）を追加／編集したいとき
項目を編集したいとき
- 左側の [ Webフォーム ] をクリックします
- 編集したいWebフォーム名をクリックします
- 対象のWebフォームに設定されている項目が表示されます
- 項目名が表示されている行を左クリックし、表示されるメニューから [ 編集する ] をクリックします
- 項目名や説明テキスト、入力形式などを編集し、画面下の [ 保存 ] ボタンクリックで編集完了です
■入力形式の説明
| 入力形式 | 説明 | 備考 |
| テキストボックス | テキストの⼀⾏⼊⼒に使⽤します | ー |
| テキストエリア | テキストの複数⾏⼊⼒に使⽤します | ー |
| メールアドレス | メールアドレス⼊⼒に使⽤します | ー |
| ラジオボタン選択 | ラジオボタン⼊⼒に使⽤します ※ラジオボタンは選択肢のうち1つのみ選択できる項⽬です |
[ 選択肢 ] 欄で回答の選択肢を設定 ※改行で複数選択肢を設定可能です [ 選択肢 ] 欄の記入例） 製品A 製品B 製品C |
| プルダウン選択 | プルダウン⼊⼒に使⽤します ※プルダウンは選択肢のうち1つのみ選択できる項⽬です |
|
| チェックボックス選択 | チェックボックス⼊⼒に使⽤します ※チェックボックスは選択肢のうち複数選択できる項⽬です |
|
| フォーム選択 | ラジオボタンを設置します フォーム選択で作成した項⽬を選択することによって、他の質問事項の必須⼊⼒の制御が可能です。 |
▼利用例 設問1で「不満」を選んだ場合に |
■フォーム選択について
＜画面イメージ＞
満足度で「不満」を選択した場合に「満足度の理由」が必須入力（※表示）となる。
＜設定箇所＞
前提：入力形式「フォーム選択」で項目（設問）を作成しておくこと
入力形式「フォーム選択」で項目（設問）を作成すると、入力設定欄に「フォーム別必須入力」という設定箇所が表示されます。
「○○の選択肢が選ばれたら、この質問を必須入力にしたい」という紐づけをこちらの箇所で設定します。
※フォーム別必須入力にチェックを入れる場合、項目（設問）自体の「必須入力」は「任意」で設定してください
例）「不満」が選ばれたら必須入力としたい場合
項目を追加（新規作成）したいとき
- 左側の [ Webフォーム ] をクリックします
- 編集したいWebフォーム名をクリックします
- 対象のWebフォームに設定されている項目が表示されます
- [ 新規作成 ] をクリックします
- 項目名や説明テキスト、入力形式などを設定し、画面下の [ 保存 ] ボタンクリックで作成完了です
項目の並び順を変更したいとき
項目の編集／作成画面で [ 並び順 ] の数字を編集することにより、項目一覧の並び順が変わります。
Webフォームをコピーしたいとき
Webフォームの画面から「Webフォーム名」をクリックし [ フォルダー設定] をクリックすると、
Webフォームのコピーが行えます。
- [ Webフォーム ] をクリックします
- コピーしたいWebフォーム名をクリックします
- [ フォルダー設定 ] をクリックします
- [ 複製する ] をクリックします
- フォルダー名を入力します
- [ 実行 ] ボタンをクリックします
- [ 一覧へ戻る ] をクリックします
- [ 上の階層へ ] をクリックします
- コピーされたWebフォームが表示されたら、左クリックし、[ 編集する ] を選択します
- 新規作成時と同様に編集し、最後に [ 保存 ] ボタンクリックで登録完了です
※フォルダー名以外はコピー元のWebフォームの内容がコピーされているため、変更が必要な箇所を更新してください
タイトルなどを変更すると、一覧画面での表示も変更されます
フォームを削除したいとき
Webフォーム管理画面とホットプロファイル側の両方で削除する必要があります。その際、必ずWebフォーム管理画面から先に削除してください。
Webフォーム管理画面の操作
- 左側の [ Webフォーム ] をクリックします
- 削除したいWebフォームにチェックを入れます
- [ 削除する ] ボタンをクリックします
- 「削除してよろしいですか？」で [ OK ] をクリックします
- ページの読み込みが完了し、左側の「Webフォーム」欄から
対象のWebフォーム名が消えていればフォームの削除完了です
※子階層にフォームが存在している場合、親階層のフォームを削除すると自動的に子階層のフォームも削除されますのでご注意ください
例）以下構成で「フォームA」を削除した場合、「フォームB」「フォームC」も削除されます
フォームA
└フォームB
└フォームC
ホットプロファイル側の操作
- 黒帯メニュー [ マーケティング ] - [ Webフォーム ] をクリックします
- [ Webフォーム一覧 ] 画面で削除したいWebフォーム名をクリックします
- [ Webフォーム問い合わせ一覧 ] 画面 [ 編集 ] ボタン横の [ ▼ ] - [ 削除 ] を順にクリックします
- 「『フォーム名』を削除します。よろしいですか？」で [ OK ] をクリックします
- [ 削除しました。 ] と表示されたら、Webフォームの削除完了です
Webフォームを階層化したいとき
事業部ごとやジャンルごとにカテゴリ分けして整理することができます。
新しくフォームを作成したいとき
- [ Webフォーム ] をクリックします
- 階層化したいWebフォーム名をクリックします
- 左メニューの [ Webフォーム ] をクリックします
- 以下の画面が表示されたら [ 新規作成 ] をクリックします
- Webフォーム新規作成画面が表示されたら、各項目を入力し、[ 保存 ] をクリックします
※以下画像は「階層化確認用2」というタイトルで作成しています - フォームの保存が完了したら、[ 一覧へ戻る ] をクリックします
- 一つ下の階層にWebフォームが作成されたことが確認できます
作成済みのフォームを他の階層に移動したいとき
- [ Webフォーム ] をクリックします
- 移動したいWebフォーム名をクリックします
※画像は「階層化確認用3」を選択 - 左メニューの [ フォルダ設定 ] をクリックします
- [ 移動する ] をクリックします
- [ フォルダー名 ] に移動先のフォルダ名を入力し、[ 保存する ] をクリックします
※フォルダー名は各フォームの「基本情報」から確認できます
例）kadou/kadou2/kadou3 と入力した場合の構成 - 保存後、[ 一覧に戻る ] をクリックします
- Webフォームが指定の階層下に移動したことを確認できます
初期登録フォームレイアウト
ご紹介用フォームレイアウト1
ご紹介用フォームレイアウト2
フォーム用（デフォルト）