フォーム

CMSのフォーム機能の概要をご説明します。
なお、設定項目が複雑なため、項目の追加や削除、メール設定情報の変更はサポートデスクのご利用をおすすめします。
既存項目の内容変更(選択肢の書き換え、注記の編集、必須/任意の変更など)は簡単に行なっていただくことが可能です。

c65b4d77044eea4c89323b174f046e88-1771039108.png

編集するフォームの探し方

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

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

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

基本情報について

a7604dd5801d6c843891c4a4ddd9a808-1771040178.png
  • 受付期間
    フォームの表示開始日時と終了日時を設定できます。
    期間外(開始前、終了後)に表示する画面もフォームごとに設定できます。
    表示は指定日時で自動的に切り替わります。表示画面の編集については後述します。
80b96a1ca8782c2aedef42f23235975b-1771039545.png
  • フォームの送信履歴
    後述する送信履歴(フォーム送信内容の一覧)をCMSに保存しておくか、しないか選ぶことができます。
    個人情報保護の観点から、送信内容は通知メールのみで確認し、CMSにログインできる利用管理者ユーザー全員には開示しない運用が可能です。
548316e020b756efa45e33e886facfcf-1771039707.png
  • 通知メール送信先
    問い合わせ内容の送信先アドレス(To)/Cc を設定できます。(複数可)
    オプションにチェックを入れると、メーラーで通知メールに返信した時、自動で宛先に自動返信メール送信先のアドレスが入ります。

  • 自動返信メール送信先
    フォーム内にあるメールアドレスとお名前の入力項目を自動返信メールに自動で設定できます。

  • 上記2つのメール送信元
    送信元のメールアドレス・表示名を指定できます。
968656942bd24bae5c7d0358ba9fce73-1771039741.png
  • メモ
    入力内容はフォーム管理の一覧画面に表示されます。内部の管理用として適宜ご活用ください。
93bff0fd9a7f1680ad78ece8b64676cd-1771040072.png

画面設定について

4dec0424f5f7d8c6d9a0482887803b41-1771388551.png

フォームの入力内容や、送信前後に表示される画面は [画面設定] から編集できます。

  • 入力画面
    既存の項目をクリックすると、操作メニューが開きます。
669086deb35b017c35fa9f1b8bd31d79-1771388764.png
  • 項目名
    フォームの項目名(例:「お名前」)を編集します。
  • 入力必須
    ・青  =必須(未入力のままでは送信できません)
    ・グレー=任意
  • 初期値
    フォームを開いた時点で、あらかじめ入力されている値を設定します。
  • プレースホルダー
    入力例などを、入力欄に薄いグレーの文字で表示します。
  • 入力ルール
    項目ごとに入力条件を設定します(例:1行入力で半角数字のみ など)。
  • 入力補足事項
    項目名と入力欄の間に説明文を表示します。
  • 横幅
    入力欄の横幅を調整します。

    ※ 埋込コード名は項目の追加で扱います。既存項目の内容変更のみの場合は編集しないでください。
ff9d0f5f4c7d2dfdb1e316db6fdf06d6-1771389214.png
  • 確認画面
    送信前に表示する内容を設定します。
    文言の書き換えであればエディタから簡単に行なっていただけます。
1fd666a704a9c70eeee818c28e5af492-1771389329.png
  • 完了画面
    送信が完了した後に表示する内容を設定します。
    お礼や次に進む案内などの文面が編集できます。
ac4a97d469e447b54101e54c44d342cd-1771389376.png
  • エラー画面
    確認画面でブラウザの戻るを使うなど、送信できなかった場合に表示する内容を設定します。
    再入力の案内や戻り先の指定などが編集できます。
  • 受付開始前画面/受付終了後画面
    基本情報の [受付期間] で設定した日時に応じて、表示を切り替える画面です。
    ・受付開始前:受付開始日時より前に表示されます。
    ・受付終了後:受付終了日時を過ぎたあとに表示されます。
    受付期間の設定に基づき、画面は自動で切り替わります。
2b23f22af89e7ae280685f8c908903ec-1771389898.png
ae1b13d0375da5df514f145157f5b364-1771389904.png

メール設定について

1324c90d608269aeda539c157151723f-1771390146.png
  • 自動返信メール
    フォーム送信者宛に送るメール内容を編集できます。
    (例:署名の住所書き換え 等)
