WordPressで簡単にお問い合せフォームを作成

wordpres-contactform-thumbnail WordPress
wordpres-contactform-thumbnail

シンプルに形だけでもお問い合わせフォームをとりあえず入れておきたい。

プラグインの「Contact Form 7」を使えば、3分でできます。

それでは、早速やってみましょう。

1 「プラグイン」の「新規追加」をクリックします。

問い合わせフォーム_1

2 キーワードに「Contact-Form7」を入力します。

問い合わせフォーム_2

3 「Contact Form7」が表示されたら「今すぐインストール」をクリックし、「有効化」します。

問い合わせフォーム_3

4 「Cocoon設定」の下の「お問い合わせ」-「コンタクトフォーム」をクリック。

問い合わせフォーム_4

5 シンプルなフォームが1つ用意されています。「編集」をクリックします。

問い合わせフォーム_5

6 フォームのタイトルを「お問い合わせ」と入力します。(入力する言葉はお好みで)
  変更したら下部にある「保存」をクリックします。

問い合わせフォーム_5
問い合わせフォーム_6

7 「ショートコード」をコピーします。 

問い合わせフォーム_6

8 投稿ページでも固定ページでもどちらでも構いませんので、1ページ作ります。
  お問い合わせフォームを挿入したいところに「Contact Form7」をクリックして挿入します。

問い合わせフォーム_8

9 フォームが挿入されたら、「富士山の絵」のアイコンをクリックし、「ショートコード」をクリックします。

問い合わせフォーム_9
問い合わせフォーム_9

10 もともと入っている文字を消して、先ほどコピーしたショートコードを貼り付けます。

問い合わせフォーム_11
問い合わせフォーム_12

11 プレビュー画面で確認をすると、シンプルなフォームが挿入されています。

問い合わせフォーム_13

ここで送信先になるメールアドレスは、設定の「管理者メールアドレス」になります。

問い合わせフォーム_14
タイトルとURLをコピーしました