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

Оформить доступ с промокодом
100
POP-UP работает с 18-00 до 10-00
POP-UP работает с 18-00 до 10-00
Заказать мебель для ресторана
Оставьте телефон и менеджер перезвонит через 15 минут в рабочее время
Tilda Newsletter
Subscribe to our email newsletter for useful tips and valuable resources, sent out every month

Как настроить всплывающий информационный pop-up при отправке заявки в нерабочие часы компании для Tilda

Если клиент отправит заявку в нерабочее время, то всплывёт pop-up окошко с информацией о том, что ему перезвонят завтра

Скрипт выполнен для штатного блока - ФОРМА И КНОПКА ► BF503
Этот блок создаётся отдельно!

В строке (chas >= 00 || chas < 00) проставьте своё время, если работаете с 10 до 18, то можно записать так (chas >= 18 || chas < 10)

Ссылку на своё изображение можно заменить в конце скрипта, просто вставив на место этой

Скрипт добавляется в блок ДРУГОЕ►Т123


<script type="text/javascript">
   //объявляем переменную даты 
  var today = new Date();
  //рассчитываем час по UTC  и прибавляем 7 часов для Новосибирска
  chas = today.getUTCHours()+7;
  //рассчитываем минуты по UTC
  minut = today.getUTCMinutes();
 
 //**********
  //Если час больше 23, то приводим к нормальному виду
  if (chas>23) {
  chas = chas-24;
  }; 
  if (chas < 10) {
        chas = "0" + chas;
    };
 //**********

  //Прибавляем к минутам ноль, если число меньше 10
   if (minut < 10) {
        minut = "0" + minut;
    };
//Выводим время в нужное место
$( document ).ready(function() {
   
$('.t390__descr').html('Время в Новосибирске '+ chas + ':' + minut + '<br>' +'Сейчас мы уже не работаем, но получили Вашу заявку и обязательно перезвоним в рабочее время');
  
});

//Добавляем подложжку под ПопАп для скрытия по клику на фон
 $(".t390 .t-popup").append("<div class='podlojkaP'></div>");

//Начинаем функцию по готовности документа
 $(document).ready(function(){
//Если время больше Х и меньше У   
    if (chas >= 18 || chas < 10) { 
       window.mySuccessFunction= function($form){
         //Открываем popup 
         //Плавность появления 
         $(".t390 .t-popup").fadeIn(300);
         //Добавляем класс к Body
         $(".t390 .t-body").addClass("t-body_popupshowed");
         //Добавляем класс к t-popup
         $(".t390 .t-popup").addClass("t-popup_show");
         //Включаем popup
         $(".t390 .t-popup.t-popup_show").css("display", "block");
       };
   
       $('.js-form-proccess').each(function(){
          $(this).data('success-callback', 'window.mySuccessFunction');
       });
    };
 });

   //Закрываем popup 
   $('.t390 .t-popup__close, .t390 .t390__btn, .t390 .podlojkaP').click(function() {
            //Удаляем класс от body
            $(".t-body").removeClass("t-body_popupshowed");
            //Удаляем класс от t-popup
            $(".t390 .t-popup").removeClass('t-popup_show');
            //Скрываем pop-up
            $('.t390 .t-popup').css('display','none');  
   
   });

//Отменяем переход по ссылке при нажатии кнопки в pop-up
  $(".t390__btn").click(function() {
return false;
}); 
     
</script>

<style>
/*Добавляем фото в popup*/
    .t390__img{
       background-image: url('https://static.tildacdn.com/tild6464-3530-4135-b862-316333383534/54974072666777.jpg');

}
  
 /*Выставляем размер подложки для  popup*/ 
   .t390 .podlojkaP {
    width: 100%;
    height: 100%;
       
    };
</style>


Made on
Tilda