94c79a5fb9fe71143c660d1640d51462-1771390153.png
  • 通知メール
    フォームに送信された内容を受け取るメール文を編集できます。
6e54e67076a6e0afdd257abfd9a25cf4-1771390158.png
  • 送信設定
    基本は、サイト全体に設定しているメールサーバの情報を使う、「メール設定を引き継ぐ」にチェックを入れて運用します。
    フォーム個別で、使用するメールサーバを設定することも可能です。

項目の追加・削除・並び替えについて

入力画面だけを変更して登録すると、確認画面やメールの表示内容に不整合が出ます。
項目の追加・削除・並び替えなどを行った場合は、確認画面/自動返信メール/通知メールをセットで修正してください。

入力画面

まず、入力画面で項目の変更を行います。

  • 新しい項目を追加する
  • 不要な項目を削除する
  • 項目の並び順を変更する


その際、変更した項目の「埋込コード名」を控えてください。
確認画面/メールでは「埋込コード名」をキーに編集します。

abead1e72efcd4ee7b00fa9f8b00324d-1771391217.png
38e96b01bbb917d529d9bfd0da75f573-1771391224.png
309bca646541d0a1071581f963a5c5c3-1771391233.png

確認画面

  • 画面下部に表示されている入力例をコピーし、確認画面の編集欄からHTMLのアイコン開いて貼り付けます。
  • 入力例の文言はテンプレートです。もともとの文言を流用する場合は貼り付ける際に変更した箇所のみを反映するようにしてください。
ebebf4ff709137fb575be823c0b9cdc4-1771391739.png

メール設定

自動返信メール通知メールにも画面下部に入力例が表示されています。
「入力例をコピー」をクリックし貼り付けるか、該当箇所のみを貼り付けます。

1119226641379a154166c9098705454a-1771391889.png

フォームの新規作成について

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

  2. 基本情報で次を設定します:
    フォーム名:
     CMSの一覧に表示します。後の検索・変更時に見つけやすい名称を設定します。
    埋込タグ名
     ページにフォームを埋め込む際に使用します。任意の文字列で設定します。
    受付期間
     設定が必要な場合には日時を選択します。
    フォーム送信履歴
     複製元から変更が必要な場合には設定します。
    通知メール送信先
     お問い合わせ内容を受信するメールアドレスを設定します。複数設定可。
    自動返信メール送信先
     後述する入力画面を作成後、メールアドレスとお名前の項目の埋込コード名を指定します。
     自動返信メールを送付しない場合や、お名前を設定しない場合には入力不要です。
    上記2つの送信元
     通知/自動返信メールの差出人名・アドレスを設定します。
    メモ
     CMSのフォーム一覧画面に「?」マークで表示されます。必要に応じて変更・設定します。

    ※ その他の項目は複製元から変更不要です。

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

  4. 画面設定 → 入力画面で、+追加から必要な入力項目を組み合わせて作成します。
    複製元フォームの項目の削除や並び替えも可能です。
    (編集方法は「画面設定について」を参照)

  5. 確認画面/メール設定(自動返信・通知)は、入力画面で設定した埋込コード名を元に作成します。
    各画面の下部に入力例が表示されるので、コピー&ペーストで作成します。

  6. 完了画面/エラー画面/受付開始前・終了後画面/メール設定 > 送信設定を必要に応じて加筆修正します。

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

  8. フォームを設置したページを作成したら、そのページのURLを任意の箇所からリンク設定します。
    (例:お知らせ記事を作成、本文中に「お申し込みはこちら」の導線を設置 等)
b3ef0338405fc294603a0c61946bf2b7-1771393041.png
50f8a107a6ffe972ad275c18f251273a-1771393046.png

送信履歴について

フォームから送信された内容を一覧に確認することができます。
画面の最下部には検索結果をエクセルに出力のボタンがあり、送信履歴をエクセルデータとしてダウンロードができます。

e88a20486f2ace52b79640eae31373f0-1771393237.png

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

5f5ad9d4f3e842c6c8e15cb99efc8dd5-1771393255.png

また、履歴をクリック(あるいは操作から編集するをクリック)すると対応状況やメモを登録することも可能です。
送信情報や実際にシステムから送信された自動返信メール、通知メールの内容を確認することもできます。

548c40f36eaa27a0535a98ecc96d3a1f-1771393290.png

戻る