フォーム送信後にカスタムのお礼のメッセージを表示

ユーザーがフォームを送信した後、お礼のメッセージを通じてシームレスなエクスペリエンスを提供することが重要です。これにより、送信が成功したことが確認されるだけでなく、ユーザーの満足度が向上し、ユーザーがジャーニーをさらに進めることができます。

カスタムのお礼のメッセージの設定

アダプティブフォームブロックのデフォルトの動作では、送信時に次のお礼のメッセージが表示されます。メッセージは、フォームの上部に表示されます。

デフォルトのお礼のメッセージ

アダプティブフォームブロックのカスタムのお礼のメッセージを設定するには、次の手順に従います。

  1. ローカルマシンまたは GitHub リポジトリ上の AEM プロジェクトにアクセスします。

  2. [AEM プロジェクトフォルダー ]\blocks\form\submit.js ファイルに移動して、編集を行います。

  3. 次のコードを検索します。

    code language-javascript
        thankYouMessage.innerHTML = payload?.body?.thankYouMessage || 'Thanks for your submission';
    
  4. デフォルトのメッセージをカスタムメッセージに置き換えます。例:

    code language-javascript
        thankYouMessage.innerHTML = payload?.body?.thankYouMessage || 'Your submission has been received and noted.';
    
  5. ファイルを保存します。更新したファイルを GitHub リポジトリにコミットします。フォームを送信すると、カスタムのお礼のメッセージが表示されます。例:

カスタムのお礼のメッセージ

関連トピック

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab