アメブロへのメールフォーム設置方法

アメブロへのメールフォーム設置

設置の流れ①メールフォームサービス (Form mailerを利用 )への登録　　②メールフォームの作成　② -1　一般フォームの作成　 (②-2　投票用フォームの作成 )

③アメブロへの設置　③ -1埋め込み ver　③ -2お手軽URL貼り付け ver

④フォームへ送られてきた内容の見方

(1) http://www.form-mailer.jp/にアクセスする。

(2) クリック

①メールフォームサービスへの登録

http://www.form-mailer.jp/

(3) クリック


(4) 必要事項を記入し送信

(5)折り返し送られてくるメールに従って会員登録をする


(1) 一般フォーム作成をクリック

②メールフォームの作成　② -1　一般フォームの作成

(1) フォームの名前、説明を入力

(2) テンプレート適用を選択

(3) 設定を保存するをクリック


(1) 作成されたフォームの入力項目編集をクリック


(1) 左側から必要な項目を選び、右側へドラッグ&ドロップ

(2) 右側の項目をマウスオーバーすると、編集・削除ボタンが現れる


例 :”名前”の編集ボタンを押したところ(1) 項目名や注釈、入力必須にするか、などを選ぶ

(2) 設定を保存するをクリック


変更された


(1) コード表示をクリック


(1) 画面を下にスクロールし、 PC用 HTMLソースの表示をするボタンをクリック

(2)　赤枠の内容を全て選択し、コピー (赤枠の内容が作成したフォームの実体となる )


(1) 環境設定をクリック

(2)　公開設定を”公開する”とする。 (日付を指定したい場合は、下にスクロールしたところにある設定項目で設定可能 )(⇒これをしないとフォームが利用できない )

(3)下にスクロールし、設定を保存ボタンを押す


(1) ログインし、プラグインの追加をクリック

③アメブロへの設置　③ -1埋め込み ver

(1) クリック

(2) ②-1で作成したソースコードを貼り付け


(1)クリック

(2) フリープラグインをドラッグ &ドロップ

(3)クリック


(1) ドロップしたフリープラグインがあることを確認

(2) クリック


(1) 完成


Form maileで、コード表示をクリックURLリンクの URLをブログに直接貼る。

ここのリンクから、直接フォームへの画面へ移ることが出来る。ブログへの埋め込みをしない場合はこちらでも OK

③アメブロへの設置　③ -2お手軽 URL貼り付け ver

レポートをクリック


回答の一覧が出力される詳細を見たい場合は、それぞれをクリックする。


Thank you

Technology