FC2ブログにメールフォームを設置する操作手順

[無料ブログでアフィリエイトを始める]

FC2ブログメールフォーム設置解説

さて、FC2ブログにSEO対策に優れた、テンプレートも適用できたし、

次は、FC2ブログにメールフォームを設置してみましょう。

まず、FC2ブログの管理画面に入ります。

管理画面の右上に「マイサービス」がありますので、そこから「FC2ID」をマウスクリックしてください。

また、画面下の「メインメニュー」から「FC2ID」をマウスクリックしても良いです。

「FC2ID」の管理画面に入ったら、左サイドバーから「サービス追加」

を選択してクリックしてください。

「サービスの追加」画面で、「ブログ・サイトにプラス」の項目から

「メールフォーム」の「サービス追加」ボタンをマウスクリックします。

次の画面で「はじめての方」『FC2メールフォーム』をはじめてご利用される方を選択してください。

「利用規約のご確認」で「同意する」をマウスクリックします。

サービスの登録画面で「サービスに登録する」をマウスクリック。

ご登録ありがとうございました。

フォームの管理画面はFC2IDからアクセスしてください。

FC2IDへ

上記のように表示されますので、「FC2IDへ」をマウスクリックして移動します。

下の画面の管理画面という所のトンカチマークをマウスクリックしてください。

FC2ブログメールフォーム

下の画面で一般を選択し、タイトルに好きな名まえを入れてください。

私は、「お問合せフォーム」と入れてみました。

入力後「フォームの新規作成」ボタンをマウスクリックします。

FC2ブログメールフォームを設置2

FC2ブログでメールフォームの設定が完了すると、

下図のように、「お問合せフォーム」のURLが表示されます。

このメールフォームを編集で少し手を加えていきます。

ついでながら、手を加える前がどうなっているかは、赤丸の中のURLをマウスクリックすると確認できます。

FC2ブログメールフォーム設置

このままでも悪くないのですが、入力項目が多いと、めんどうに思う人もいるので、

メールフォームの入力項目は、最少必要な項目だけにした方が良いです。

FC2ブログメールフォーム設置4

削除したい項目は、「職業」「住所」「TEL」です。

それでは編集のトンカチマークをマウスクリックしてください。

「編集メニュー一覧」に移動しますので、

「定型フォーム・テキストフォーム」を選択してください。

「基本の質問項目を設定する」の画面が出ますので、

「職業」「住所」「TEL」についているチェックマークを外します。

画面を下にスクロールして、「入力式の質問項目を設定する」の画面で、

「幅」50⇒60、「文字/行」7⇒10に変更します。

ここを変更しなければ、釣りあいが悪いです。

以上の変更が終わったら、「登録する」ボタンをマウスクリックします。

”[入力項目の設定1]登録しました。”と表示されたら終了です。

FC2ブログにメールフォーム設置

それでは、出来上がったフォームをお問合せして頂くためのページに設置します。

(※「お問合せはコチラから」と先ほどのURLに飛ばしてもいいのですが、

ページ内にフォームを設置したほうが親切です。)

左サイドバーから「パーツ利用の設置用タグデザイン設定」を選択し、クリックします。

「フォーム表示用タグ」の項目にあるタグをコピーして、CresentEve(メモ帳)に貼り付けておきます。

ご自身のブログの管理画面に戻ってください。左サイドバーから新しく記事を書くを選択し、タイトルに、私の場合「テッシに問合せする」と入力。

記事には、入力ミスがないようにしてほしいこと。返信は必ずすること等を書いてください。

最後に先ほどメモ帳に保存しておいたタグを貼り付けます。以上で仕上です。

参考までに私の作ったフォームです。

http://nontesshi.blog.fc2.com/?editor

下の「W」が青になっている状態でタグは貼り付けてください。

タグ、ソースを貼る画面は「W」をクリックして青にします。

上のように表示されます。このメールフォームは、機能していますので、質問してもいいですよ

一方、「W」が下図の状態で貼っても、

FC2ブログメールフォーム設置最終2

<scripttype=”text/javascript”src=”http://form1.fc2.com/parts/index.php?id=1012276″>