Проблема
Делая сайты на Тильде для наших клиентов, мы столкнулись с такой проблемой, как невозможность редактировать стандартное всплывающее уведомление об отправке формы Тильды. Максимум, что можно сделать с помощью кода — изменить стандартный зелёный цвет. Но что, если вы хотите добавить туда кнопку, ссылки на социальные сети или опрос? Рассказываем ниже.
Решение
Простой код для замены стандартного уведомления об успешной отправке формы на Тильде на ваше - ниже
Инструкция
Итак, давайте пройдёмся пошагово.
1. Блоку, в котором у нас расположена форма, нужно присвоить класс:
uc-manufact-popup
2. Добавляем на сайт Зеро-блок и верстаем своё собственное всплывающее окно. Обязательно удалите белый фон в настройках блока, чтобы задний фон вашего будущего всплывающего окна был прозрачный. Сюда вы можете добавить что угодно, сделать любой дизайн вашего нового окна успеха вместо стандартного Тильдовского. Не забудьте пробежаться по внешнему виду блока на всех устройствах.
3. После того как сделали наше новое окно успешной отправки формы, добавляем ссылку, по которой будет открываться всплывающее окно. Для этого добавляем на страницу блок T1093. В настройках этого блока добавляем ссылку открытия #uspeh-popup и добавляем наш созданный зеро-блок.
4. Финальный шаг — добавляем на страницу блок T123 и в него копируем код, представленный ниже. В коде никаких изменений вносить не нужно.
<a href="#uspeh-popup" class="uspehform"></a>
<script>
$(document).ready(function () {
$('.uc-manufact-popup').delegate(".t-submit", "click", function(){
setTimeout(function(){
if ( $('.uc-manufact-popup .t-form').hasClass("js-send-form-success")){ $('.uspehform')[0].click()};
}, 500);
});
});
</script>
14 Responses
Спасибо.
Только стандартное сообщение всё равно остаётся, только под новым. Приходится потом закрывать и то и другое.
И если сама форма в попапе, то кастомное сообщение появляется под стандартным.
Возможно наш код действительно подходит не под все вариации форм на Тильде. Можете пожалуйста поделиться ссылкой на проект что бы мы доработали код?
Все делаю правлиьно, один раз спработал потом никак и да внизу все равно стандартное приветствие
Разместите зероблок с новым попапом и код в самом верху страницы. Это должно решить вашу проблему. И возможно у вас на странице несколько форм, тогда первый пункт инструкции нужно выполнить сразу для всех блоков с формами.
Доброго времени суток!
У меня такая же проблема, что и в комментарии выше. Подскажите, пожалуйста, как можно это исправить?
Попробуйте пожалуйста разместить зероблок с новым попапом и код в самом верху страницы.
точно такая же ситуация, ссылку не могу сайт, так как сайт актуальный и кривое уведомление не могу размещать
Разместите зероблок с новым попапом и код в самом верху страницы. Это должно решить вашу проблему
Ваш код не работает корректно. Системное окно всё равно остаётся, их просто становится два. Размещение вверху страницы ни на что не повлияло. Исправляйте код
Тильда постоянно обновляется, на данный момент наш код действительно нуждается в доработке — нужно искать новые решения, мы пишем статьи когда сталкиваемся с проблемами. Когда мы снова столкнемся с этой задачей во время работы с клиентами мы обязательно обновим статью!
Поместила код и зеро-попап в самый верх страницы. На странице две формы: одна в зеро-попап, другая просто в зеро блоке. При заполнении формы в зеро, всплывает только кастомное сообщение. При заполнении формы в попапе, всплывают оба сообщения и кастомное и тильдовское.
Но самое важное, что кастомное сообщение появляется только если форму отправляешь второй раз и после обновления страницы. Когда отправляешь первый раз, появляется сообщение по умолчанию. Почему так может быть?
Тильда постоянно обновляется, на данный момент наш код действительно нуждается в доработке — нужно искать новые решения, мы пишем статьи когда сталкиваемся с проблемами. Когда мы снова столкнемся с этой задачей во время работы с клиентами мы обязательно обновим статью и отправим вам уведомление на почту!
Добрый день. Сообщение с успешной отправкой появляется только если форму заполнить два раза. На первый раз выходит стандартный ответ.
На данный момент после масштабных обновлений Тильды наш код действительно нуждается в доработке — нужно искать новые решения, мы пишем статьи когда сталкиваемся с проблемами. Когда мы снова столкнемся с этой задачей во время работы с клиентами мы обязательно обновим статью и отправим вам уведомление на почту!