ワードプレスで「お問い合わせ」フォームを作ろう

お問い合わせフォームの作り方

商用でブログを作る場合、

「お問い合わせフォーム」が

必要になりますよね。

 

賢威などワードプレステンプレートでは、

「お問い合わせフォーム」がプラグインを使用することで簡単に作ることができるんです。

 

 

そのプラグインの名前は、「Contact Form 7」と言います。

 

それでは、「Contact Form 7」をインストールしましょう。

 

 

ワードプレス管理画面、左サイドバー「プラグイン」をクリック。

 

インストール

 

赤枠の「新規追加」をクリック。

 

検索

 

検索枠が出てきます。

そこに「Contact Form 7」と入力して、エンターをクリック。

 

 

Contact From 7

 

このように、富士山の画像があるものが「Contact From 7」です。

そこの赤枠「いますぐインストール」をクリック。

制作者:Takayuki Miyoshi   を確認してくださいね。(日本の方です)

 

 

インストール確認

 

このように、インストールの確認をしてきますが、

迷わず「OK」をクリック。

 

 

インストール完了

 

数秒かかりますが、プラグインインストールの完了と、

赤枠、「プラグインを有効化」が出てきます。

これでインストールが完了しました。

 

 

プラグイン有効化をして、ショートコードを貼りつければ終了です

 

上の画像の赤枠「プラグイン有効化」をクリック。

プラグイン有効化

 

画面上部に、赤枠のように「プラグインを有効化しました」と表示されます。

 

ショートコード貼り付け

ショートコード貼り付け

 

ワードプレス管理画面左サイドバーに「お問い合わせ」という

項目が現れます。

「お問い合わせ」をクリックすると、上の画面がでます。

 

コード貼り付け

 

ショートコードのあるところにカーソルを持っていき、

右クリックし、赤枠の「コピー」をクリック。

 

この後、お問い合わせのページを固定ページで作成し

このコードを記事に貼りつければいいのですが。

とりあえず、メモ帳にでも、コードを貼りつけておいてください。

 

 

固定ページで「お問い合わせ」のページを作る

 

といっても、固定ページにタイトルをつけて、

さっきのショートコードをコピペするだけです。

 

お問い合わせページ作成

 

ワードプレス管理画面左サイドバー「固定ページ」⇒「新規追加」をクリック。

 

お問い合わせフォーム

記事のタイトルは、「お問い合わせ」でも

「お問い合わせのページ」なんでもいいです。

 

赤枠の「テキスト」をクリックして、先ほどの

ショートコードを記事に貼りつけてください。

 

はい、これで完了です。

 

とりあえず、下書き保存をして、プレビューしてみましょう。

 

お問い合わせフォーム完了

 

このように表示されれば、OKです。

ただ、非常にですね、淡泊な感じですが。(グレーの枠もないです)

お問い合わせフォームですから、

これでいいかと。

 

そうですね、「お問い合わせフォーム」の上に、

例えば、

24時間以内に返信させていただいています。

もし、24時間たっても返信が無い場合は、

迷惑ボックスを確認していただき、

ご面倒ですが、もう1度、お問い合わせいただけると

ありがたいです。

 

などと、書いておいた方がいいかな (^_^)v

 

 

 

質問メールのあて先はどうなってるの

 

そうそう、質問メールがどのメールアドレスに届くかですよね。

定かではないのですが、ドメインをとった時に使った

メールアドレス???

が指定されています。

 

どこで確認するかですね。

 

contact129

 

プラグインをクリックして、赤枠「Contact Form 7」の設定をクリック。

 

contact130

 

赤枠の「コンタクトフォーム1」をクリック。

 

contact131

 

このページの下に行くと。

contact132

 

赤枠のところにあるメールアドレスに「問い合わせ」が送信されます。

このメールアドレスは、好きなものに変えることができます。

メルアドを変えたら、上にある「保存」をクリックすればOKです。

 

 

無料フォームを利用してもいいと思いますが、

この「Contact Form 7」なら、広告も入らないです。

また、非常に簡単に設定もできます。

是非ご利用ください。

 

 

 

 

コメントを残す

サブコンテンツ

このページの先頭へ