ガイド/サイトをカスタマイズ/エディター/フォーム/お問い合わせフォームを作成する

お問い合わせフォームを作成する

サイトにフォームを作成して、メッセージ、予約、登録、フィードバックなどを受け付けます。このガイドでは、サイトに追加できるフォームの作成方法について説明します。

動画チュートリアル

フォームを作成する

新しいフォームを作成するには次の手順を実行します。

  1. サイトのダッシュボードにアクセスします。
  2. 「Jetpack」→「フォーム」の順に移動します。
  3. 右上の「フォームを作成」ボタンをクリックします。
An arrow pointing to the "Create a form" button.
  1. フォームに名前 (「お問い合わせ」など) を入力し、「作成」ボタンをクリックします。名前は「フォーム」ダッシュボードに表示され、複数のフォームがある場合にフォームを区別するのに役立ちます。
The form name field and Create buttons highlighted.
  1. フォームエディターで、お問い合わせフォーム、予約フォーム、登録フォーム、予約フォーム、フィードバックフォーム、マルチステップフォームなどのあらかじめ組み込まれているさまざまなレイアウトから選択します。または、テキストフィールドを使用して必要なフォームを説明します。
The form block with pre-built layouts and a text field to ask AI to build the form.
  1. フォーム内で「+」ブロック挿入 を使用して、フォームフィールドを追加およびカスタマイズします。利用可能なフィールドタイプは、名前、メールアドレス、テキストエリア、チェックボックス、ラジオボタン、ドロップダウン、ファイルアップロードなどです。
  2. フォームのスタイル設定から色、フォント、レイアウトを変更して、フォームをデザインします。

送信後の内容を選択する

訪問者がフォームを送信した後に表示される内容を制御できます。送信後のアクションを設定するには、次の手順に従います。

  1. エディターの左上隅にある3本の水平線アイコンをクリックして「リストビュー」を開きます。
  2. リストで「フォームブロック」を選択します。
An arrow from the List View icon to the Form block in the List View.
  1. ブロック設定サイドバーで、「送信後のアクション」を展開します。
The "action after submit" settings showing options for a text or redirect link.
  1. オプションを選択します。
    • テキスト: カスタムメッセージを表示します。デフォルトのテキストを編集したり、送信されたデータの概要を表示するかを決定したり、「戻る」リンクを含めたりできます。
    • リダイレクトリンク: 送信後に訪問者を別のページに移動させます。

フォームを公開する

フォームの準備ができたら、次の手順に従います。

  1. エディターの右上隅の「公開」ボタンをクリックします。
  2. 表示されるパネルで「公開」を再度クリックして確認します。

フォームが保存され、固定ページや投稿に埋め込めるようになりました。

フォームを公開すると、次のオプションが表示されます。

  • 新規固定ページを追加: フォームをすでに追加した状態で新しい固定ページを作成します。
  • 既存の固定ページに追加: フォームを追加する既存の固定ページを選択します。
  • 手動でコピーして追加: 埋め込みコードまたはショートコードをコピーして、フォームを手動で追加します。

フォームエディターを終了しても、フォームをあらゆる固定ページに追加できます。詳しくは、 「フォームブロック」ガイドを参照してください。

The post-publish options for adding a form to a page.

メール通知を受信する

サイトでフォームが送信されるたびにメール通知が届きます。これらのメールには、メールプログラムから直接返信できます。

デフォルトでは、回答は WordPress.com アカウントのメールアドレスに送信されます。メールアドレスを変更するか、複数の受信者を追加するには、次の手順に従います。

  1. エディターの左上隅にある3本の水平線アイコンをクリックして「リストビュー」を開きます。
  2. リストで「フォームブロック」を選択します。
An arrow from the List View icon to the Form block in the List View.
  1. ブロック設定サイドバーで、「フォーム通知」を展開します。
  2. 「メールで回答を送信してください」の切り替えがオンであることを確認します。
  3. 「送信先のメールアドレス」フィールドにメールアドレスを入力します。複数のアドレスはカンマで区切ります。
  4. 「保存」をクリックします。
The Form block's notifications settings with a text field labeled "Email Address to Send To"

メールの件名をカスタマイズする

受信する通知メールの件名をカスタマイズできます。ブロック設定の「フォーム通知」セクションで、「メールの件名」フィールドを更新します。

フォーム送信からの情報を件名に含めるには、フィールド名を中括弧で囲んで入力します。たとえば、フォームに「名前」フィールドと「メールアドレス」フィールドがある場合は、{name}; {email}と入力すると、件名にこれらの値が含まれます。フィールド名はフォームのラベルと一致する必要があり、大文字と小文字は区別されません。

The form block settings showing how the subject line can be customized.

プッシュ通知を設定する

フォームの回答に関するプッシュ通知は、ダッシュボードの通知ブラウザーで受け取ることができます。プッシュ通知を有効にするには、次の手順に従います。

  1. エディターでリストビューを開きます。
  2. リストで「フォームブロック」を選択します。
  3. ブロック設定サイドバーで、「フォーム通知」を展開します。
  4. 「回答の通知を有効化」をオンに切り替えます。
  5. サイトのどのユーザーに通知を送信するかを選択します。
  6. 「保存」をクリックします。
The  "Enable notifications for responses" option is toggled on and a site username is shown in the box below.

回答のストレージを設定する

デフォルトでは、フォームブロックを介して送信されたフォームは、「Jetpack」→「フォーム」の回答に保存されます。メールアドレスに送信されたメッセージがスパムとしてブロックされている場合は、サイトに回答を保存すると特に役立ちます。

次の手順に従って、回答のストレージを設定します。

  1. エディターでリストビューを開きます。
  2. リストで「フォームブロック」を選択します。
  3. ブロック設定サイドバーで、「回答ストレージ」を展開します。
  4. 「回答を保存」オプションをオフに切り替えて、メッセージの保存を停止します。「回答を保存」をオンに切り替えて、サイトに回答を保存します。
The Save responses toggle under Response storage toggled on.

フォームの同期を理解する

サイトのすべてのフォームはフォーム投稿として保存されます。ページにフォームブロックを挿入すると、WordPress.com ではそのブロックにリンクされたフォーム投稿が作成されます。編集は、次の2つの間で同期を保つようにデザインされています。

  • ページのフォームブロックを変更すると、フォーム投稿が更新されます。
  • フォームエディターで変更を行うと、そのフォームが表示されているページが更新されます。
  • 「Jetpack」→「フォーム」の「フォーム」ダッシュボードでは、すべてのフォーム投稿が1か所に表示されます。

同期は保存時に自動的に行われます。フォームをページに挿入した後、「フォーム」ダッシュボードにそのフォームが表示されない場合は、こちらの手順を使用して変換します。

Copied to clipboard!