【メールフォーム】お問い合わせフォームに項目を追加したい - 横浜・大阪のHP制作 アートフレア(株)

関東営業所

045-308-7792

関西営業所

06-6243-0330

平日10時~18時半 定休日:土日祝

【メールフォーム】お問い合わせフォームに項目を追加したい

以下は「RSForm」というメールシステムを使用しているサイトの修正方法です。

ご自身のサイトのメールシステムは以下の方法でご確認をお願いいたします。

 

お問い合わせフォームに項目を追加するポイントは以下2点です。

1、お問合せフォームの項目の追加

2、自動返信メールの文面編集(ユーザと管理者)

 

管理画面へログインをし、「コンポーネント」の中に「RSForm! Pro」「RSForm! Pro/メールフォーム」があれば、以下の方法で修正可能です。

 

rsform01

1、お問合せフォームに項目を追加する

 

今回は、何か一つを選択する時に使用する「ラジオボタン」項目の追加例をお伝えします。

(「年齢」を選択することを想定) 

 

f koumoku1

 

 

①管理画面へログインし、「コンポーネント」→「RSForm Pro!」→「フォーム管理」を開きます。

rsform02

 

※「コンポーネント」→「RSForm Pro!」を開いた後に「フォーム管理」アイコンをクリックでもOKです。

rsform03

 

②修正したいフォームを開きます。
rsform04

③「部品」タブがクリックされた状態のページが開きます。
f koumoku2

 

④フォームフィールドから、追加したい項目をクリックして設定を行います。

  今回は、何か一つを選択する時に使用する「ラジオボタン」項目の追加を行いますので、ラジオボタンをクリックします。

f koumoku3

 

⑤「一般設定」以下3点の入力をお願いします。

 

内部名・・・半角英数字で入力をお願いします。 例:radio

      システム上の名前になりますのでHP上に表示されません、任意の名前を入力下さい。

項目名・・・フォームに表示される項目名を入力します ここでは年齢と入力します 例:年齢

選択肢・・・選択肢になります 例:ここでは10代20代30代40代と入力します。以下のように改行して下さい

 

f koumoku4

 

f koumoku5

⑥「構文」タブをクリックし、必須設定を行います

 

※必ずお客さまへ入力頂きたい箇所の場合、必須設定を「はい」にして下さい。

 

(必須設定が「はい」の場合は、確認メッセージの入力をお願いします。

  今回は「チェックをお願いします」と入力しました。

  必須項目が「はい」の時、チェックしていない時は送信ができません。)

 f koumoku6

 

f koumoku7

 

必須項目が「はい」の場合、入力が無ければ送信できません。

 

f koumoku8

 

⑦設定が終わりましたら「Save」ボタンを押します。

 f koumoku10

 

⑧最後にフォーム全体の「保存して閉じる」ボタンを押します。

 f koumoku9

 

2、自動返信メールの編集をする

 

 お問い合わせフォームの項目を追加した場合、合わせて自動返信メールの編集をします。

 

ユーザへの自動返信メールと、管理者への確認メール

2つのメール文面を変更します。

 f koumoku11

 

 

(ユーザへの返信メールの変更方法)

 

お問い合わせフォームで項目を追加しましたので、

お問い合わせ頂いたお客さまへ対する自動返信メールの文面の編集をします。

 

① 管理画面へログインし、「コンポーネント」→「RSForm Pro!」→「フォーム管理」を開きます。

rsform02

 

※「コンポーネント」→「RSForm Pro!」を開いた後に「フォーム管理」アイコンをクリックでもOKです。

rsform03

②「属性」タブをクリックし、電子メール内の「ユーザへの返信メール」を開き、「文面を編集」をクリックします。

 f koumoku12

 

f koumoku17

 

③ メールフォームに追加した項目を文面に追加します。

   クイック追加モードをクリックして下さい。

 

f koumoku13

 

クイック追加モードをクリックし、{radio:caption}{radio:value}をそれぞれコピーして

メール文面へ貼り付けをします。

 f koumoku14

 

ここではラジオボタンを追加しましたので、

 もともと自動返信メールに入っている項目と同じような形で、

 {radio:caption}:{radio:value} をメール文面に追加します。

クイック追加モードをクリック後、文言をマウスで選択、コピーしたものをメール文面へ貼り付け下さい。

 

 f koumoku15

 

④ 追加しましたら、「保存」ボタンを押してから、「キャンセル」ボタンを押して閉じて下さい

 (「保存して閉じる」を押しますと、レイアウトが崩れるバグがございます。)

 

f koumoku16

 

 

 

 

---------------------------------------------

(管理者への確認メールの変更方法)

 

次に「管理者への電子メール」のメール文面を変更します。

①電子メール・「管理者への電子メール」をクリックし、

「文面の編集」ボタンをクリックして下さい。

 f koumoku18

 

 

②ユーザへの返信メールの変更時と同じように、

 {radio:caption}:{radio:value} をメール文面に追加します。

 

③追加しましたら、「保存」ボタンを押してから、「キャンセル」ボタンを押して閉じて下さい

 (「保存して閉じる」を押しますと、レイアウトが崩れるバグがございます。)

 

 

f koumoku19

 

 

④最後にフォーム全体の「保存して閉じる」ボタンを押して完了です

 

f koumoku20

 

 

※お問い合わせフォームの変更を頂きましたら、ご自身のメールアドレスで

 お問合せフォームより送信テストのご実施をお願いいたします。

 

 

 

 

参照数: 570

 

カスタマーサポート窓口(ご契約のお客様専用)

050-5809-5111

スカイプID artflair_customer
営業時間 10:00~17:00(休業 土・日・祝日)

 

 

imgpsh fullsize anim 2020 10 28