Как сделать возврат на первый шаг формы после отправки

2025-11-16 21:27 Бесплатные Формы

Инструкция

Если ваша форма имеет несколько шагов, то, используя данную модификацию, после отправки данных она автоматически вернётся на первый шаг. Это помогает пользователю понять, что его данные действительно были отправлены.

1. Создайте отдельную страницу и назначьте её как Footer вашего сайта в настройках. Для этого перейдите в «Настройки сайта», затем в меню выберите раздел «Шапка и подвал» и в поле «Назначить подвал (Footer)» выберите нужную страницу.

2. Внутри страницы Footer разместите блок T123 и поместите в него приведённый ниже код.

<!-- Скрипт для возврата на первый шаг формы после отправки в Tilda с сайта bulgkate.ru -->

<script>
t_onReady(function () {
  document.addEventListener('click', function (e) {
    var submitBtn = e.target.closest('.t-submit');
    if (!submitBtn) return;

    var form = submitBtn.closest('form');
    if (!form || !form.classList.contains('t-form')) return;

    setTimeout(function () {
      if (!form.classList.contains('js-send-form-success')) return;

      var screens = form.querySelectorAll('.t-form__screen-wrapper');
      if (screens.length <= 1) return;

      screens.forEach(function (scr, index) {
        var isFirst = index === 0;
        scr.style.display = isFirst ? 'block' : 'none';
        scr.classList.toggle('t-form__screen-wrapper_active', isFirst);
      });

      var currentNum = form.querySelector('.t-form__screen-number-current');
      if (currentNum) currentNum.textContent = '1';
    }, 1200);
  });
});
</script>