サイト運用のためのマニュアルサイト

フォーム

CMSのフォーム機能の概要をご説明します。
なお、設定項目が多く複雑なため、項目の追加や変更はサポートデスクのご利用をおすすめします。

505bbac6e8545fc7c33ccda1766b8412-1674283347.png

ページ内のコンテンツ一覧

フォーム管理について

フォームを修正する

  1. 対象ページを開く
    フォームを修正したいページを表示します。
    URLの末尾(例:contact.html)を目安に、固定ページで検索すると該当ページが見つかります。

  2. フォーム名を確認する
    ページの編集画面にある次のような記述を確認します。
    @form('name="form01"')
    name= の引用符内(上例では form01)が、そのページで使われているフォーム名です。

  3. フォーム管理で編集を開く
    左メニューの[フォーム管理]を開き、上記のフォーム名で検索 → 該当フォームをクリックして編集画面を開きます。

基本情報で変更できる主な項目

  • 通知先メールアドレス:問い合わせ内容の送信先(To)/Cc を設定できます。
  • 自動返信メールの送信元:ユーザー宛の自動返信に使う送信元名/送信元メールを設定できます。
  • 受付期間:期間外に表示する文面(受付前/受付終了後)は後述の画面設定で編集できます。

フォームの内容を修正する(画面設定)

  • 項目名:太字の見出し(例:「お名前」)を編集します。
  • 入力必須:
    ・青=必須(未入力は送信不可)
    ・グレー=任意
  • 初期値:フォーム表示時にあらかじめ入れておく値を設定します。
  • プレースホルダー:入力例などを薄いグレーで表示します。
  • 入力ルール:項目ごとに設定します(例:1行入力で半角数字のみなど)。
  • 入力補足事項:入力欄直下に説明文を表示します。
  • 横幅:入力欄の横幅を調整します。

    ※埋込コード名は「フォームを作成する」の項目で扱います。修正のみの場合は変更しないでください。
ec35de1539718ec62425684e6993fe04-1674284792.png
4c3b1b3d7ab07a605724fba221f47c23-1674285434.png
  • 確認画面
    送信前に表示する内容を設定します。
    入力者が送信前に内容を確認できるよう、見出しや注意文を編集します。

  • 完了画面
    送信が完了した後に表示する内容を設定します。
    お礼や次に進む案内などの文面を編集します。

  • エラー画面
    入力・確認途中に戻る操作などで送信できなかった場合に表示する内容を設定します。
    再入力の案内や戻り先の指定などを編集します。
8d26986deb1aaee218ee4ce476277df3-1674285600.png
  • 自動返信メール(ユーザー宛):送信後にユーザーへ届くメールの件名/本文/送信元名/送信元メールを編集できます。
  • 通知メール(運営宛):ユーザーが送信した内容を受け取るメールの件名/本文/送信先(To/Cc)/送信元を編集できます。

フォームを作成する

作成の流れ(3段階)

① フォームを作成 → ② フォームを表示するページを作成 → ③ そのページへのリンクを設置

手順

  1. 既存のフォームを複製して作成すると、設定が簡単です。

  2. 基本情報で次を設定します:
    フォーム名(一覧表示名。後の検索・変更時に見つけやすい名称)
    埋込タグ名(英数字で一意。ページにフォームを埋め込む際に使用)
    通知メール送信先(受信メールアドレス)
    自動返信メール送信先(ユーザー宛に自動送信する場合に、入力項目の埋込コード名を指定)
    上記2つの送信元(通知/自動返信の差出人名・差出人メール)
    メモ(任意。一覧に表示される管理用の説明)
    ※ その他の項目は複製元から変更不要です。

  3. 右上の[登録する]をクリックします。

  4. 画面設定 → 入力画面で、+追加から必要な入力項目を組み合わせて作成します。

  5. 確認画面/メール設定(自動返信・通知)は、入力画面で設定した埋込コードを元に作成します。
    各画面の下部に入力例が表示されるので、コピー&ペーストしてHTMLアイコンから編集します。
    ※ 既存フォームに項目を追加・削除したときは、確認画面/メール設定も同様に変更が必要です。

  6. 作成後、基本情報>基本設定にある埋込タグ名ページに埋め込みます。
    ・既存フォームページがある場合は複製し、タグ名のみ変更して作成可能です。
    ・新規にフォームを設置する場合、ページの任意箇所に下記を記述します:
     ★form('name="埋込タグ名"')
     (※ ★は @ に変更してください)

  7. フォームを設置したページを作成したら、そのページのURLを任意の箇所からリンク設定します。
a6b09b1a5f49db1dbb85a4b97ab4bf58-1674286052.png
1b1c52c165fd66beaba45ff38558f82d-1674286090.png
0dc8dbd7ef8b7eddbe21b0236a56334a-1674286415.png
dcdbf6d87bcda2a63fa4e0a0cc9884e1-1674286692.png
eb5308892ffbb7a8acef1c987f386520-1674287251.png

送信履歴について

フォームから送信された内容を一覧に確認することができます。

画面の最下部には検索結果をエクセルに出力のボタンがあり、送信履歴をエクセルデータとしてダウンロードができます。

d4ebd1b97e07d8ae21f2a8ceaa6e1dee-1674287987.png

検索条件から履歴を表示させたいフォームを絞り込むことも可能です。

絞り込んだ状態で出力すると、検索結果の履歴のみダウンロードが可能です。

c17a272b8dc3c916e75d44cff9a6add5-1674288032.png

また、履歴をクリックすると対応状況やメモを登録することも可能です。

808aa3500a4fefe490a0d8bb7df3a99d-1674288149.png

戻る