フォームメーラーの返信メール設定方法とデザインカスタマイズのやり方
お問い合わせフォームを作成できるFormMailer(フォームメーラー)。
登録した後の設定方法を解説します。
↓登録方法はこちらから
フォームメーラーの入力フォームの設定
フォームメーラーにログインしたら、一般フォームを作成をクリック。
![フォームメーラーでお問い合わせ画面の作成方法](https://togaran-afiri.com/wp-content/uploads/2020/02/8一般フォームを作成-1024x445.png)
↓このままの状態で「設定を保存する」をクリック。
![フォームメーラーでお問い合わせフォームの作成方法](https://togaran-afiri.com/wp-content/uploads/2020/02/9設定を保存-1.png)
名称未設定フォームができました。これを編集していきます。
「入力項目編集」をクリック。
![フォームメーラーのを編集する方法](https://togaran-afiri.com/wp-content/uploads/2020/02/10入力項目編集-1024x366.png)
これが編集画面です。
![フォームメーラーの入力項目編集方法](https://togaran-afiri.com/wp-content/uploads/2020/02/11こんな画面に!.png)
フォームメーラー入力項目の削除
要らない入力ボックスは削除しましょう。
私は性別、住所、生年月日、連絡先は削除して使ってます。
消したい項目にカーソルを当てて、バツ印を押せばOK。
![フォームメーラーの項目削除方法](https://togaran-afiri.com/wp-content/uploads/2020/02/17-1消したい項目は赤バツで.png)
フォームメーラー項目の追加
左側の項目を右側にドラッグ&ドロップして持ってくると、項目が追加できます。
テキストフィールドを追加してみました。
![フォームメーラーの入力項目の追加方法](https://togaran-afiri.com/wp-content/uploads/2020/02/16.1テキストフィールド追加-1.png)
フォームメーラーの入力項目の設定
右側のそれぞれの項目にカーソルを当て、編集ボタンを押すと編集画面に移ります。
試しに、右側にあるメールアドレス項目の編集画面に移ってみましょう。
![フォームメーラーの項目を編集するやり方](https://togaran-afiri.com/wp-content/uploads/2020/02/17-0編集もできるよ.png)
編集画面が開きましたね。
今回は、お問い合わせをする人のメールアドレス入力を必須にするのと、アドレス入力ミスを防ぐために確認用ボックスを表示させようと思います。
まずは入力必須にチェックして。
一番下の「設定を保存する」をクリックすると……
![フォームメーラーの入力必須項目にする](https://togaran-afiri.com/wp-content/uploads/2020/02/12必須で保存すると-1.png)
↓こういう風に、メールアドレスの項目に(必須)マークがつきました。
![フォームメーラーのメールアドレスを入力必須にするやり方](https://togaran-afiri.com/wp-content/uploads/2020/02/13こうなるよ.png)
同じように「確認用入力欄」にもチェックを入れて設定を保存。
![フォームメーラーのメールアドレス確認用入力欄追加](https://togaran-afiri.com/wp-content/uploads/2020/02/14確認入力欄もあるよ.png)
メールアドレス確認用の入力ボックスが下に表示されましたね。
![フォームメーラーのメールアドレス確認用の入力ボックス追加方法](https://togaran-afiri.com/wp-content/uploads/2020/02/15確認用ボックス完成!.png)
こんな感じでそれぞれの項目をカスタマイズすることができます。
フォーム名とフォームの説明の変更
先ほどと同じ編集方法で項目名やフォーム名を変えてみますね。
「名称未設定フォーム」の右上の編集ボタンをクリック。
![フォームメーラーの名称未設定フォーム](https://togaran-afiri.com/wp-content/uploads/2020/02/16.2項目名変更.png)
こんな感じに変更してみました。
![フォームメーラーのフォーム名変更](https://togaran-afiri.com/wp-content/uploads/2020/02/16.3フォーム名称変更.png)
デザインをカスタマイズする
良い感じにフォームができたらデザインを変更してみましょう。
「画面確認・デザイン設定」へ。
![フォームメーラーの画面確認デザイン設定](https://togaran-afiri.com/wp-content/uploads/2020/02/17-2上タブでデザイン設定へ!.png)
「デザイン一覧」で背景のデザインを選べます。
![フォームメーラーの背景デザイン設定](https://togaran-afiri.com/wp-content/uploads/2020/02/17デザイン一覧で色々選べるよ.png)
フォームの横幅100%だとこんな感じ。
![フォームメーラーのフォームの横幅100%](https://togaran-afiri.com/wp-content/uploads/2020/02/18フォームの横幅100%だとこんな感じ.png)
レイアウトが横並びだとこんな感じ。
![フォームメーラーのレイアウト項目の設定](https://togaran-afiri.com/wp-content/uploads/2020/02/19レイアウト横並びだとこんな感じ.png)
文字も大きくできます。
![フォームメーラーの文字サイズ変更](https://togaran-afiri.com/wp-content/uploads/2020/02/19文字もでっかくなります.png)
フォームメーラーの公開設定
次は環境の設定をしていきますね。
環境設定→公開設定を選択。
特にこだわりがなければ以下画像の設定で保存します。
![フォームメーラーの公開設定](https://togaran-afiri.com/wp-content/uploads/2020/02/20準備ができたら公開設定で設定するを.png)
PC・スマートフォン・携帯→公開する
フォーム受付期間・フォーム受付定員→設定しない
フォームメーラーの各種画面設定
次に各種画面設定の項目へ。
![フォームメーラーの環境設定 各種画面設定](https://togaran-afiri.com/wp-content/uploads/2020/02/21完了画面のメッセと戻るボタン先のURL.png)
入力画面設定→外部のサイトに設置する
入力内容確認画面設定→表示する
完了画面設定
完了メッセージ→お問い合わせありがとうございました等、お問い合わせしてくれた相手へのメッセージ
戻り先URL→お問い合わせ完了画面にある戻るボタンを押した先のURL。私はブログのトップページのURLにしました
「設定を保存する」をクリック。
![フォームメーラーの各種画面設定](https://togaran-afiri.com/wp-content/uploads/2020/02/22設定を保存.png)
フォームメーラーの管理者宛てメール設定
各種メール設定をクリック。管理者宛てのメール設定をします。
お問い合わせフォームから自分にメッセージがあった時、通知してくれるメールの設定ってことですね。
各種メール設定を選択。
![フォームメーラーの管理者宛メール設定](https://togaran-afiri.com/wp-content/uploads/2020/02/23自分に届くメール設定-1.png)
送信先アドレス→お問い合わせフォームからのメッセージを受け取る自分のメールアドレスを入力
差出人アドレス→投稿者のアドレスを設定する
件名→問い合わせメールの件名を入力
本文→カスタマイズしない
回答内容の記載→本文に含める
IPアドレス→本文に記載する
ブラウザ情報→本文に記載する
だいたい初期設定のままですね…(笑)
フォームメーラーの自動返信メール設定
お問い合わせをしてくれた人に自動で届くメールの設定です。
まずは自動返信メール設定を「使用する」にチェックして下さい。
![フォームメーラーの自動返信メール設定](https://togaran-afiri.com/wp-content/uploads/2020/02/24返信メールも設定できます.png)
差出人名→自分の名前
差出人アドレス→相手に届くメールの差出人アドレスを自分のものにしたい場合は入力
返信先アドレス→ここに自分のメールアドレスを入れておくと、相手がフォームメーラーからの自動メールに返信したときの返信先が自分のアドレスになる
件名→自動返信メールの件名
本文→自動返信メールの本文。
本文中に相手の名前を入れたいところがあれば、置換文字挿入ボタンを押して置換文字を入れます。この置換文字が相手の名前に変換されてお問い合わせしてくれた人にメールが届きます。
回答内容の記載→お問い合わせ内容を自動返信メールに記載するかどうか。
最後に設定を保存するをクリックして完了です。
フォームメーラーの設定まとめ
けっこう細々した設定がありましたね。あとはフォームメーラーを自分のブログに設置するだけです!
ディスカッション
コメント一覧
まだ、コメントがありません