アメブロdeアクセスアップ

メールフォーム フォームメーラー・カスタマイズの方法 | アメブロのテンプレートやツールを使って、アクセスアップする方法やアメブロカスタマイズの方法をご紹介します。


テーマ:メールフォーム

メールフォームを設置することは、必要なんですが、
肝心のメールフォーム。どうやって作成しましょう?

私の使っているフォームメーラーのカスタマイズの方法を、
簡単に説明します。

 

 

 

 

 

なぜ私が、フォームメーラーを気に入っているかというと、
先輩のアフィリエイターさんに、質問メールを出してみようと思って、
そのアフィリエイターさんのお問い合わせをクリックしたら・・・

 

 

とっても素敵なメールフォームの、テンプレートを使っていたんです。

 

その時、感激したんですよね。

 

たかがメールフォームひとつですが、
訪問者のことを、考えられた方なんだなぁ~と思って、
関心してしまいました。

 

 

ならば、私もこのメールフォームを使おう!!

 

質問メールも、素敵なフォームだとやっぱり気分いいもの!!

 

で、フォームメーラーにしたわけです。

 

 

 

フォームメーラーには、無料・有料それぞれ、プランがあるんですが、
無料でも、5個もメールフォームを作成できるし、
SSLも搭載していて、携帯でもOK!!

 

デメリットとしては、記載項目の制限があるってことかしら?

 

 

でも無料だし、記載項目が多いと、メールを出す側にとっては、
ストレスとなるかも知れません。

 

 

ならば組み合わせで、工夫ができるのでOKです。

 

 

登録も簡単です。
新規登録から、必要事項を記入してくださいね。
※登録方法は、今回は省きますが画面の指示通りで大丈夫。

 

完了したら、メールが届きますので、
メールフォームの作成画面に入っていきましょう。

無料会員は、【FREE版】よりログインしてくださいね。

 

 

フォームメーラー

 

 

 

◆ 作成手順 ◆

 

2012y06m22d_094334148

まず、新規登録時の、メールアドレスと

パスワードで、ログインします。

 

 

 

 

 

 

 

 

基本的には、フォーム作成から入るのですが、

下記図のように、操作に迷ったら、【フォーム一覧】の下にある、

詳細をクリックしてみて!!

 

form-操作

 

 

【フォームの作成手順】というウィンドウが開いて、

詳細が表示されます。

これだけでも、解りやすいです。

 

2012y06m22d_094511252

 

 

まず、フォームの設定からしていきます。

 

 
2012y06m21d_102246930

★フォーム名:例えば<お問い合わせ>

など、後で解るような名称を付ける。

★フォームの説明:どんなフォームなのか

説明を記載。

★テンプレートの選択:テンプレートを使う

にチェック。

 

 

記入が終了したら、【設定を保存する】をクリックします。

 

 

例として、サンプルというフォーム名でフォームを作成してみました。

こんな感じで、管理画面に出来上がります。

 

2012y06m21d_103230103

 

【メニューの説明】

★入力項目編集・・・・ フォームの項目の設定と編集を行う画面に飛びます。

★環境設定・・・・・・ メール送信時の設定を行います。

★画面確認・デザイン変更 デザインのレイアウト・テンプレートを設定・変更します。

★コード表示・・・・・ メールを設置するための、コードを取得できます。

★レポート・・・・・・ 送られてきたメールの管理ができます。

 

 

最初に環境設定を行ったほうがいいので、ご説明しますね。

 

 

2012y06m21d_103415254

 

【管理者宛メールの設定】

メールが送信されたら、管理者(自分)宛にメールを届けるかどうかを、

ここで、設定します。

送信先メールアドレスは、問い合わせで使いたいメールアドレスがいいですよ。

 
2012y06m21d_103441904

 

【自動返信メール設定】

メール送信されたら、自動返信メールを送るかどうか設定できます。

自動返信メールのところで、使用するにチェックをいれると、

オリジナル文言で、いただいたメールの相手に返信メールが届きます。

【差し込み記号】も使えます。

 

 

とりあえず、環境設定はこの2つを最初に設定しておきましょう。

 

 

【入力項目編集】

 
フォームメーラ

 

入力してもらいたい項目を設定します。

左に、項目の一覧がありますので、必要な項目を選択し

右にドラックするだけで、設定できます。

順番も、項目をドラックするだけで変更できます。

 

 

入力項目の設定が完了したら、【画面確認・デザイン変更】のタブをクリックして、

確認してください。

 

 
2012y06m21d_104003878

デザインテンプレートもこの画面で、設定できます。

 

お好きなデザインをチョイスして!!

 

 

 

 

 

 

 

 

 

 

デザインが変更になったら、画面でプレビューが確認できるはずです。

OK!!だったら、【設定を保存する】ボタンをクリックして完了です。

 

 

完了したデザインフォームを、ブログに貼るためのコードを取得します。

 

【コード表示】のタブをクリック。

 

2012y06m21d_104027065

 

フォームのURLリンクが表示されますので、それをコピーしメモに保存してくださいね。

 

 

サイトをお持ちの方は、埋め込みコードも表示されますので、

そちらを使ってみてください。

※ブログやサイトに貼る場合は、ブログ自体のレイアウトが崩れる場合もあります。

注意してくださいね。

 

 

これで、設定は完了です。

 

 

 

illust2012_thumb

 

お疲れ様でした♪

 

訪問くださる方の、用途に合わせたメールフォームを作成してくださいね。

 

 

 

 

※長々読んでくださって、ありがとうございます。

 

 

テンプレートデザイン・カスタマイズのこと、アクセスアップのこと、
アメブロのことならお任せあれ!

Copyright © アメブロdeアクセスアップ All Rights Reserved.