お問い合わせフォームをプラグインで簡単設定!ContactForm7の使い方

wpcon

ブログ開設したなら欠かせないのがお問い合わせフォーム。コメントやお問い合わせフォームでブログ運営者に物申したい人もいれば、ちょっとしたご相談なんかもあります。また、ブログが強くなってきたら広告掲載の依頼がきたりするので必ず設置しておきます。

1. Contact Form 7のインストール&有効化

プラグイン>新規追加 より Contact Form 7を検索し、インストール→有効化。

con1

 

2. Contact Form 7 の使い方

① 管理画面よりお問い合わせ→新規追加をクリック。フォーム名にわかりやすく名前をつけたらいったん保存します。

conta1

 

保存すると、無題から変更された名前とコードが表示されます。

conta2

 

続いてフォームの設定をします。フォームの下にあるタグの一覧よりお問い合わせに表示させたい項目を選択します。
※通常のブログ用ならメールアドレスと送信ボタンぐらいを編集すればOKです。

② メールアドレスから編集していきます。フォーム下のメールアドレスをクリック。

cont1

すると、フォームタグ生成の画面が表示されるので以下の通りにすすめます。

cont2

  • 必須項目にチェック。→メールアドレスが空白だとお問い合わせできないようにします。
  • デフォルト値(オプション):contact@example.comと入力
  • このテキストをプレースホルダ―として使用する、にチェック。
  • Akismet:送信者のメールアドレスの入力を要求する項目にチェックします。

 

③ 下に表示されているコードをコピーして、フォームの[email* your-email]を削除し、新たなコードに置き換えます。

 

cont3

※ここでいったん保存します。

 

④ フォームの隣のメールを開き、追加ヘッダーに[email-数字]のタグをコピーし、貼り付けます。

cont5

 

同様に、メッセージ本文の[your-email]の箇所を[email-数字]に置き換えます。

conta3

 

⑤ 保存し、表示されているコードをコピー。

con10

 

お問い合わせのページを作成。

フォームが完成したら、お問い合わせページを作成します。
固定ページ>新規追加

con11

 

固定ページを編集します。
タイトル、パーマリンクを編集し、本文には先ほどコピーしたフォームのコードをペースとします。

con12

 

記事を公開すると、このようにお問い合わせフォームの完成です!

con13

 

送信ボタンやメッセージ本文など自由にカスタマイズできるので慣れてきたら是非活用してみてください!

LINE@開設しました☆
定期的に無料相談会を開催していきます。

「本当にブログで稼げるの?」
「初心者の私でもブログできる?」
「ブログでなかなかアクセス伸びません><」

など、個別でお答えいたします。

開催はLINEにてお知らせしますので
友達登録しておいてください☆彡

友達登録はこちらから☆

mailmagatouroku

コメントを残す

ブログ収入のやり方をメルマガにてプレゼント中!登録はこちらをクリック!