WordPressでコーディングなしでお問い合わせフォームを作成する方法

WordPressウェブサイトにお問い合わせフォームを追加したいけれど、コーディングの方法がわからない？そんなあなたに、このステップバイステップガイドがぴったりです。 コードを1行も書かずにWordPressでプロフェッショナルな問い合わせフォームを作成する—所要時間は 5 分未満です。

ブロガー、中小企業のオーナー、あるいは初めてウェブサイトを構築する人にとって、お問い合わせフォームは不可欠です。訪問者が簡単に連絡を取りやすくなり、リード獲得にも役立ち、メールアドレスをただ掲載するだけよりもプロフェッショナルな印象を与えます。

WordPressウェブサイトにお問い合わせフォームが必要な理由

チュートリアルに進む前に、お問い合わせフォームがなぜ重要なのかを理解しましょう。

• メールをスパムから保護します – メールアドレスを公開すると、スパムボットが受信箱に殺到する恐れがあります
• プロフェッショナルに見える – 適切に設計されたフォームは訪問者との信頼関係を構築します
• 構造化された情報を収集する – 必要な詳細情報（名前、メールアドレス、メッセージ）を整理された形式で取得します
• 問い合わせを追跡する – メールで失われるのではなく、WordPressダッシュボードに投稿内容を保存します
• モバイルフレンドリーな体験 – フォームはスマートフォンやタブレットでも問題なく動作します

必要なもの

このチュートリアルを実行するには、次のものが必要です。

• WordPress ウェブサイト (セルフホスト型 WordPress.org)
• プラグインをインストールするための管理者アクセス
• あなたの時間の5分

それだけです！コーディングの知識も、技術的な経験も、有料ツールも必要ありません。

ステップ1：Auto Form Builder（無料プラグイン）をインストールする

私たちは使用します 自動フォームビルダー （としても知られている AFB）—無料の、 軽量WordPressプラグイン 視覚的なドラッグ＆ドロップインターフェースを備えています。学習曲線がないため、初心者に最適です。

インストール方法は次のとおりです。

1. WordPress管理ダッシュボードにログインする
2. に行く プラグイン→新規追加
3. 検索する "AFB（Auto Form Builderの略称）
4. 探す "AFB – 自動フォームビルダー – ドラッグ＆ドロップフォーム作成ツール「
5. 詳しくはこちら 今すぐインストールをタップし、その後、 アクティブにしましょう

💡ヒント: WordPress リポジトリでプラグインを見つける最も早い方法は、「AFB」を検索することです。

有効化すると、WordPress管理メニューに「自動フォームビルダー」が表示されます。これで最初のフォームを作成する準備が整いました！

ステップ2: 新しいお問い合わせフォームを作成する

それではお問い合わせフォームを作成しましょう。

1. 詳しくはこちら 自動フォームビルダー 管理者メニューで
2. 詳しくはこちら 新しいフォームを作成
3. テンプレート選択画面が表示されますので、 お問合せフォーム

Auto Form Builder には、次の内容を含むあらかじめ構築された連絡フォーム テンプレートが付属しています。

• 氏名欄
• メールアドレスフィールド
• 電話番号フィールド (optional)
• メッセージフィールド

テンプレートはすぐに使用できますが、お好みに合わせてカスタマイズできます。

ステップ3: フォームフィールドをカスタマイズする（オプション）

フィールドを追加または変更したいですか？ドラッグアンドドロップビルダーを使えば簡単です。

新しいフィールドの追加

左側のサイドバーに利用可能なフィールドタイプが表示されます。 任意のフィールドをドラッグ フォームキャンバスに:

• テキスト入力 – 名前や件名などの短い回答の場合
• メールアドレス – メールアドレスを自動的に検証します
• 電話番号・携帯番号 – オプションのフォーマットが可能な電話番号の場合
• テキスト領域 – 長いメッセージの場合
• 落ちます – ユーザーがオプションから選択できるようにする（「連絡理由」など）
• チェックボックス – 同意ボックスまたは複数選択の場合

フィールド設定の編集

任意のフィールドをクリックしてカスタマイズします。

• 以下のスクリーンショットに示すように、ジョブタイプを ラベル （例：「氏名」ではなく「あなたの名前」）
• 追加 プレースホルダーテキスト ユーザーをガイドする
• フィールドを作る またはオプション
• 追加 ヘルプテキスト 以下のフィールド

フィールドの並べ替え

単に フィールドを上または下にドラッグします 順序を変更できます。ビジュアルビルダーでフォームの見た目を正確に確認できます。

ステップ4: フォーム設定を構成する

クリック 設定 タブで、フォームを送信したときに何が起こるかを設定します。

成功メッセージ

送信後にユーザーに表示されるメッセージをカスタマイズします。例:

「お問い合わせいただきありがとうございます！24時間以内にご返信いたします。」

電子メール通知

誰かがフォームに入力するとすぐに通知が届きます:

1. 有効にする 電子メール通知
2. メールアドレスを入力してください（複数のメールアドレスの場合はカンマで区切ってください）
3. メールの件名をカスタマイズする

