フォーム送信後にカスタムのお礼のメッセージを表示
ユーザーがフォームを送信した後、お礼のメッセージを通じてシームレスなエクスペリエンスを提供することが重要です。これにより、送信が成功したことが確認されるだけでなく、ユーザーの満足度が向上し、ユーザーがジャーニーをさらに進めることができます。
カスタムのお礼のメッセージの設定
アダプティブフォームブロックのデフォルトの動作では、送信時に次のお礼のメッセージが表示されます。メッセージは、フォームの上部に表示されます。
アダプティブフォームブロックのカスタムのお礼のメッセージを設定するには、次の手順に従います。
-
ローカルマシンまたは GitHub リポジトリ上の AEM プロジェクトにアクセスします。
-
[AEM プロジェクトフォルダー ]\blocks\form\submit.js ファイルに移動して、編集を行います。
-
次のコードを検索します。
code language-javascript thankYouMessage.innerHTML = payload?.body?.thankYouMessage || 'Thanks for your submission';
-
デフォルトのメッセージをカスタムメッセージに置き換えます。例:
code language-javascript thankYouMessage.innerHTML = payload?.body?.thankYouMessage || 'Your submission has been received and noted.';
-
ファイルを保存します。更新したファイルを GitHub リポジトリにコミットします。フォームを送信すると、カスタムのお礼のメッセージが表示されます。例:
関連トピック
recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab