FormNest(フォームネスト)基本的な使い方

基本的な使い方

FormNestを使い始めるための基本的な手順を説明します。

ステップ1: プラグインの確認

まず、プラグインが有効化されていることを確認してください。

  1. WordPress管理画面の左メニューに「FormNest」が表示されていることを確認
  2. 表示されていない場合は、「プラグイン」→「インストール済みプラグイン」で有効化

ステップ2: 最初のフォームを作成

お問い合わせフォームなど、最初のフォームを作成しましょう。

  1. 「FormNest」→「フォーム管理」をクリック
  2. 「新規フォーム作成」ボタンをクリック
  3. フォーム名を入力(例:「お問い合わせフォーム」)
  4. 左側のフィールド一覧から必要なフィールドをドラッグ&ドロップで追加
    • 例:名前(テキスト)、メールアドレス、お問い合わせ内容(テキストエリア)
  5. 各フィールドをクリックして、ラベルや必須項目などの設定を編集
  6. 「保存」ボタンをクリックしてフォームを保存

💡 ヒント: 最初はシンプルなフォームから始めて、慣れてきたら複雑な設定に挑戦しましょう。

ステップ3: フォームをページに表示

作成したフォームをサイトのページに表示します。

  1. WordPress管理画面で「固定ページ」→「新規追加」(または「投稿」→「新規追加」)
  2. ページタイトルを入力(例:「お問い合わせ」)
  3. 本文エリアに以下のショートコードを入力:
    [wp_formnest id="フォームID"]
  4. フォームIDは、フォーム管理画面のフォーム一覧で確認できます(例:IDが1の場合、[wp_formnest id=”1″])
  5. 「公開」ボタンをクリックしてページを公開

ヒント: ショートコードはウィジェットエリアにも配置できます。「外観」→「ウィジェット」から「テキスト」ウィジェットに追加してください。

ステップ4: メール設定(オプション)

フォーム送信時にメール通知を受け取るように設定できます。

  1. フォーム管理画面で、設定したいフォームの「編集」をクリック
  2. 「メール設定」タブをクリック
  3. 管理者通知メール:送信先メールアドレス、件名、本文を設定
  4. 自動返信メール:送信者への確認メールを設定(メールアドレスフィールドがある場合)
  5. 「保存」ボタンをクリック

ヒント: メール本文には、{フィールド名}という形式でフォームの入力値を挿入できます。例:{名前}、{メールアドレス}

ステップ5: 送信データの確認

フォームから送信されたデータを確認します。

  1. 「FormNest」→「送信データ」をクリック
  2. フォーム別に送信されたデータが一覧表示されます
  3. 各データの「詳細」をクリックすると、入力内容の詳細を確認できます
  4. 必要に応じて、CSV形式でエクスポートも可能です

次のステップ

基本的な使い方をマスターしたら、以下の機能も試してみてください:

  • 確認画面の設定:送信前に内容を確認できる画面を追加
  • フィールドの詳細設定:バリデーション、文字数制限、プレースホルダーなど
  • セキュリティ設定:レート制限やハニーポット機能の設定
  • フォームテンプレート:よく使うフォームをテンプレートとして保存