提交表單後顯示自訂感謝訊息
在使用者提交表單後,透過感謝訊息提供無縫體驗至關重要。這不僅可以向使用者確認成功提交,還可以提高使用者滿意度並引導他們進行更深入的歷程。
設定自訂感謝訊息
最適化表單區塊的預設行為是在提交時顯示以下的感謝訊息。該訊息顯示在表單最上方。
請依照以下步驟為您的最適化表單區塊設定自訂感謝訊息:
-
在您的本機電腦或 GitHub 存放庫上存取 AEM 專案。
-
導覽至 [AEM Project Folder]\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