すべての送信内容はあなたの受信トレイに直接送信され、WordPress ダッシュボードに安全に保存されます。

ステップ5: フォームのスタイルを設定する（オプション）

フォームをウェブサイトのデザインに合わせたいですか？カスタマイズするには、「カスタマイズ」タブをクリックしてください。

• 色 – ボタンの色、背景、テキストを変更する
• ボーダーズ – フィールドの境界線と角の半径を調整する
• 間隔 – パディングとマージンを制御する
• ボタン – 送信ボタンのテキストと外観をカスタマイズする

Auto Form Builder フォームは、すぐに使用できるどのテーマでも美しく表示されるように設計されているため、スタイル設定は完全にオプションです。

ステップ6：ショートコードを保存して取得する

フォームに満足したら、次の操作を行います。

1. フォームに名前を付けます（例：「お問い合わせフォーム」）
2. 詳しくはこちら フォームを保存
3. コピー ショート 表示される

ステップ7: ページにお問い合わせフォームを追加する

それでは、ウェブサイトにフォームを表示してみましょう。

オプションA: 既存のページに追加

1. に行く ページ 連絡先ページを編集する
2. フォームを表示したい場所にショートコードを貼り付けます
3. 詳しくはこちら 更新

オプションB: 新しい連絡先ページを作成する

1. に行く ページ → 新規追加
2. 「お問い合わせ」または「お問い合わせ」というタイトルをつける
3. 必要に応じて紹介文を追加します
4. ショートコードを貼り付けます
5. 詳しくはこちら パブリッシュ

ページにアクセスして、新しい美しいお問い合わせフォームの動作を確認してください。

ステップ8：お問い合わせフォームをテストする

新しいフォームを世界に発表する前に、テストしてください。

1. お問い合わせページをご覧ください
2. テスト情報をフォームに記入してください
3. 送信をクリックします。
4. 成功メッセージが表示されていることを確認してください
5. メールで通知を確認してください
6. WordPressでは、 自動フォームビルダー → 送信 保存されたエントリを見るには

すべてがうまくいけば、おめでとうございます。お問い合わせフォームが公開されました。

お問い合わせフォームの送信管理

オートフォームビルダーの最も優れた機能の1つは、組み込みの 提出管理メールのみを送信する一部のフォームプラグインとは異なり、すべての送信内容は WordPress データベースに保存されます。

に行く 自動フォームビルダー → 提出 以下に送って下さい：

• すべての応募作品を見る 検索可能なテーブルで
• 日付によるフィルタ – 今日、今週、今月など。
• 検索投稿 – 特定のメッセージを即座に見つける
• 既読/未読としてマーク – 対応した問い合わせを追跡する
• 重要なメッセージにスターを付ける – 優先度の高い連絡先にフラグを立てる
• CSVにエクスポート – スプレッドシートやバックアップ用にデータをダウンロードする

つまり、メールが配信されなかった場合でも、顧客からの問い合わせを失うことはありません。

自動フォームビルダーがお問い合わせフォームに最適な理由

利用できる WordPress フォーム プラグインは数多くありますが、Auto Form Builder が問い合わせフォームの作成に優れている理由は次のとおりです。

よくある質問

フォームは私の WordPress テーマで機能しますか?

はい。Auto Form Builderは、あらゆるWordPressテーマに対応するように設計されています。

フォームの送信内容を電子メールで受け取ることはできますか?

はい、もちろんです。フォーム設定でメール通知を有効にすると、フォームが送信されるたびにメールが届きます。送信内容はバックアップとしてWordPressダッシュボードに保存されます。

お問い合わせフォームはモバイルフレンドリーですか?

はい。Auto Form Builder で作成されたすべてのフォームは完全にレスポンシブで、スマートフォン、タブレット、デスクトップ コンピューターで美しく表示されます。

フォームをスパムから保護するにはどうすればよいですか?

Auto Form Builderは、Google reCAPTCHAやCloudflare Turnstileなどのスパム対策アドオンを提供しています。

次のステップ

WordPress ウェブサイトにお問い合わせフォームができたので、次の機能強化を検討してください。

• フッターにお問い合わせフォームを追加する – どのページからでもアクセスできるようにする
• フィードバックフォームを作成する – 顧客のレビューや体験談を集める
• ニュースレター登録フォームを作成する – メールリストを増やす
• スパム対策を追加する – トラフィックの多いサイトではreCAPTCHAを有効にする

結論

WordPressでお問い合わせフォームを作成するのにコーディングスキルは必要ありません。 自動フォームビルダーを使用すると、5 分以内にプロフェッショナルでモバイル対応の問い合わせフォームを完全に無料で作成できます。

ドラッグ＆ドロップ式のインターフェースは初心者でも使いやすく、内蔵の送信管理機能で顧客からの問い合わせを見逃すことはありません。さらに、すべてのデータはご自身のWordPressサーバーに安全に保管されます。

お問い合わせフォームを作成する準備はできましたか? 自動フォームビルダーをダウンロード WordPress プラグイン リポジトリからダウンロードして、今すぐ始めましょう。