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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

これで完成です。

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

まとめ

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

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

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

あわせて読みたい記事

ブログ作成で絶対必要なPC(パソコン)のスクショ術を完全攻略！

サラリーマン・お小遣い稼ぎランキング