Odpowiedź Sukcesu po przesłaniu formularza - co zrobić, aby była ona dynamiczna

Chcesz wdrożyć u siebie na stronie dynamiczną odpowiedź formularza, która będzie wykorzystywała dane podane wcześniej przez użytkownika? Poniżej zamieściłem instrukcję jak możesz to zrobić w Webflow.

‍

1. Przejdź do strony, na której chcesz użyć rozwiązania. Następnie wejdź w jej ustawienia i na samym dole w sekcji Custom Code w polu before </body> tag umieść poniższy kod:

‍

2. W miejsce wf-contact-form wpisz ID swojego formularza, które musisz ustawić w jego ustawieniach.

‍

3. Linijkę niżej w miejsce name-field, podaj ID pola, z którego chcesz skorzystać w dynamicznej odpowiedzi.

‍

4. Następnie ID success-text podmień na ID swojego elementu, w którym chcesz umieścić odpowiedź.

‍

Jak nadać ID elementowi odpowiedzi:

‍

5. Jako wartość successText.innerHTML, ustaw swoją własną odpowiedź sukcesu w nawiasach ` `. Aby użyć w niej wartości Twojego pola, umieść w odpowiedzi poniższą linijkę kodu:

${nameField.value}

‍

6. Teraz opublikuj stronę i gotowe!