Сейчас узнаем, какой подарок выпадет именно Вам
Крутите колесо
Ура, вы выиграли!
Ваш приз:
Годовой доступ
к видео на mo-ti -20%
по промокоду T19RAY
Промокод действителен 3 дня

Оформить доступ с промокодом
100
Как открыть popUp после отправки формы для Tilda

Как открыть popUp после отправки формы для Tilda

Позволяет открыть дополнительное pop-up окно, когда успешно отправлена заявка из формы
1
Создали pop-up BF502N
2
Прописали ссылку для него #popup:myform
3
Блоку с формой задали класс uc-form-popup
4
Добавили код в блок Другое - Т123
Библиотека для примера
<a href="#popup:myform"  class="showsform"></a>

<script>
document.addEventListener("DOMContentLoaded", function() {
    (function () {
        function callPopupAfterForm() {
            setTimeout(function() {
                window.tildaForm.closeSuccessPopup();
                document.querySelector('.showsform').click();
            }, 500);
        };

        if (document.readyState !== 'loading') {
            us_sendFormAfterSuccess();
        } else {
            document.addEventListener('DOMContentLoaded', us_sendFormAfterSuccess);
        };
    
        function us_sendFormAfterSuccess() {
            const forms = document.querySelectorAll('.uc-form-popup .js-form-proccess');
            Array.prototype.forEach.call(forms, function (form) {
                form.addEventListener('tildaform:aftersuccess', function () {
                    callPopupAfterForm();
                });
            });
        };
 
    })();    
});    
</script>

<style>
div#tildaformsuccesspopup {
    opacity: 0 !important;
}
</style>
Made on
Tilda