いよいよ最後の大技のカスタマイズに入ります。
よく、名前とメルアドを記入して、
質問事項を送信すると、
数分以内に、
自動返信が送られてきて、
翌日には、
問い合わせに対する回答が送信されてくる仕掛けです。
今回は、問い合わせフォームを設置します。
ブログで商売しようと思う人には必需品ですね。
私も、ブログでの設置を考えて、
色々思考しました。
無料の方法を試すと、
問い合わせの受信確認で、
変な広告が表示されてしまいました。
品位を疑われる恐れがあるので、
無料問い合わせフォームの設置はやめにして、
自力での設置を試行錯誤しました。
今回、ご紹介できるのは、
自分のサイトを活用する方法です。
手順として、
①ブログから自分のサイトにリンクさせる。
②サイトに、問い合わせフォームを設置する。
これで、見かけ上、
ブログに問い合わせフォームを設置できたことになります。
では、
具体的に設置方法を説明します。
①ブログから特定サイトにリンクさせる。
サイドバー/フリースペース
<a href="http://toiawase.fp-ifa.jp/index.php
">お気軽にご相談ください<img src="http://topfp.com/swfu/d/toiawase13025.gif"/></a
>
経営者からのご依頼を受付中。初回は無料です。
リンクさせるご自身の画像を<img src="http://.......">で指定します。
ここで利用するイメージ(<img src="で指定されるイメージ)を
アメブロのヘッダー用画像にすることもできます。
②ご自身のサイトの特定ページに
問い合わせフォームを設置する。
以下の記述は、
pukiwiki
を記述できるサイトでの設置例です。
私は、pukiwikiで記述できるホームページとしてQHMの無償版
を使用しました。
無償なのに、とても高機能で、
使い勝手がとてもいいです。
#qform...... から }} までを
問い合わせ専用ページに貼り付けるだけで完成です。
#qform(お問い合せフォーム){{
name=お名前
email=メールアドレス
memo=content,お問い合せ内容,,,need,20
finish_mail=''
::From::ファイナンシャル・プランナー 鈴木久光,ifa@ny.thn.ne.jp
::Subject::<%lname%>様、お問い合せありがとうございます。
<%lname%> <%fname%> 様
こんにちは。
日本一のファイナンシャル・プランナーを目指して研鑽を続ける鈴木久光です。
お問い合せ、ありがとうございます。
お問い合せ内容を確認し、後ほど返信をいたします。
---- お問い合せ内容 ----
<%all_post_data%>
-----------------------
ファイナンシャル・プランナー 鈴木久光
お問い合わせセンター
''
finish_msg=''
* お問い合せの完了
こんにちは。
<%lname%> <%fname%> 様
お問い合せ、ありがとうございました。
確認メールをお送りしましたので、
ご確認ください。
以上です。
''
notice_mail=''
::Subject::<%lname%>様からのお問い合わせ
::To::ifa@ny.thn.ne.jp
お問い合わせがありました。
---- 内容 ----
<%all_post_data%>
フォームURL
<%form_url%>
以上
''
}}
貼り付けるのはここまでです。
pukiwikiを利用できない方のために、
広告つきの無料問い合わせフォームのHTMLタグを紹介します。
#html{{
<!-- [form start] -->
<link rel="stylesheet" href="http://form.os7.biz/css/design/orange/style.css
" type="text/css" />
<form action="http://form.os7.biz/form/submit
" method="post" id="OF_form1"><input type="hidden" name="form_id" value="3625" />
<input type="hidden" name="encoding_test" value="あいうえお眉幅ABC" />
<table id="formtable">
<tr id="caption"><th colspan="2">お問い合わせ</th></tr>
<tr id="sec_co">
<th>会社名</th>
<td><input type="text" name="co" value="" style="width:200px" id="co" /></td>
</tr>
<tr id="sec_seimei1:seimei2">
<th>姓名<span class="must">*</span></th>
<td>(姓)<input type="text" name="seimei1" value="" style="width:60px" id="seimei1" /> (名)<input type="text" name="seimei2" value="" style="width:60px" id="seimei2" /></td>
</tr>
<tr id="sec_mail">
<th>メールアドレス<span class="must">*</span></th>
<td><input type="text" name="mail" value="" style="width:200px" id="mail" /></td>
</tr>
<tr id="sec_free1">
<th>お問い合わせ種別<span class="must">*</span></th>
<td> <label for="free1__0" class="radio0"><input type="checkbox" name="free1__0" value="面談について" class="checkbox" id="free1__0" />面談について</label><label for="free1__1" class="radio1"><input type="checkbox" name="free1__1" value="電話相談について" class="checkbox" id="free1__1" />電話相談について</label><label for="free1__2" class="radio2"><input type="checkbox" name="free1__2" value="費用について" class="checkbox" id="free1__2" />費用について</label><label for="free1__3" class="radio3"><input type="checkbox" name="free1__3" value="その他" class="checkbox" id="free1__3" />その他</label></td>
</tr>
<tr id="sec_note">
<th>お問い合わせ内容<span class="must">*</span></th>
<td><textarea name="note" cols="90" rows="12" style=''></textarea></td>
</tr>
</table>
<center><input type="submit" class="submit" value=" 送信 " /></center>
</form>
<!-- copyright表示は削除しないでください。-->
<div id="copyright" style="color:#999; font-size:12px"> Powered By <a href="http://form.os7.biz/
" style="color:#999; font-size:12px; text-decoration:none">無料メールフォーム オレンジフォーム</a> </div><!-- [form end] -->
}}
以上を貼り付けるだけで設置できます。
このhtmlタグであれば、
無料ホームページをご利用の方にも使えると思います。
(自分は無料ホームページでは試しておりませんが、QHM上(htmlタグを使用できる設定)での使用で動作確認しました。)
あくまで、自己責任でお願いします。