提交表單後顯示自訂感謝訊息

在使用者提交表單後,透過感謝訊息提供無縫體驗至關重要。這不僅可以向使用者確認成功提交,還可以提高使用者滿意度並引導他們進行更深入的歷程。

設定自訂感謝訊息

最適化表單區塊的預設行為是在提交時顯示以下的感謝訊息。該訊息顯示在表單最上方。

預設感謝訊息

請依照以下步驟為您的最適化表單區塊設定自訂感謝訊息:

  1. 在您的本機電腦或 GitHub 存放庫上存取 AEM 專案。

  2. 導覽至 [AEM Project Folder]\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