WordPressでお問い合わせページを作成する

お問い合わせページを作りたいが、
メールアドレスの公表はスパムメールなどが増えそうで心配ですよね。

WordPressを使うとプラグインを使うことで
メールアドレスなどを表に出すこと無く、簡単にお問い合わせや
メールフォームを作成出来ます。

Contact Form 7

Contact Form 7インストールする

WordPressにお問い合わせフォームを設置する方法ですが、
プラグインを使うことで簡単にできます。

1.ダッシュボードにログイン後に
プラグイン⇒新規追加をクリックします。

検索から「Contact Form 7」を検索します。

たまにバージョン8や似たような名前がありますが、
別のプラグインになりますので、必ずContact Form 7を探します。

メールフォームの設定方法

インストールして、プラグインの有効化を行います。

 

2.有効化が完了すると、 ダッシュボードの「コメント」の下に「お問い合わせ」が
出来ていますのでクリックします。

ws000004

 

メールフォームの設定方法

3.お問い合わせをクリックするとフォーム一覧が出てきますので「編集」をクリックします。

ws000005

 

4.コンタクトフォームの一覧が表示されます。

メールフォームの設定方法

設定画面の説明ですが、
上の部分がフォームの部分で、下の部分が送られてくるメール部分です。

 

5.得に変更しない場合は、デフォルトでも設定可能ですので、
メール側の①宛先のメールアドレスだけ確認して、

下記コードを設置したいページに張り付けるとすぐにコンタクトフォームを
作成することができます。

screenshot_05

 

メールフォームの作り方

詳しい使い方は、
Contact Form 7公式サイト(日本語)を参考にください。

ここでは、簡単な使い方を説明します。

例えば新しくテキスト項目を追加するとします。

 

メールフォームの作り方

フォームの横のタグの作成をクリックしてテキスト項目をクリックします。

 

メールフォームの作り方

新しくタグが発行されます。
サイズや行数などの調整は、公式サイトから確認くださいね^^

 

メールフォームの作り方

フォームに新しいタグを追加します。

 

メールフォームの作り方

メッセージ本文にも新しく追加します。

これでカスタマイズは完成ですので
保存をクリックしておきます。

 

メールフォームの作り方

■お名前 (必須)

■メールアドレス (必須)

■題名

■メッセージ本文

■引用について
この相談内容など引用して記事に掲載しても良いですか?('-'*)
 すべて可 名前は伏せてね 不可><

のタグを
固定ページなどに貼り付けると、作ったフォームが表示されます。

 

はい、これでフォームが完成です^^

お問い合わせ完成

以上
WordPressでお問い合わせページを作成する
でした^^

コメントを残す

サブコンテンツ

このページの先頭へ