Anzeigen einer benutzerdefinierten Dankesnachricht nach der Formularübermittlung

Nachdem Benutzende ein Formular abgesendet haben, ist es entscheidend, ein nahtloses Erlebnis durch eine Dankesnachricht zu bieten. Dies bestätigt nicht nur die erfolgreiche Übermittlung, sondern verbessert zudem die Benutzerzufriedenheit und führt Benutzende weiter auf ihrer Journey.

Konfigurieren einer benutzerdefinierten Dankesnachricht

Standardmäßig verhält sich der adaptive Formularbaustein so, dass bei der Übermittlung die folgende Dankesnachricht angezeigt wird. Die Nachricht wird oben im Formular angezeigt.

Standardmäßige Dankesnachricht

Führen Sie die folgenden Schritte aus, um eine benutzerdefinierte Dankesnachricht für Ihren adaptiven Formularbaustein zu konfigurieren:

  1. Greifen Sie auf Ihr AEM-Projekt auf Ihrem lokalen Computer oder im GitHub-Repository zu.

  2. Navigieren Sie zur Bearbeitung zur Datei [AEM-Projektordner]\blocks\form\submit.js.

  3. Suchen Sie folgenden Code

    code language-javascript
        thankYouMessage.innerHTML = payload?.body?.thankYouMessage || 'Thanks for your submission';
    
  4. Ersetzen Sie die Standardnachricht durch Ihre benutzerdefinierte Nachricht. Zum Beispiel:

    code language-javascript
        thankYouMessage.innerHTML = payload?.body?.thankYouMessage || 'Your submission has been received and noted.';
    
  5. Speichern Sie die Datei. Übertragen Sie die aktualisierte Datei in Ihr GitHub-Repository. Wenn Sie jetzt ein Formular senden, wird die benutzerdefinierte Dankesnachricht angezeigt. Zum Beispiel:

Benutzerdefinierte Dankesnachricht

Siehe auch

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