ワードプレスに問い合わせフォームの追加を図解で入りで作成しました(Contact Form 7)

こんにちは「副業サラリーマン」です。

このブログ「サラリーマンが副業でブログ作成」に問い合わせフォームを追加してみました。

誰でも、簡単にプラグインを使えばワードプレスに問い合わせフォームを作成できます。

問い合わせフォームはできるだけシンプルに作りました。

ユーザーは本当はネット検索して調べたいけど、わからないから、手間と思いながら問い合わせをします。

そこで質問の項目を何度も選択しなければいけないと、逆に「また今度でいいか!?」となってしまいます。

今回は初心者の人にもわかりやすく図解にして説明していますので参考にして下さい。

ワードプレスに問い合わせフォームを追加(Contact From 7)

ワードプレス管理画面から「プラグイン」⇒「新規追加

①「Contact From 7]と入力して、「今すぐインストール」⇒「有効化」をします。

注意
Contact From 7で7の前にスペースを入力して下さい。違うプラグインが検索されてしまいます。画像のアイキャッチのプラグインが正規です。

 

お問い合わせ」⇒「コンタクトフォーム」を選択します。

追加したい位置でクリックします。
ここでは例としてドロップダウンメニューで性別項目を追加します。

 

<label>の前でクリックします⇒「ドロップダウンメニュー」を選択。

 

①「男性 女性」⇒「タグを挿入」を選択。

 

画像の位置に<labe>性別と入力します。⇒②</label>と入力します。③menu-581をコピーします。

最後に④「メール」を選択します。

ご自身のメールアドレス⇒②先程コピーしたコード[menu-581]を貼り付けます。

 

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

 

①「固定ページ
②「新規追加
③「お問い合わせ」(タイトルを自由に入力します)
本文に問い合わせフォームを一緒に掲載する文章を入力します。
⑤先程のショートコードを貼り付けます。
⑥「公開」を選択します。

これで完成です。

出来上がりはこんな感じになります。

まとめ

HTMLコードを使って問い合わせフォームを作るのは大変ですが、ワードプレスのプラグインを使うことで簡単に問い合わせフォームを作成することができます。

今回の項目は「性別」のみを追加しましたがその他にも・・・

  • 電話番号
  • 題名
  • 日付
  • URL
  • 〇✖選択
  • 名前

どんな項目でも自由に考えて追加できることができます。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です