Герман, огромное спасибо! Сделал сайт на тильде, подключил CRM и формы заявок настроил, но думал чего-то не хватает, как раз виджеты обратной связи) Твоё видео помогло)
@@ОлечкаЗайцева-Афанасьева И да, также ниже есть настройка как будет открываться страница, same window - будет открываться на этой же странице. New window - в новом окне.
Есть один нюанс. Форма остается кликабельной даже будучи невидимой. А значит можно случайно нажать даже не подозревая о её нахождении в конкретном месте на сайте
Спасибо большое, тебе за такие видео!) Мне очень нравится как ты умеешь преподносить информацию! Хочу видеть больше твоих обучающих видео про тильду , или даже прямые трансляции по разбору каких-то интересных штук !) Спасибо!)
Есть проблемка. на всю высоту этого маленького блока, элементы ПОД ним - станут не кликабельными. Хотя и фон у нас как бы невидимый (сквозь блок вы не нажмёте, например область кнопки внизу экрана) Не забудьте только поднять этот виджет НАД контейнером рабочей области и параметр overflow переключить на visible. И всё будет ок
кстати input меню и кнопки невидимое но кликабельное может мешать использованию сайта(особенно в моб. версии), рекомендую вынести его за экран подальше и настройках step-by-step довести до рабочей области
Всё супер, описано очень доступно. Жалко только, что на месте этого прозрачного блока не нажать на кнопку со страницы, она будет не активна, потому что закрывается
Герман сними как правильно через Тильду или Вебмастер делать редирект. У меня старый сайт с неплохими позициями и я хочу его перенести на тильду! Как сделать так, чтобы позиции не ушли??
Чисто гипотетически можно задать тригер на кнопку формы, чтобы после отправки телефона форма автоматом скрывалась? Мне кажется, что с точки зрения ux так прикольней. Спасибо Герман, я многому у тебя учусь🏄♂️⚡️
А можно ли в зеро блоке сделать кастомные виджеты «поделиться»(фейсбук, Твиттер и вк)??? Кого ни спрашиваю советуют сторонние сервисы по виджетам, но у них стиль не подходит и совсем не ложиться(((
Герман, разъясните пожалуйста подробно. Как в иконки можно вставить номер своего телефона, чтобы пользователи автоматически выходили на мой ватс апп или телеграмм.
Проблему с появлением при загрузке можно решить лёгким кодом. Ибо в 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 секунды, после загрузки страницы, после которого блок станет видимым. });
Скажите, если элемент прозрачный, разве он не остается активным? То есть гипотетически человек может рандомный номер выслать?) Ну это так, для интереса просто.
Герман большое спасибо. Подробно вразумительно. НО!!!!. 1. Чёта в нижней части экрана не фиксируются кнопки на соц сети, а находятся в низу сайта. Что нужно изменить или поправить? 2. Сделал все по анимации шаг за шагом, но при наведение кнопки не увеличиваются. 3. Не могу перемещать с лева настройки блока зеро. Он остаётся зафиксирован. Пробовал в двух браузерах хром и опера. В чем может быть причина если сталкивались?
Добрый день Герман. В справочном центре костомизировали код! help-ru.tilda.cc/tips/javascript#rec25947174 Не могли бы Вы продублировать код который у вас в видео иcпользуется?
А возможно ли сделать что бы кнопка заказать звонок работала как блок FB804, с мобильного отправляла вызов а с пк на форму заказать звонок? делать 2 zero blokck и делать видимость с определённых разрешений или можно как то ещё?
Герман, большое спасибо за то, что делаешь. Подскажи, пожалуйста, а можно ли по такому принципу сделать свою панель для анонса? У Тильды не самая плохая панель, но есть проблема, на компе она всегда снизу, меня устраивает, а с мобильной версии она начинает криво отображаться. И Настройки не влияют на положение этой панели. В зиро блок легко сделать, но проблема с крестиком, а именно, как добавить крестик, чтобы можно было закрыть эту панель анонса? Спасибо.
Извиняюсь, что не по теме ролика Стоит ли регистрировать домен сайта на сторонних сервисах, если для пользования сайтом заказчику нужно будет купить тариф на Тильде, а при покупке на год Тильда предоставляет домен в подарок?
Всем привет! Впервые столкнулся,может кто знает ответ - на некоторых телефонах (не на всех) в мобильной версии сайта при нажатии на кнопку "купить" такой нюанс - если пользователь не вводит в поля свои данные,а нажимает после появления формы (это поп-ап,кстати) кнопку "назад",то его возвращает не на предыдущую или главную страницу,а выкидывает с сайта. Кто то знает причину такого? Заранее благодарен!
Возникла другая проблема. Виджеты запихнул в футер. При этом у меня подвал и шапка отдельно на главной, по твоему совету, чтобы главная не ссылалась на себя же. Также у меня предупреждение о кукисах в футере. И панель анонса там же. И вот при открытии сайта появляются виджеты, все работает, ссылки переносят куда ножно. Но невозможно закрыть предупреждение о кукисах. И нельзя закрыть панель анонса. Они словно скрыты под виджетами и не активны. Есть ли подозрения, что не так, мой косяк или у большинства просто нет предупреждения о кукисах?))
Герман привет, столкнулся с проблемой при добавлений 2 html блоков на сайте ( 1 шапка сайта, 2 виджеты ) получается каша, блоки друг на друга залазят, есть возможность это исправить?
Герман, спасибо за видео, очень информативно! Вопрос: можно использовать на сайте несколько раз этот код, для разных элементов, у меня таким образом закреплён гамбургер, пробую отдельно сделать так же на виджеты, все лепит вверху, несмотря на то что изменяю top на bottom?
Можно без кода: сделать второй блок зеро блоком и в правом нижем углу разместить виджеты. Установить у блока значение overflow:visible и у виджетов выставить basic animation:fixed а также установить количество пикселей скролла в заранее большое значение: длиннее всех оставшихся блоков вместе взятых
Герман брат нужна помощь есть задача поставить кнопку ватцап в меню шапки, все делаю по инструкции ставлю код, в позиции TOP но иконка не АКТИВНА , подскажи или сними короткое видео. За ранее спасибо тебе за контент!!
Блин, на мобильной версии кнопки виджетов наслаиваются на текст и очень сильно отвлекают от него. Тут, наверное, никак не исправить. Места то мало на экране в мобилках. Придется убрать виджет на мобилках, к сожалению
Что делать , когда у меня уже стоит такой код на плашку меню (только со значением top), и когда я ставлю код на виджеты со значением bottom, видимо у меня конфликтуют эти два похожих кода и виджеты тупо фиксируются сверху справа, вместо нижнего правого угла. Как убрать конфликт двух тих кодов?
? Никак, да, в футер мессенджеры поместить, код железобетонно к свойствам меню привязан? Хедеры ж разные на нескольких страницах, а футер один. Пока Alias-ом выкрутилась, это единственное решение?
@@germandolgin а как поставить в футер? В хедере работает, а в футере код не видит, так стационарно и висит. В коде переменная ссылается на класс, а класс же где-то под капотом, и там что-то, видимо, протестует работать в подвале ) Я еще и JavaScript не знаю, а хочется творить без костылей, поэтому хееелп )
Спасибо большое. У меня два зеро блока подряд с html кодом все настроено как у Вас но виджеты не становятся совсем вниз чуть ниже середины. Нашел отличие с Вашим html кодом у меня botton 0 px; убираю px тогда оба зеро блока становятся в самый низ хотя код меняю только в одном. Если можете подскажите. Сайт snug.kz
Смотрите обновленное видео тут th-cam.com/video/KCOo5K5IpAs/w-d-xo.html
Герман, спасибо большое! Промучалась со стандартными блоками виджетов! Очень помогло для такокого нулевого джуна, как я!
Очень полезно и актуально даже спустя 3 года после выхода видео!
Но лучше обновленное использовать
Блок загрузки страницы спас меня от использования прелоадера. Спасибо тебе и твоей подписчице .
Как всегда очень интересная информация и главное вовремя! Спасибо огромное! Обидно, что люди ленятся и ставят мало лайков😕
Герман, огромное спасибо! Сделал сайт на тильде, подключил CRM и формы заявок настроил, но думал чего-то не хватает, как раз виджеты обратной связи) Твоё видео помогло)
Подскажите, пожалуйста, какие ссылки привязывать к кнопкам соц.сетей? Герман сказал куча инфы, но я не могу нигде найти(((
@@ОлечкаЗайцева-Афанасьева И да, также ниже есть настройка как будет открываться страница, same window - будет открываться на этой же странице. New window - в новом окне.
@@kodyar7081 Спасибо!!!)
@@ОлечкаЗайцева-Афанасьева пожалуйста)
Спасибо большое. Ты очень крут!
Спасибо огромное, помогло в работе над текущим заказом!!!
Ого, это что ты меня упомянул? Я просто не досмотрела, а по ходу применяла на нескольких сайтах. Спасибо, я рада, что тогда помогла!
У меня тут одна Ника активно общается только. Спасибо огромное)
Герман, все зачетно, как всегда! Большое спасибо)
Герман, спасибо! Огромный молодец!
Спасибо, Герман!
Герман, спасибо тебе большое за труды. У тебя очень крутой канал. Продолжай в том же духе. Респект
Герман, как всегда, супер!!! Спасибо большое! 🙏❤️
Спасибо, Герман. Полезно )👍
Есть один нюанс. Форма остается кликабельной даже будучи невидимой. А значит можно случайно нажать даже не подозревая о её нахождении в конкретном месте на сайте
Спасибо за бесценный опыт!
Герман ты красавчик! Люблю смотреть твои выпуски
Спасибо большое, тебе за такие видео!) Мне очень нравится как ты умеешь преподносить информацию! Хочу видеть больше твоих обучающих видео про тильду , или даже прямые трансляции по разбору каких-то интересных штук !) Спасибо!)
Оч круто! Спасибо!
Есть проблемка. на всю высоту этого маленького блока, элементы ПОД ним - станут не кликабельными. Хотя и фон у нас как бы невидимый (сквозь блок вы не нажмёте, например область кнопки внизу экрана)
Не забудьте только поднять этот виджет НАД контейнером рабочей области и параметр overflow переключить на visible. И всё будет ок
здравствуйте! Объясните пожалуйста, что значит "поднять этот виджет НАД контейнером рабочей области". а то у меня не получается )
кстати input меню и кнопки невидимое но кликабельное может мешать использованию сайта(особенно в моб. версии), рекомендую вынести его за экран подальше и настройках step-by-step довести до рабочей области
th-cam.com/video/KCOo5K5IpAs/w-d-xo.html
В новом видео старой проблемы нет
Очень круто! Спасибо.
Спасибо вам огромное за ролики))
Спасибо,все понятно и доступно!
Классный трюк, Спасибо за урок!
Респект!!!
Привет Герман. Хорошо бы было если ты на видео показал как ватсап подключить на кнопку.
Очень полезное видео! Большое спасибо!
Спасибо за твои видео! Каждое максимально полезное! )
Спасибо Герман, для меня полезный урок)
От души, дружище! Помог так помог!!
супер. спасибо
Спасибо!
Спасибо большое! Очень полезно!)
Всё супер, описано очень доступно. Жалко только, что на месте этого прозрачного блока не нажать на кнопку со страницы, она будет не активна, потому что закрывается
Давно хотела узнать как это сделать.. Спасибо
Спасибо! Очень доступно. Не понимаю такую разницу просмотров и лайков(((
Это самое крутое видео из всех твоих
Спасибо огромное!
Герман сними как правильно через Тильду или Вебмастер делать редирект. У меня старый сайт с неплохими позициями и я хочу его перенести на тильду! Как сделать так, чтобы позиции не ушли??
Спасибо за полезное видео. Герман, можете рассказать что делать с кнопками Ватсаппа и телеграмма. Очень актуально
Круто. Спасибо
Спасибо, полезная инфа. Ток у меня цвет фона не убирается почему-то, хотя цвет bg удаляю
Чисто гипотетически можно задать тригер на кнопку формы, чтобы после отправки телефона форма автоматом скрывалась? Мне кажется, что с точки зрения ux так прикольней. Спасибо Герман, я многому у тебя учусь🏄♂️⚡️
привет. делала всё чётко по твоей инструкции, но форма почему то Выезжает и сразу заезжает обратно. Как быть? Настройки все один в один
А можно ли в зеро блоке сделать кастомные виджеты «поделиться»(фейсбук, Твиттер и вк)??? Кого ни спрашиваю советуют сторонние сервисы по виджетам, но у них стиль не подходит и совсем не ложиться(((
Герман, разъясните пожалуйста подробно. Как в иконки можно вставить номер своего телефона, чтобы пользователи автоматически выходили на мой ватс апп или телеграмм.
Для фиксации js не нужен, достаточно css.
Да ладно! Да наконец-то я теперь смогу это сделать!
Спасибо
коды которые вы используете те на сайте отличаются по составу
Проблему с появлением при загрузке можно решить лёгким кодом. Ибо в 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 секунды, после загрузки страницы, после которого блок станет видимым.
});
КРУТО!
лучший!
Герман, что за трэк играет фоном ? Не зашазамить
Там много разных. Укажи плиз таймкод
@@germandolgin 1) 4:21
2) 9:41
Спасибо за хак, про треки тоже хотел спросить на 9:40 что играло. Ты супер.
9:40 dye o not from here
И могли бы подсказать как сделать с отлипанием фиксированный блок (до конкретного блока), если на странице есть overflow visible?
Скажите, если элемент прозрачный, разве он не остается активным? То есть гипотетически человек может рандомный номер выслать?) Ну это так, для интереса просто.
Подскажите пожалуйста, а как сделать, чтобы кнопка не с самого начала появлялась?
Герман большое спасибо. Подробно вразумительно. НО!!!!. 1. Чёта в нижней части экрана не фиксируются кнопки на соц сети, а находятся в низу сайта. Что нужно изменить или поправить? 2. Сделал все по анимации шаг за шагом, но при наведение кнопки не увеличиваются. 3. Не могу перемещать с лева настройки блока зеро. Он остаётся зафиксирован. Пробовал в двух браузерах хром и опера. В чем может быть причина если сталкивались?
Отличные видеоролики
Правда не по теме... но может подскажите как правильно разместить ссылку на номер телефона вайбер в виджете вайбера?)
Это очень круто! Спасибо за уроки! Подскажи каким образом лучше выкладывать портфолио на свой сайт?
Здравствуйте!!! почему активные кнопки перестают работать? на всей страницы
Спасибо Герман!Герман,если тебя не затруднит,у меня вопрос.Как сайт сделанный на тильде полноценно с анимацией загрузить на бихенс?
Посвещу отдельный выпуск этому
На сайте s-shot.ru можно сделать скриншот вашего сайта. Получившуюся картинку оформить в фотошопе или сразу загрузить на бихенс.
Подскажите плиз, а как этим кнопкам назначить прозрачность?
Добрый день Герман.
В справочном центре костомизировали код!
help-ru.tilda.cc/tips/javascript#rec25947174
Не могли бы Вы продублировать код который у вас в видео иcпользуется?
А возможно ли сделать что бы кнопка заказать звонок работала как блок FB804, с мобильного отправляла вызов а с пк на форму заказать звонок? делать 2 zero blokck и делать видимость с определённых разрешений или можно как то ещё?
код по ссылке отличается от кода в видео
Герман, большое спасибо за то, что делаешь. Подскажи, пожалуйста, а можно ли по такому принципу сделать свою панель для анонса? У Тильды не самая плохая панель, но есть проблема, на компе она всегда снизу, меня устраивает, а с мобильной версии она начинает криво отображаться. И Настройки не влияют на положение этой панели. В зиро блок легко сделать, но проблема с крестиком, а именно, как добавить крестик, чтобы можно было закрыть эту панель анонса? Спасибо.
Снимаю свой вопрос! Досмотрел до конца) и понял, что магия в шейпе) ещё не пробовал, но думаю все получится)
Скажи пожалуйста,почему у меня не листаются настройки и контент ,и вообще ничего кроме фона
Извиняюсь, что не по теме ролика
Стоит ли регистрировать домен сайта на сторонних сервисах, если для пользования сайтом заказчику нужно будет купить тариф на Тильде, а при покупке на год Тильда предоставляет домен в подарок?
Тильдовский домен не бери, лучше возьми свой.
кода по ссылке нет, есть сам код?
Всем привет!
Впервые столкнулся,может кто знает ответ - на некоторых телефонах (не на всех) в мобильной версии сайта при нажатии на кнопку "купить" такой нюанс - если пользователь не вводит в поля свои данные,а нажимает после появления формы (это поп-ап,кстати) кнопку "назад",то его возвращает не на предыдущую или главную страницу,а выкидывает с сайта.
Кто то знает причину такого?
Заранее благодарен!
Как поменять иконку у корзины?)
Ну только кодом)
Возникла другая проблема. Виджеты запихнул в футер. При этом у меня подвал и шапка отдельно на главной, по твоему совету, чтобы главная не ссылалась на себя же. Также у меня предупреждение о кукисах в футере. И панель анонса там же. И вот при открытии сайта появляются виджеты, все работает, ссылки переносят куда ножно. Но невозможно закрыть предупреждение о кукисах. И нельзя закрыть панель анонса. Они словно скрыты под виджетами и не активны. Есть ли подозрения, что не так, мой косяк или у большинства просто нет предупреждения о кукисах?))
Делаем очень узкий экран и overflow: visible
Если я правильно вас поняла)
А можно про html
Герман привет, столкнулся с проблемой при добавлений 2 html блоков на сайте ( 1 шапка сайта, 2 виджеты ) получается каша, блоки друг на друга залазят, есть возможность это исправить?
Вы решили эту проблему? Тоже столкнулась(
@@komarovaeee нужно изменить значение z-index: 9997; например на z-index: 9996;
Герман, спасибо за видео, очень информативно! Вопрос: можно использовать на сайте несколько раз этот код, для разных элементов, у меня таким образом закреплён гамбургер, пробую отдельно сделать так же на виджеты, все лепит вверху, несмотря на то что изменяю top на bottom?
У вас получилось решить эту проблему? у меня вот тоже сверху и снизу закреп, но работает только один(
@@АнастасияНосова-ъ8ч у вас все еще не получилось решить проблему?)
Vlad Dymanov в итоге меню сдалала через стандартный блок, а виджет закрепила кодом, а так - нет
@@АнастасияНосова-ъ8ч нужно изменить значение z-index: 9997; например на z-index: 9996;
почему-то мой блок на фоне все равно остается белым и я не могу это исправить уже 2 часа(
Добрый день, а как сделать чтобы эта кнопка начинала отображаться со второго блока а не с главного экрана?
Можно без кода: сделать второй блок зеро блоком и в правом нижем углу разместить виджеты. Установить у блока значение overflow:visible и у виджетов выставить basic animation:fixed а также установить количество пикселей скролла в заранее большое значение: длиннее всех оставшихся блоков вместе взятых
Герман брат нужна помощь есть задача поставить кнопку ватцап в меню шапки, все делаю по инструкции ставлю код, в позиции TOP но иконка не АКТИВНА , подскажи или сними короткое видео. За ранее спасибо тебе за контент!!
а как быть, если есть футер и хотел бы, чтобы на всех страницах работало аналогично? попробовал в футере, не работает
оказывается, нужно было номер блока вставить, а при копировании он поменялся
Да. На это надо обращать внимание)
Блин, на мобильной версии кнопки виджетов наслаиваются на текст и очень сильно отвлекают от него. Тут, наверное, никак не исправить. Места то мало на экране в мобилках.
Придется убрать виджет на мобилках, к сожалению
Можно оставить один, например в вотсапе
На мобильной версии окно "оставить заявку" не прячется, в чем проблема?
при выставлении параметра overflow на auto форма пропадает, но и не открывается
Бомба
Что делать , когда у меня уже стоит такой код на плашку меню (только со значением top), и когда я ставлю код на виджеты со значением bottom, видимо у меня конфликтуют эти два похожих кода и виджеты тупо фиксируются сверху справа, вместо нижнего правого угла. Как убрать конфликт двух тих кодов?
нужно изменить значение z-index: 9997; например на z-index: 9996;
Возможно нужно сделать два класса floating_top и floating_bottom. И добавлять их нужному элементу:)))
? Никак, да, в футер мессенджеры поместить, код железобетонно к свойствам меню привязан? Хедеры ж разные на нескольких страницах, а футер один. Пока Alias-ом выкрутилась, это единственное решение?
Можно и в футтер просто я на боевом сайте))
@@germandolgin а как поставить в футер? В хедере работает, а в футере код не видит, так стационарно и висит. В коде переменная ссылается на класс, а класс же где-то под капотом, и там что-то, видимо, протестует работать в подвале ) Я еще и JavaScript не знаю, а хочется творить без костылей, поэтому хееелп )
Народ, а подскажите пожалуйста, как добавить этот виджет для всех страниц ?
разместите его в хеддере или футтере
@@germandolgin спасибо)))
Спасибо большое. У меня два зеро блока подряд с html кодом все настроено как у Вас но виджеты не становятся совсем вниз чуть ниже середины. Нашел отличие с Вашим html кодом у меня botton 0 px; убираю px тогда оба зеро блока становятся в самый низ хотя код меняю только в одном. Если можете подскажите. Сайт snug.kz
нужно изменить значение z-index: 9997; например на z-index: 9996;
проверьте пожалуйста, ваш метод кажется не актуальный
В мене чомусь відбити не їздять
Допоможіть
КРУТО!