お問い合わせ(保健室)

お問い合わせ専用ページ・・・このページはお問い合わせページの作り方の説明を兼ねていて教材の一つです。ご了承ください。

 
当ページでは実際にサイト・ブログにお問い合わせフォームを設置する時のやり方についてもここで説明・案内させていただきます。このページ自体がサンプルにもなっています。

どのフォームからでも自由にご質問・お問い合わせできます。どうぞよろしくお願い申し上げます。

mail to でお問い合わせフォームを作る

いちばんシンプルなお問い合わせページのつくり方です。html のタグを打てる方なら、次のような一行を入れるだけです。

<a href=”mailto:○△@○○.com” target=”_blank”>お問い合わせはこちらから</a> とか
<a href=”mailto:○△@○○.com” target=”_blank”>お問い合わせ</a> という感じです。

○△のところにあなたのメルアドを入れてください。たとえば、info@affi8.com という具合です。

ちゃんとタグを入れると次のような感じです。センタリングと文字を太文字にしています。

<p class=”al-c b”><a href=”mailto:info@affi8.com” target=”_blank”>お問い合わせはこちらまで</a></p>

実際にはこんな感じに表示されます。

お問い合わせはこちらまで

クリックするだけでメーラーが起動します。

文字サイズを調整したい時は次のようにすることもできます。
<p class=”f12em b”><a href=”mailto:info@affi8.com” target=”_blank”>お問い合わせはこちらまで</a></p>

実際にはこんな感じになります。

このやり方がいちばん手軽です。ただし・・・見た目サイトの信頼性を少しでも上げたいな(メールする人にアピールしたいな)という時は次のような方法もあります。

Contact Form 7 でメールフォームを設置する

たぶんいろんなサイトを見ていてよく見かけるメールフォームだと思います。これは無料で設置できます。
WP(ワードプレス)でブログやサイトを運営していることが前提ですが。

Contact Form 7 というプラグインを入れて設定するだけです。

こんな感じに表示されます。(外枠は別です)

お名前 (必須)

メールアドレス (必須)

題名

メッセージ本文

 
お手軽で簡単です。
※私は英語版をインストールしてしまいましたので『空(から)で送信ボタン』を押すと英語での表記となってしまいます。あなたが実際にインストールする時には日本語版のプラグインを導入してください。

あと一つの方法は専用のメールフォームを使う方法です。

専用のメールフォーム・アスメル(有料)のメールフォームを利用する

メールフォームには有料と無料があります。

私はアスメルというメールフォームを利用しています。アスメルは有料です。
ただし、いくつでも設置できるので(私は他に通販サイトも運営していることから)利用しています。

※詳しくは アスメル・ステップメール を参照ください。

下記のようなフォームが簡単に設置できます。

※情報はSSLにて暗号化されて送信されます。

印は必須です。(お名前はペンネームでも構いません)



当サイトWPテーマ『 THE THOR 』に標準装備されているお問い合わせフォーム

下記のフォームは当サイトのテンプレート・THE THOR に標準で装備されているお問い合わせフォームです。