お問合せフォームを設置しよう
2016/11/24
前回は、プロフィールページについて解説しました。今回はお問合せフォームについて解説していきます。
成果を得る仕組みや、ブログのメリットの解説でもお話しましたが、ブログを続けていると、ある日突然思いもよらないオファーをもらったりすることがあります。広告掲載の依頼だったり、記事の執筆依頼だったり、ヘッドハンティングや、本の出版など、オファーの内容は様々です。
そして、オファーをもらうために絶対に必要なものが、連絡先の掲載になります。オファーしたいと思った人がいても、連絡する方法がなくてはオファーを出せないので必ず載せるようにしましょう。
連絡先はメールアドレスをそのまま掲載してもいいのですが、スパムメールが送られてくるようになってしまったり、メールを送るときにアドレスを間違えてしまったりするので、お問合せフォームを設置するのが望ましいです。
では早速、お問合せフォームを設置していきましょう。
メールフォームサービスに登録しましょう
まずは無料のメールフォームサービスに登録しましょう。
メールフォームサービスはいくつもありますが、ここではオレンジメールを使用します。
まずはこちらから登録を行いましょう。
登録が終わったら、「フォームの新規作成」をクリックしましょう。
最初にフォームの作成をしようとすると、メールアドレスの認証を求められるので、登録のときに入力したアドレスを送信しましょう。
入力したメールアドレス宛に認証メールが送られてくるので、認証URLをクリックします。以下のアドレス一覧の状態の部分が使用可能に変わったらフォームを作れるようになります。
もう一度「フォームの新規作成」をクリックします。
今度はフォームの作成画面が開くので、必要事項を入力していきましょう。
フォーム名を入力して[次へ]をクリックします。
ここでは項目が『名前』、『メールアドレス』、『お問い合わせ内容』の３つだけの簡単なフォームを作ってみましょう。
まずは「姓名」、「メールアドレス」の使用・必須にチェックを入れましょう。
下の方へいくとフリー項目という欄が出てくるので、使用・必須にチェックを入れ、表示名を「お問合せ内容」、入力タイプを「複数行テキスト」に変更して[次へ]をクリックします。
すると、以下のようなお問合せフォームが出来上がります。
他の項目はお好みで設定して構いませんが、入力する人が煩わしく感じない程度の数に留めるようにしてください。メンドクサイと思われたらお問合せをもらえなくなってしまいますからね。
ブログにフォームを設置しよう
作成したフォームをブログに設置しましょう。フォーム利用の項目のタグ取得からURLをクリックします。
フォームのURLが表示されるので、これをコピーしましょう。
コピーしたURLを、以下のコードの●●●の部分に貼り付け、お問合せフォームへのリンクを貼りたい場所へ貼り付けてください。
<a href="●●●">お問合せはこちらへ</a>
最初は、サイドバーのプロフィール欄だけで十分だと思います。HTMLやCSSについてわかるようになって来たら、好きな場所に設置してください。
プロフィールは、はてなブログの管理画面から[デザイン]＞[カスタマイズ]＞プロフィールの編集ボタンから変更できます。
ブログの説明の欄に先程のコードを貼り付けましょう。●●●の部分は自分のお問合せフォームのURLにしてください。
ちなみに、記事内に貼る場合は、記事のリライトの解説のところで使ったHTML編集モードで貼り付けることができます。
次回は、ブログデザインについて解説します。