Виджет обратной связи в ZERO-блоке Тильды. Ватсап Вайбер, Телеграм. Виджет в зеро блоке Tilda
Виджет обратной связи в ZERO-блоке Тильды. Вотсапп Вайбер, Телеграм. Зеро блок Tilda
Ссылка на программный код: Виджет-обратной-связи-в-ZERO-блоке-TILDA-Программный-код-p403093578
=======
Чтобы сгенерировать ссылки для кнопок WhatsApp, Viber, Telegram, можете пользоваться этими сервисами:
(если на момент просмотра видео эти сервисы не работают, просто спросите у Яндекса “генератор ссылки WhatsApp / Viber / Telegram“)
Индивидуальное обучение Тильде:
Конструктор-сайтов-Tilda-Индивидуальное-обучение-p596083432
=================
ЗАРАБАТЫВАЙТЕ НА МОИХ ВИДЕО:
ОПИСАНИЕ:
=================
В интернете множество решений как сделать виджет обратной связи в Тильде, чтобы там были кнопки вотсапп, вайбер, телеграмм форма обратной связи… в общем, подобные штуки.
Но что если мы не хотим перекрывать ZERO-блоком всю нижнюю область сайта как например здесь? Я не могу листать галерею из-за невидимого ZERO-блока, на котором вот эти кнопки. Если я чуть проскроллю, галерея выползает из-под ZERO-блока, и тогда можно её листать.
А здесь – вообще невидимая форма обратной связи. Ну и третий момент – чтобы создавать подобные виджеты, приходится задействовать анимацию, и если мы назначили появление формы обратной связи при клике на эту кнопку, то больше никакой анимации элементам обратной связи мы назначить уже не сможем.
Предлагаю способ создания виджета обратной связи.
С его помощью делать виджеты очень легко. Вы просто размещаете кнопки Whatsapp, Telegram, Viber, это могут быть формы обратной связи, это может быть даже галерея или Google-карта или Яндекс-карта!… Всё, что доступно из ZERO-блока – всё это Вы можете сюда запихать абсолютно без ограничений! Создавая виджет, Вы не запутаетесь какие элементы анимировать и какие триггеры для них использовать.
Виджет скрыт за пределами экрана. ZERO-блок, на котором он располагается, ничего не перекрывает.
Вы можете создавать любые дизайны и адаптировать их под разные размеры дисплеев! И виджет на десктопной версии может выглядеть вот так, на планшете – уже вот так, а на мобильных для экономии места на экране – например. вот так.
Кроме всего перечисленного – Вы можете это использовать не в качестве виджета обратной связи, а в качестве бокового меню Вашего сайта!
Если надо чтобы виджет появлялся на всех страницах сайта, создавайте его в подвале.
Заходим в подвал и создаём ZERO-блок, в котором будет располагаться кнопка, открывающая виджет.
Всё лишнее удаляем и добавляем шейп или картинку, и ей назначаем ссылку #openwiget.
Выровняйте шейп вверх и влево, а грид-контейнеру задайте такую же высоту, как у шейпа, и сделайте сам ZERO-блок невидимым, удалив его фоновый цвет. И вот здесь Overflow = Visible.
Создаём новый ZERO-блок, и в него напихиваем кнопки, форму обратной связи, карты, галерею… Задаём грид контейнеру нужную высоту, делаем его невидимым и Overflow = Visible. Потом переходим на другие размеры дисплеев, иразмещаем элементы как хотим, и грид-контейнеру тоже задаём высоту по желанию.
Добавляем кнопку, которая будет закрывать виджет, и назначаем ссылку #closewiget
Создаём шейп, правой кнопкой мыши на нём щёлкаем и присваиваем ему имя CSS-класса = backwall (типа задняя стена).
И каких размеров будет этот шэйп – таким и будет виджет. Поэтому равняем влево и вверх и задаём ему размеры для всех дисплеев, и следим чтобы все наши элементы умещались в границах этого шейпа. После этого делаем его невидимым и перемещаем его в самый низ, чтобы он оказался под всеми элементами.
Далее добавляем на страницу из раздела Другое блок Т123 HTML, покупаем и качаем программный код и вставляем в блок Т123.
Вы можете в любое время менять дизайн Вашего виджета – и всё равно всё будет работать!
Друзья! Я очень надеюсь что с этих пор создание виджетов обратной связи на сайтах превратится для Вас в удовольствие.
Ключевые слова:
виджет обратной связи в тильде
виджет обратной связи в зеро блоке
ватсап в тильде
вотсапп в зеро блоке
whatsapp в tilda
whatsapp в zero блоке
viber в tilda
viber в zero блоке
виджет в тильде
виджет в зеро блоке
кнопка обратной связи в тильде
кнопка обратной связи в зеро блоке
кнопка вотсапп в тильде
кнопка вайбер в тильде
тильда конструктор сайтов
tilda
тильда
тильда форма обратной связи
форма обратной связи зеро блок
виджеты для тильды
телеграм тильда
#виджетобратнойсвязивтильде #ватсапвтильде #телеграмвтильде
4 просмотра
1977
653
2 месяца назад 00:01:44 1
Этой весной кемеровчане выбирают 11 территорий, которые благоустроят по нацпроекту “Жилье и городская среда“ в 2025 году
2 месяца назад 00:32:27 75
Анонс нашего курса по дизайну соцсетей
2 месяца назад 00:06:27 10
Виджет обратной связи в ZERO-блоке Тильды. Ватсап Вайбер, Телеграм. Виджет в зеро блоке Tilda
2 месяца назад 00:11:19 1
Делаем Windows похожей на macOS
2 месяца назад 00:31:23 2
🤖 Пробую новый iPHONE спустя 6 лет ANDROIDа | сравнение и тест камер
2 месяца назад 00:06:04 1
Инструкция по размещению часов на телевизоре.
3 месяца назад 01:16:11 1
Делаю дизайн группы для клиента за 170$
3 месяца назад 00:00:40 3
️ ️ ️Дан старт четвертому Всероссийскому онлайн-голосованию по выбору приоритетных объектов для благоустройства
3 месяца назад 00:18:57 1
Как увеличить продажи - омниканальная система. Внедрение омниканальности в бизнес
3 месяца назад 00:01:06 5
Платформа обратной связи (ПОС)
3 месяца назад 00:03:30 1
⭐ Обзор плагина jQuery T(-) Countdown Widget для создания таймера на Wordpress
3 месяца назад 00:13:21 1
Превращаем посетителя в покупателя: 9 инструментов увеличения конверсии от SEO трафика: Focus Point
3 месяца назад 00:33:12 57
Как выстроить e-com продажи в мессенджерах? | Запись вебинара
3 месяца назад 00:19:35 2
Темная тема Flutter приложения | Как сделать ПРАВИЛЬНО ? | ПЕРЕСБОРКА №13
4 месяца назад 01:55:22 1
Тест Настроек Для IRL Streams+Про Своё Разнообразное Питание И Ежедневный Рацион, 16, 19()
4 месяца назад 01:14:19 1
Тест Настроек Для IRL Streams 14, 17()
4 месяца назад 00:19:18 2
Тест Настроек Для IRL Streams, 15, 17()
4 месяца назад 00:10:34 3
9 Урок | Форма обратной связи на сайт
4 месяца назад 00:02:48 308
26 урок по Tilda | Виджеты обратной связи | Сурдоперевод, Русский жестовый язык, DEAF | Курс профессия веб-дизайнер на Tilda
4 месяца назад 00:02:51 448
Платформа обратной связи – цифровой инструмент для быстрого решения актуальных проблем граждан
4 месяца назад 00:01:00 35
Платформа обратной связи (субтитры)
5 месяцев назад 00:22:31 339
Календарь Notion – БОЛЬШОЙ ОБЗОР: как пользоваться интеграция с Ноушен и Гугл Google calendar