Делаем виджет обратной связи в ZERO BLOCK
HTML-код
- Опубликовано: 10 сен 2024
- Скопируйте код отсюда: help-ru.tilda.w...
Посмотрите как виджет выглядит тут: dolginstudio.c...
Хотите сайт на Тильде? Мы можем помочь: dolginstudio.com/
Мой обучающий курс по работе в Tilda dolginstudio.c...
Хотите поддержать проект? donatty.com/do...
Хотите 1 месяц в подарок после первой оплаты за Тильду? Регистрируйтесь по ссылке tilda.cc/?r=14...
Тильда слишком дорого? Попробуйте Craftum craftum.com/id...
Хотите покупать фотографии со стоков дешево? Вам сюда: shopdiz.pro/r/...
В инстаграм посты выкладываю редко, и не про дизайн, но если интересно- / germandolgin
Смотрите обновленное видео тут ruclips.net/video/KCOo5K5IpAs/видео.html
Герман, спасибо большое! Промучалась со стандартными блоками виджетов! Очень помогло для такокого нулевого джуна, как я!
Очень полезно и актуально даже спустя 3 года после выхода видео!
Но лучше обновленное использовать
Как всегда очень интересная информация и главное вовремя! Спасибо огромное! Обидно, что люди ленятся и ставят мало лайков😕
Блок загрузки страницы спас меня от использования прелоадера. Спасибо тебе и твоей подписчице .
Спасибо большое. Ты очень крут!
Спасибо огромное, помогло в работе над текущим заказом!!!
Есть проблемка. на всю высоту этого маленького блока, элементы ПОД ним - станут не кликабельными. Хотя и фон у нас как бы невидимый (сквозь блок вы не нажмёте, например область кнопки внизу экрана)
Не забудьте только поднять этот виджет НАД контейнером рабочей области и параметр overflow переключить на visible. И всё будет ок
здравствуйте! Объясните пожалуйста, что значит "поднять этот виджет НАД контейнером рабочей области". а то у меня не получается )
кстати input меню и кнопки невидимое но кликабельное может мешать использованию сайта(особенно в моб. версии), рекомендую вынести его за экран подальше и настройках step-by-step довести до рабочей области
ruclips.net/video/KCOo5K5IpAs/видео.html
В новом видео старой проблемы нет
Герман, огромное спасибо! Сделал сайт на тильде, подключил CRM и формы заявок настроил, но думал чего-то не хватает, как раз виджеты обратной связи) Твоё видео помогло)
Подскажите, пожалуйста, какие ссылки привязывать к кнопкам соц.сетей? Герман сказал куча инфы, но я не могу нигде найти(((
@@user-qg7sg9iu3s И да, также ниже есть настройка как будет открываться страница, same window - будет открываться на этой же странице. New window - в новом окне.
@@kodyar7081 Спасибо!!!)
@@user-qg7sg9iu3s пожалуйста)
Ого, это что ты меня упомянул? Я просто не досмотрела, а по ходу применяла на нескольких сайтах. Спасибо, я рада, что тогда помогла!
У меня тут одна Ника активно общается только. Спасибо огромное)
Герман, как всегда, супер!!! Спасибо большое! 🙏❤️
Спасибо!
Спасибо, Герман!
Спасибо, Герман. Полезно )👍
Герман, спасибо тебе большое за труды. У тебя очень крутой канал. Продолжай в том же духе. Респект
Герман, спасибо! Огромный молодец!
Герман, все зачетно, как всегда! Большое спасибо)
Есть один нюанс. Форма остается кликабельной даже будучи невидимой. А значит можно случайно нажать даже не подозревая о её нахождении в конкретном месте на сайте
Оч круто! Спасибо!
супер. спасибо
Спасибо за бесценный опыт!
Герман ты красавчик! Люблю смотреть твои выпуски
Спасибо большое, тебе за такие видео!) Мне очень нравится как ты умеешь преподносить информацию! Хочу видеть больше твоих обучающих видео про тильду , или даже прямые трансляции по разбору каких-то интересных штук !) Спасибо!)
Очень круто! Спасибо.
лучший!
Бомба
Спасибо вам огромное за ролики))
Спасибо,все понятно и доступно!
Классный трюк, Спасибо за урок!
Респект!!!
Очень полезное видео! Большое спасибо!
Спасибо! Очень доступно. Не понимаю такую разницу просмотров и лайков(((
Спасибо Герман, для меня полезный урок)
Спасибо за твои видео! Каждое максимально полезное! )
От души, дружище! Помог так помог!!
Спасибо большое! Очень полезно!)
Спасибо огромное!
Круто. Спасибо
Это самое крутое видео из всех твоих
КРУТО!
Привет Герман. Хорошо бы было если ты на видео показал как ватсап подключить на кнопку.
Спасибо
Отличные видеоролики
А можно ли в зеро блоке сделать кастомные виджеты «поделиться»(фейсбук, Твиттер и вк)??? Кого ни спрашиваю советуют сторонние сервисы по виджетам, но у них стиль не подходит и совсем не ложиться(((
привет. делала всё чётко по твоей инструкции, но форма почему то Выезжает и сразу заезжает обратно. Как быть? Настройки все один в один
Всё супер, описано очень доступно. Жалко только, что на месте этого прозрачного блока не нажать на кнопку со страницы, она будет не активна, потому что закрывается
Да ладно! Да наконец-то я теперь смогу это сделать!
Для фиксации js не нужен, достаточно css.
Герман сними как правильно через Тильду или Вебмастер делать редирект. У меня старый сайт с неплохими позициями и я хочу его перенести на тильду! Как сделать так, чтобы позиции не ушли??
Подскажите пожалуйста, а как сделать, чтобы кнопка не с самого начала появлялась?
Герман, что за трэк играет фоном ? Не зашазамить
Там много разных. Укажи плиз таймкод
@@germandolgin 1) 4:21
2) 9:41
Спасибо за хак, про треки тоже хотел спросить на 9:40 что играло. Ты супер.
9:40 dye o not from here
Возникла другая проблема. Виджеты запихнул в футер. При этом у меня подвал и шапка отдельно на главной, по твоему совету, чтобы главная не ссылалась на себя же. Также у меня предупреждение о кукисах в футере. И панель анонса там же. И вот при открытии сайта появляются виджеты, все работает, ссылки переносят куда ножно. Но невозможно закрыть предупреждение о кукисах. И нельзя закрыть панель анонса. Они словно скрыты под виджетами и не активны. Есть ли подозрения, что не так, мой косяк или у большинства просто нет предупреждения о кукисах?))
Делаем очень узкий экран и overflow: visible
Если я правильно вас поняла)
Давно хотела узнать как это сделать.. Спасибо
Спасибо за полезное видео. Герман, можете рассказать что делать с кнопками Ватсаппа и телеграмма. Очень актуально
Спасибо Герман!Герман,если тебя не затруднит,у меня вопрос.Как сайт сделанный на тильде полноценно с анимацией загрузить на бихенс?
Посвещу отдельный выпуск этому
На сайте s-shot.ru можно сделать скриншот вашего сайта. Получившуюся картинку оформить в фотошопе или сразу загрузить на бихенс.
И могли бы подсказать как сделать с отлипанием фиксированный блок (до конкретного блока), если на странице есть overflow visible?
Правда не по теме... но может подскажите как правильно разместить ссылку на номер телефона вайбер в виджете вайбера?)
Герман, разъясните пожалуйста подробно. Как в иконки можно вставить номер своего телефона, чтобы пользователи автоматически выходили на мой ватс апп или телеграмм.
Герман привет, столкнулся с проблемой при добавлений 2 html блоков на сайте ( 1 шапка сайта, 2 виджеты ) получается каша, блоки друг на друга залазят, есть возможность это исправить?
Вы решили эту проблему? Тоже столкнулась(
@@komarovaeee нужно изменить значение z-index: 9997; например на z-index: 9996;
Чисто гипотетически можно задать тригер на кнопку формы, чтобы после отправки телефона форма автоматом скрывалась? Мне кажется, что с точки зрения ux так прикольней. Спасибо Герман, я многому у тебя учусь🏄♂️⚡️
Всем привет!
Впервые столкнулся,может кто знает ответ - на некоторых телефонах (не на всех) в мобильной версии сайта при нажатии на кнопку "купить" такой нюанс - если пользователь не вводит в поля свои данные,а нажимает после появления формы (это поп-ап,кстати) кнопку "назад",то его возвращает не на предыдущую или главную страницу,а выкидывает с сайта.
Кто то знает причину такого?
Заранее благодарен!
Герман большое спасибо. Подробно вразумительно. НО!!!!. 1. Чёта в нижней части экрана не фиксируются кнопки на соц сети, а находятся в низу сайта. Что нужно изменить или поправить? 2. Сделал все по анимации шаг за шагом, но при наведение кнопки не увеличиваются. 3. Не могу перемещать с лева настройки блока зеро. Он остаётся зафиксирован. Пробовал в двух браузерах хром и опера. В чем может быть причина если сталкивались?
Это очень круто! Спасибо за уроки! Подскажи каким образом лучше выкладывать портфолио на свой сайт?
Скажите, если элемент прозрачный, разве он не остается активным? То есть гипотетически человек может рандомный номер выслать?) Ну это так, для интереса просто.
Здравствуйте!!! почему активные кнопки перестают работать? на всей страницы
Спасибо, полезная инфа. Ток у меня цвет фона не убирается почему-то, хотя цвет bg удаляю
Проблему с появлением при загрузке можно решить лёгким кодом. Ибо в IE, к примеру, не помогает блок загрузки страницы.
// Выставляем фиксированную позицию на экране и
.fixedCall {
position: fixed;
width: 100%;
opacity: 0;
//Делаем невидивым
bottom: 0px;
z-index: 9999;
}
// Класс, который сделает блок снова видимым
.visible {
opacity: 1 !important;
}
$(document).ready(function(){
var blockCallID = '#rec218736760';
//Нужно заменить на код блока Zero выполняющего роль виджета
$(blockCallID).addClass('fixedCall');
// Добавляем к нему класс, который фиксирует блок
setInterval(() => {
$(blockCallID).addClass('visible');
}, 200);
// делаем интервал на 0,2 секунды, после загрузки страницы, после которого блок станет видимым.
});
коды которые вы используете те на сайте отличаются по составу
Добрый день Герман.
В справочном центре костомизировали код!
help-ru.tilda.cc/tips/javascript#rec25947174
Не могли бы Вы продублировать код который у вас в видео иcпользуется?
Скажи пожалуйста,почему у меня не листаются настройки и контент ,и вообще ничего кроме фона
А возможно ли сделать что бы кнопка заказать звонок работала как блок FB804, с мобильного отправляла вызов а с пк на форму заказать звонок? делать 2 zero blokck и делать видимость с определённых разрешений или можно как то ещё?
Подскажите плиз, а как этим кнопкам назначить прозрачность?
почему-то мой блок на фоне все равно остается белым и я не могу это исправить уже 2 часа(
кода по ссылке нет, есть сам код?
Герман брат нужна помощь есть задача поставить кнопку ватцап в меню шапки, все делаю по инструкции ставлю код, в позиции TOP но иконка не АКТИВНА , подскажи или сними короткое видео. За ранее спасибо тебе за контент!!
Добрый день, а как сделать чтобы эта кнопка начинала отображаться со второго блока а не с главного экрана?
Можно без кода: сделать второй блок зеро блоком и в правом нижем углу разместить виджеты. Установить у блока значение overflow:visible и у виджетов выставить basic animation:fixed а также установить количество пикселей скролла в заранее большое значение: длиннее всех оставшихся блоков вместе взятых
Герман, большое спасибо за то, что делаешь. Подскажи, пожалуйста, а можно ли по такому принципу сделать свою панель для анонса? У Тильды не самая плохая панель, но есть проблема, на компе она всегда снизу, меня устраивает, а с мобильной версии она начинает криво отображаться. И Настройки не влияют на положение этой панели. В зиро блок легко сделать, но проблема с крестиком, а именно, как добавить крестик, чтобы можно было закрыть эту панель анонса? Спасибо.
Снимаю свой вопрос! Досмотрел до конца) и понял, что магия в шейпе) ещё не пробовал, но думаю все получится)
Извиняюсь, что не по теме ролика
Стоит ли регистрировать домен сайта на сторонних сервисах, если для пользования сайтом заказчику нужно будет купить тариф на Тильде, а при покупке на год Тильда предоставляет домен в подарок?
Тильдовский домен не бери, лучше возьми свой.
Как поменять иконку у корзины?)
Ну только кодом)
код по ссылке отличается от кода в видео
На мобильной версии окно "оставить заявку" не прячется, в чем проблема?
при выставлении параметра overflow на auto форма пропадает, но и не открывается
Герман, спасибо за видео, очень информативно! Вопрос: можно использовать на сайте несколько раз этот код, для разных элементов, у меня таким образом закреплён гамбургер, пробую отдельно сделать так же на виджеты, все лепит вверху, несмотря на то что изменяю top на bottom?
У вас получилось решить эту проблему? у меня вот тоже сверху и снизу закреп, но работает только один(
@@user-co6jf1mw5h у вас все еще не получилось решить проблему?)
Vlad Dymanov в итоге меню сдалала через стандартный блок, а виджет закрепила кодом, а так - нет
@@user-co6jf1mw5h нужно изменить значение z-index: 9997; например на z-index: 9996;
Блин, на мобильной версии кнопки виджетов наслаиваются на текст и очень сильно отвлекают от него. Тут, наверное, никак не исправить. Места то мало на экране в мобилках.
Придется убрать виджет на мобилках, к сожалению
Можно оставить один, например в вотсапе
а как быть, если есть футер и хотел бы, чтобы на всех страницах работало аналогично? попробовал в футере, не работает
оказывается, нужно было номер блока вставить, а при копировании он поменялся
Да. На это надо обращать внимание)
Что делать , когда у меня уже стоит такой код на плашку меню (только со значением top), и когда я ставлю код на виджеты со значением bottom, видимо у меня конфликтуют эти два похожих кода и виджеты тупо фиксируются сверху справа, вместо нижнего правого угла. Как убрать конфликт двух тих кодов?
нужно изменить значение z-index: 9997; например на z-index: 9996;
Возможно нужно сделать два класса floating_top и floating_bottom. И добавлять их нужному элементу:)))
Народ, а подскажите пожалуйста, как добавить этот виджет для всех страниц ?
разместите его в хеддере или футтере
@@germandolgin спасибо)))
? Никак, да, в футер мессенджеры поместить, код железобетонно к свойствам меню привязан? Хедеры ж разные на нескольких страницах, а футер один. Пока Alias-ом выкрутилась, это единственное решение?
Можно и в футтер просто я на боевом сайте))
@@germandolgin а как поставить в футер? В хедере работает, а в футере код не видит, так стационарно и висит. В коде переменная ссылается на класс, а класс же где-то под капотом, и там что-то, видимо, протестует работать в подвале ) Я еще и JavaScript не знаю, а хочется творить без костылей, поэтому хееелп )
А можно про html
Спасибо большое. У меня два зеро блока подряд с html кодом все настроено как у Вас но виджеты не становятся совсем вниз чуть ниже середины. Нашел отличие с Вашим html кодом у меня botton 0 px; убираю px тогда оба зеро блока становятся в самый низ хотя код меняю только в одном. Если можете подскажите. Сайт snug.kz
нужно изменить значение z-index: 9997; например на z-index: 9996;
проверьте пожалуйста, ваш метод кажется не актуальный
В мене чомусь відбити не їздять
Допоможіть
КРУТО!