WE
ARE
CREATE
SOLUTIONS
Loft Pineapple, 22 Pink Street
Phone: +1 123 456 78 90
E-mail: hello@madeontilda.com

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

После отправки формы из ZeroBlock открываем скрытый блок:
Как выполнили данный пример:
1. Создали ZeroBlock c формой
2. Создали блок для скрытия CN105
3. Добавили скрипт на страницу
Скрипт вставляется в блок ДРУГОЕ►Т123

В скрипте изменили:
ID ZeroForm - 81307336
ID скрытого блока - #rec81747747
<style>
 /*Скрываем второй блок с формой*/   
    #rec81747747 {
        display:none;
    }
 /*Скрываем popUp c успехом*/       
    #tildaformsuccesspopup {
        display:none !important;
    }
/*Создаём класс с блокировкой формы*/    
    .blockform{
    pointer-events: none;
    opacity: 0.3;
    }
</style>

<script type="text/javascript">
 $(document).ready(function(){
//При нажатии кнопки SUBMIT в первой форме 
 $(".tn-atom__form").delegate("#form81307336 .t-submit", "click", function(){
     setTimeout(function() { 
    //Если первая форма получила статус успешной отправки     
          if($("#form81307336").hasClass("js-send-form-success")){
    //То блокируем эту форму
                $("#form81307336").addClass('blockform');
    //Раскрываем втророй блок с формой                
                $('#rec81747747').slideDown(600);
                
    //Создаём автоскролл   
        // скорость скролла
        var speed = 2000;
        // место скролла второй блок с формой верхняя часть
        var top = $('#rec81747747').offset().top;
        $('html, body').animate({scrollTop: top}, speed); 
        $(".t-form-success-popup")[0].click();
          };
       }, 1000);
 });
});
</script>
Made on
Tilda